feat: added advantages

index.html

@@ -52,9 +52,7 @@
       <section class="first-screen">
         <div class="container">
           <div class="first-screen__wrapper">
-            <div class="tag tag--light">
-              Реабилитационный центр и социальная адаптация
-            </div>
+            <div class="tag tag--light">Реабилитационный центр и социальная адаптация</div>
 
             <h1 class="first-screen__title">Лечение <b>алкоголизма и наркомании</b> в Томске</h1>
 
@@ -101,11 +99,74 @@
               <button class="button button--lg button--lg--consult button--light">
                 Получить консультацию
               </button>
-              <button class="button button--lg button--lg--coin button--dark">Посмотреть цены</button>
+              <button class="button button--lg button--lg--coin button--dark">
+                Посмотреть цены
+              </button>
             </div>
           </div>
         </div>
       </section>
+
+      <section class="advantages">
+        <div class="container">
+          <div class="advantages__item advantages__item--counter">
+            <div class="advantages__item-counter">340+</div>
+            <div class="advantages__item-text">
+              Человек смогли побороть зависимость вместе с нами
+            </div>
+          </div>
+
+          <div class="advantages__item advantages__item--conditions">
+            <figure class="advantages__item-figure">
+              <img
+                class="advantages__item-figure-image"
+                src="./assets/img/icons/convenient.svg"
+                alt="convenient"
+              />
+            </figure>
+            <div class="advantages__item-text">
+              <b>Комфортные условия проживания</b> под круглосуточным присмотром наших специалистов
+            </div>
+          </div>
+
+          <div class="advantages__item advantages__item--detox">
+            <figure class="advantages__item-figure">
+              <img
+                class="advantages__item-figure-image"
+                src="./assets/img/icons/heart.svg"
+                alt="heart"
+              />
+            </figure>
+            <div class="advantages__item-text">
+              <b>Поддержка на всех этапах:</b> детокс - реабилитация - социальная адаптация
+            </div>
+          </div>
+
+          <div class="advantages__item advantages__item--center">
+            <figure class="advantages__item-figure">
+              <img
+                class="advantages__item-figure-image"
+                src="./assets/img/icons/hospital.svg"
+                alt="hospital"
+              />
+            </figure>
+            <div class="advantages__item-text">
+              Наш центр успешно работает <b>более 8-ми лет </b>
+            </div>
+          </div>
+
+          <div class="advantages__item advantages__item--support">
+            <figure class="advantages__item-figure ">
+              <img
+                class="advantages__item-figure-image"
+                src="./assets/img/icons/mental-care.svg"
+                alt="mental-care"
+              />
+            </figure>
+            <div class="advantages__item-text"><b>Психологическая поддержка</b> родственников</div>
+          </div>
+        </div>
+      </section>
     </main>
 
     <script src="./assets/js/main.js"></script>