style: add styles and photos

Reviewed-on: #17

assets/css/main.css

@@ -383,7 +383,7 @@ img {
 }
 .section__head p {
   color: rgba(255, 255, 255, 0.8);
-  font-size: 28px;
+  font-size: 20px;
   line-height: 1.15;
 }
 
@@ -616,7 +616,7 @@ img {
   justify-content: center;
   padding: 16px 18px;
   text-align: center;
-  background: rgba(7, 10, 12, 0.84);
+  background: rgb(7, 10, 12);
   opacity: 0;
   transform: translateY(10px);
   color: rgba(255, 255, 255, 0.7);
@@ -690,6 +690,19 @@ img {
   font-weight: 700;
   line-height: 1.2;
 }
+@media (max-width: 600px) {
+  .pricing-item {
+    padding: 16px;
+    min-height: auto;
+  }
+  .pricing-item h3 {
+    font-size: 16px;
+  }
+  .pricing-item p {
+    font-size: 16px;
+    color: #dfdfdf;
+  }
+}
 
 .gallery {
   background: linear-gradient(90deg, #293133, #20272a);
@@ -1036,7 +1049,7 @@ img {
 .contacts-card__item-content a {
   color: rgba(255, 255, 255, 0.9);
   font-size: 16px;
-  line-height: 1.4;
+  line-height: 1.8;
   text-decoration: underline;
   text-underline-offset: 2px;
 }

assets/scss/_base.scss

@@ -363,7 +363,7 @@ img {
 
         p {
             color: $color-text-soft;
-            font-size: 28px;
+            font-size: 20px;
             line-height: 1.15;
         }
     }
@@ -625,7 +625,7 @@ img {
         justify-content: center;
         padding: 16px 18px;
         text-align: center;
-        background: rgba(7, 10, 12, 0.84);
+        background: rgba(7, 10, 12, 1);
         opacity: 0;
         transform: translateY(10px);
         color: $color-text-muted;
@@ -707,6 +707,22 @@ img {
             font-weight: 700;
             line-height: 1.2;
         }
+		
+		// Медиа-запрос для экранов меньше 600px
+        @media (max-width: 600px) {
+            padding: 16px;       // Пример: уменьшаем внутренние отступы
+            min-height: auto;    // Пример: убираем фиксированную минимальную высоту
+            
+            h3 {
+                font-size: 16px; // Пример: уменьшаем размер заголовка
+            }
+            
+            p {
+                font-size: 16px; // Пример: уменьшаем размер цены
+				color:#dfdfdf;
+            }
+        }
+		
     }
 }
 
@@ -1088,7 +1104,7 @@ img {
         a {
             color: rgba(255, 255, 255, 0.9);
             font-size: 16px;
-            line-height: 1.4;
+            line-height: 1.8; 
             text-decoration: underline;
             text-underline-offset: 2px;
         }

index.html

@@ -33,7 +33,7 @@
                             лёд, залы, проживание и питание на одной территории
                         </h1>
                         <p>
-                            Два ледовых поля 56×26 м, универсальный зал, фитнес-центр и 
+                            Два ледовых поля 58×26 м, универсальный зал, фитнес-центр и 
                             апарт-отель на 70+ номеров. В пределах ТТК.
                         </p>
                         <ul class="hero__tags">
@@ -95,7 +95,7 @@
                         </article>
 
                         <article class="object-card">
-                            <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/6399e455dd0120ee5802a0d0_643691cf6bb745.08564640.jpg');"></div>
+                            <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/photo_olimp_sport4.jpg');"></div>
                             <div class="object-card__content">
                                 <h3>Фитнес-центр</h3>
                                 <p>Кардио, силовая и функциональная зоны. Premium-оборудование.</p>
@@ -103,7 +103,7 @@
                             </div>
                         </article>
 
-                        <article class="object-card object-card--reverse">
+                        <article class="object-card object-card--reverse" style="display:none;">
                             <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/1231.png');"></div>
                             <div class="object-card__content">
                                 <h3>Зал хореографии</h3>
@@ -113,7 +113,7 @@
                         </article>
 
                         <article class="object-card object-card--reverse">
-                            <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/6399e455dd0120ee5802a0d0_643691cf6bb745.08564640.jpg');"></div>
+                            <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/no_photo.png');"></div>
                             <div class="object-card__content">
                                 <h3>Апарт-отель</h3>
                                 <p>70+ номеров для команд и гостей. Прямо на территории.</p>
@@ -122,7 +122,7 @@
                         </article>
 
                         <article class="object-card">
-                            <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/IMG_4521-min.jpg');"></div>
+                            <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/photo_olimp_rest7.jpg');"></div>
                             <div class="object-card__content">
                                 <h3>Ресторан</h3>
                                 <p>Сбалансированное спортивное питание. Меню для команд.</p>
@@ -131,7 +131,7 @@
                         </article>
 
                         <article class="object-card object-card--reverse">
-                            <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/other/8540eec74dd51616e6b30215183b38ad1-870x580.jpg');"></div>
+                            <div class="object-card__image" style="background-image: linear-gradient(0deg, rgba(18,18,18,.3), rgba(18,18,18,.3)), url('./assets/images/renders/no_photo.png');"></div>
                             <div class="object-card__content">
                                 <h3>Парковка и подъезд</h3>
                                 <p>Своя парковка для гостей и автобусов команд.</p>
@@ -229,7 +229,7 @@
                                 <p>от 25.000₽/час</p>
                             </article>
                             <article class="pricing-item">
-                                <h3>Аренда универсального зала</h3>
+                                <h3>Универсальный зал</h3>
                                 <p>от 7.000₽/час</p>
                             </article>
                             <article class="pricing-item">
@@ -254,9 +254,16 @@
                             <div class="gallery__item" style="background-image:url('./assets/images/renders/basket.jpg');"></div>
                             <div class="gallery__item" style="background-image:url('./assets/images/renders/led.jpg');"></div>
                             <div class="gallery__item" style="background-image:url('./assets/images/renders/ledadnbasket.jpg');"></div>
-                            <div class="gallery__item" style="background-image:url('./assets/images/other/IMG_4521-min.jpg');"></div>
                             <div class="gallery__item" style="background-image:url('./assets/images/other/ledovie.jpg');"></div>
-                            <div class="gallery__item" style="background-image:url('./assets/images/other/6399e455dd0120ee5802a0d0_643691cf6bb745.08564640.jpg');"></div>
+							<div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_rest1.jpg');"></div>
+							<div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_rest2.jpg');"></div>
+							<div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_rest3.jpg');"></div>
+							<div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_rest4.jpg');"></div>
+							<div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_rest5.jpg');"></div>
+							<div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_sport1.jpg');"></div>
+							<div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_sport2.jpg');"></div>
+							<div class="gallery__item" style="background-image:url('./assets/images/renders/photo_olimp_sport3.jpg');"></div>
+
                         </div>
                     </div>
                 </section>
@@ -356,7 +363,7 @@
                     </div>
                 </section>
 
-                <section class="section facts" id="facts">
+                <section class="section facts" id="facts" style="display:none;">
                     <div class="container">
                         <header class="section__head">
                             <h2>Цифры о комплексе</h2>
@@ -440,7 +447,7 @@
                                         </span>
                                         <div class="contacts-card__item-content">
                                             <strong>Адрес</strong>
-                                            <span>Москва, Автомобильный проезд, 4</span>
+                                            <span>Москва, Автомобильный проезд, 4к5</span>
                                         </div>
                                     </li>
                                     <li>
@@ -462,7 +469,7 @@
                                         </span>
                                         <div class="contacts-card__item-content">
                                             <strong>Телефон</strong>
-                                            <a href="tel:+79251404737">+7 (925) 140-47-37</a>
+                                            <a style="margin-bottom:5px;" href="tel:+79251404737">+7 (925) 140-47-37</a><br>
                                             <a href="tel:+79251404764">+7 (925) 140-47-64</a>
                                         </div>
                                     </li>
@@ -575,7 +582,7 @@
                         </nav>
                         <div class="footer__contacts">
                             <h4>Контакты и режим работы</h4>
-                            <a href="tel:+79251404737">+7 (925) 140-47-37</a>
+                            <a href="tel:+79251404737">+7 (925) 140-47-37</a><br>
                             <a href="tel:+79251404764">+7 (925) 140-47-64</a>
                             <a href="mailto:receptionadmin@o-arena.ru">receptionadmin@o-arena.ru</a>
                             <span>Москва, Автомобильный проезд, 4</span>