Merge pull request 'edit blocks (gendir)' (#33) from style/design into main

Reviewed-on: #33

assets/css/main.css

@@ -194,7 +194,7 @@ img {
   position: fixed;
   inset: 0 0 auto;
   z-index: 20;
-  border-bottom: 1px solid rgba(207, 23, 23, 0.2);
+  border-bottom: 2px solid rgba(207, 23, 23, 0.3);
   background: rgba(18, 18, 18, 0.95);
   animation: slide-down 0.65s ease both;
 }
@@ -224,8 +224,11 @@ img {
 
 .logo {
   display: inline-flex;
-  width: 137px;
+  /*width: 137px;*/
-  height: 30px;
+  /*height: 30px;*/
+  width: 172px;
+  height: auto;
+  margin-top: 5px;
 }
 .logo img {
   width: 100%;
@@ -235,7 +238,8 @@ img {
 
 .hero {
   position: relative;
-  min-height: 852px;
+  /*min-height: 852px;*/
+  min-height: 750px;
   padding-top: 72px;
 }
 .hero__bg {
@@ -277,7 +281,8 @@ img {
 }
 .hero h1 {
   max-width: 1000px;
-  margin-bottom: 24px;
+  /*margin-bottom: 24px;*/
+  margin-bottom: 45px;
   font-size: 72px;
   font-weight: 700;
   line-height: 90px;
@@ -1606,7 +1611,7 @@ img {
 }
 @media only screen and (max-width: 1280px) {
   .container {
-    padding: 0 20px;
+    /*padding: 0 20px;*/
   }
   .header__nav {
     gap: 20px;
@@ -1810,6 +1815,7 @@ img {
   }
   .hero__tags li {
     white-space: normal;
+    padding: 14px 20px;
   }
   .hero__actions .btn--ghost {
     width: 100%;
@@ -1915,18 +1921,24 @@ img {
     gap: 12px;
   }
   .logo {
-    width: 110px;
+    /*width: 110px;*/
-    height: 24px;
+    /*height: 24px;*/
+    height: auto;
+    width: 150px;
+    margin-top: 12px;
   }
   .btn--small {
-    padding: 10px 16px;
+    padding: 6px 20px;
-    font-size: 13px;
+    font-size: 12px;
   }
   .hero {
     padding-top: 100px;
   }
   .hero h1 {
-    font-size: 34px;
+    /*font-size: 34px;*/
+    font-size: 24px;
+    margin-top: 20px;
+    margin-bottom: 40px;
   }
   .hero__actions {
     gap: 12px;

assets/scss/_base.scss

@@ -142,7 +142,7 @@ img {
     position: fixed;
     inset: 0 0 auto;
     z-index: 20;
-    border-bottom: 1px solid rgba(207, 23, 23, 0.2);
+    border-bottom: 2px solid rgba(207, 23, 23, 0.3); 
     background: rgba(18, 18, 18, 0.95);
     animation: slide-down 0.65s ease both;
 
@@ -176,8 +176,11 @@ img {
 
 .logo {
     display: inline-flex;
-    width: 137px;
+    /*width: 137px;*/
-    height: 30px;
+    /*height: 30px;*/
+	width:172px;
+	height:auto;
+	margin-top:5px;
 
     img {
         width: 100%;
@@ -188,7 +191,8 @@ img {
 
 .hero {
     position: relative;
-    min-height: 852px;
+    /*min-height: 852px;*/
+	min-height:750px;
     padding-top: 72px;
 
     &__bg {
@@ -242,7 +246,8 @@ img {
 
     h1 {
         max-width: 1000px;
-        margin-bottom: 24px;
+        /*margin-bottom: 24px;*/
+		margin-bottom:45px;
         font-size: 72px;
         font-weight: 700;
         line-height: 90px;
@@ -1751,7 +1756,7 @@ img {
 
 @include respond($bp-xl) {
     .container {
-        padding: 0 20px;
+        /*padding: 0 20px;*/
     }
 
     .header {
@@ -2045,6 +2050,7 @@ img {
         &__tags {
             li {
                 white-space: normal;
+				padding: 14px 20px;
             }
         }
 
@@ -2198,14 +2204,17 @@ img {
     }
 
     .logo {
-        width: 110px;
+        /*width: 110px;*/
-        height: 24px;
+        /*height: 24px;*/
+		height: auto;
+		width:150px;
+		margin-top: 12px;
     }
 
     .btn {
         &--small {
-            padding: 10px 16px;
+            padding: 6px 20px;
-            font-size: 13px;
+            font-size: 12px;
         }
     }
 
@@ -2213,7 +2222,10 @@ img {
         padding-top: 100px;
 
         h1 {
-            font-size: 34px;
+            /*font-size: 34px;*/
+			font-size:24px;
+			margin-top:20px;
+			margin-bottom:40px;
         }
 
         &__actions {

index.html

@@ -28,22 +28,24 @@
                 <section class="hero">
                     <div class="hero__bg" aria-hidden="true"></div>
                     <div class="container hero__content">
-                        <h1>
+                        <!--<h1>
                             Спорткомплекс полного цикла в <span>Москве:</span><br> 
                             лёд, залы, проживание и питание на одной территории
-                        </h1>
+                        </h1>-->
-                        <p>
+						<h1>Многофункциональный ледовый комплекс</h1>
+                        <!--<p>
                             Два ледовых поля 58×26 м, универсальный зал, фитнес-центр и 
                             апарт-отель на 70+ номеров. В пределах ТТК.
-                        </p>
+                        </p>-->
                         <ul class="hero__tags">
                             <li>2 ледовых поля 58×26 м</li>
                             <li>Универсальный зал, фитнес центр, и зал хореографии</li>
                             <li>Проживание и питание на территории</li>
+							<li>Собственный паркинг</li>
                         </ul>
                         <div class="hero__actions">
-                            <a class="btn" href="#booking">Забронировать площадку</a>
+                            <a style="padding-left: 75px; padding-right: 75px;" class="btn" href="#booking">Оставить заявку</a>
-                            <a class="btn btn--ghost" href="#booking">Узнать расписание</a>
+                            <a style="display:none;" class="btn btn--ghost" href="#booking">Узнать расписание</a>
                         </div>
                     </div>
                 </section>
@@ -71,7 +73,7 @@
 
                 <section class="section section--pattern objects" id="objects">
                     <div class="container">
-                        <header class="section__head">
+                        <header class="section__head" style="display:none;">
                             <h2>Наши объекты</h2>
                             <p>Профессиональная инфраструктура для ваших целей</p>
                         </header>
@@ -141,7 +143,7 @@
                     </div>
                 </section>
 
-                <section class="section infrastructure" id="infrastructure">
+                <section class="section infrastructure" id="infrastructure" style="display:none;">
                     <div class="container">
                         <header class="section__head">
                             <h2>Инфраструктура</h2>
@@ -188,7 +190,7 @@
                     </div>
                 </section>
 
-                <section class="section services" id="services">
+                <section class="section services" id="services" style="display:none;">
                     <div class="container">
                         <header class="section__head">
                             <h2>Услуги</h2>
@@ -218,7 +220,7 @@
                     </div>
                 </section>
 
-                <section class="section pricing" id="pricing">
+                <section class="section pricing" id="pricing" style="display:none;">
                     <div class="container">
                         <header class="section__head">
                             <h2>Стоимость</h2>