feat: stop today

MIU-cz · May 26, 2024 · fb32788 · fb32788
1 parent 22500d6
commit fb32788
Show file tree

Hide file tree

Showing 5 changed files with 102 additions and 24 deletions.
diff --git a/Yandex/index.html b/Yandex/index.html
@@ -1,29 +1,41 @@
 <!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-    <link rel="stylesheet" href="src/autor-resourse/my-normaliz-style-min.css">
-    <link rel="stylesheet" href="src/css/main.css">
-</head>
+<html lang="ru">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>club four horses</title>
+        <link
+            rel="shortcut icon"
+            href="src/img/header/horse-1.svg"
+            type="image/x-icon"
+        />
+        <link
+            rel="stylesheet"
+            href="src/autor-resourse/my-normaliz-style-min.css"
+        />
+        <link rel="stylesheet" href="src/css/main.css" />
+    </head>
 
-<body>
-    <header class="container">
+    <body>
+        <header class="container container_header">
+            <div class="wraper"></div>
+        </header>
 
-    </header>
-
-    <main>
+        <section class="run-text">
+            <ul class="txt_marquee">
+                <li class="txt_marquee_item">Дело помощи утопающим — дело рук самих утопающих!</li>
+                <li class="txt_marquee_item">Шахматы двигают вперед не только культуру, но и экономику!</li>
+                <li class="txt_marquee_item">Лед тронулся, господа присяжные заседатели!</li>
+            </ul>
+        </section>
 
-    </main>
+        <main></main>
 
-    <footer>
-        <div id="autor"></div>
-    </footer>
+        <footer>
+            <div id="autor"></div>
+        </footer>
 
-<!-- scripts -->
-<script src="src/autor-resourse/autor-footer-script.js"></script>
-
-</body>
-
-</html>
+        <!-- scripts -->
+        <script src="src/autor-resourse/autor-footer-script.js"></script>
+    </body>
+</html>
diff --git a/Yandex/src/css/_Theme.scss b/Yandex/src/css/_Theme.scss
@@ -48,6 +48,7 @@ $c-bg-header: #E9DED4;
         $lh:110%,
         $color:$c-main-white
     );
+    text-transform: uppercase;
 }
 
 .txt_main_section {

diff --git a/Yandex/src/css/main.css b/Yandex/src/css/main.css
@@ -67,6 +67,7 @@
   letter-spacing: normal;
   line-height: 110%;
   color: #FFFFFF;
+  text-transform: uppercase;
 }
 
 .txt_main_section {
@@ -178,4 +179,34 @@
   width: 100%;
   margin: 0 auto;
   padding: 0;
+}
+.container_header {
+  height: 640px;
+  background: url(../img/header/bg-color-burn.png) center #E9DED4;
+  background-blend-mode: color-burn;
+}
+
+.wraper {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: url(../img/header/bg-img-city.png) center bottom no-repeat;
+}
+
+.run-text {
+  width: 100%;
+  height: 60px;
+  background-color: #F54932;
+  align-content: center;
+}
+.run-text .txt_marquee {
+  display: flex;
+  flex-wrap: nowrap;
+  gap: 40px;
+}
+.run-text .txt_marquee_item {
+  list-style: disc;
+}
+.run-text .txt_marquee_item:first-child {
+  list-style: none;
 }/*# sourceMappingURL=main.css.map */
diff --git a/Yandex/src/css/main.css.map b/Yandex/src/css/main.css.map
diff --git a/Yandex/src/css/main.scss b/Yandex/src/css/main.scss
@@ -4,5 +4,39 @@
     width: 100%;
     margin: 0 auto;
     padding: 0;
+
+    &_header {
+        height: 640px;
+        background: url(../img/header/bg-color-burn.png) center $c-bg-header;
+        background-blend-mode: color-burn;
+    }
+}
+
+.wraper {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    background: url(../img/header/bg-img-city.png) center bottom no-repeat;
 }
 
+.run-text {
+    width: 100%;
+    height: 60px;
+
+    background-color: $c-text-em;
+    align-content: center;
+
+    .txt_marquee {
+        display: flex;
+        flex-wrap: nowrap;
+        gap: 40px;
+
+        &_item {
+            list-style: disc;  
+
+            &:first-child {
+                list-style: none;
+            }
+        }
+    }
+}