From 21d4342a6a7bd6e1a565dfd9761bd8ebfa551430 Mon Sep 17 00:00:00 2001
From: Aliaksei Karzhou <alexius90e@gmail.com>
Date: Thu, 4 Jul 2024 12:04:50 +0300
Subject: [PATCH] feat: added nav links

---
 assets/css/index.css       |  2 +-
 assets/scss/_l-footer.scss |  2 +-
 index.html                 | 73 ++++++++++++++++++--------------------
 3 files changed, 37 insertions(+), 40 deletions(-)

diff --git a/assets/css/index.css b/assets/css/index.css
index b9e183a..3289c11 100644
--- a/assets/css/index.css
+++ b/assets/css/index.css
@@ -785,7 +785,7 @@ h3 {
     flex-direction: column;
   }
 }
-.footer__copyrights > a {
+.footer__copyrights a {
   color: #609eff;
 }
 
diff --git a/assets/scss/_l-footer.scss b/assets/scss/_l-footer.scss
index 8f080ae..4660649 100644
--- a/assets/scss/_l-footer.scss
+++ b/assets/scss/_l-footer.scss
@@ -137,7 +137,7 @@
       flex-direction: column;
     }
 
-    & > a {
+    & a {
       color: $blue;
     }
   }
diff --git a/index.html b/index.html
index 0760910..9ac8350 100644
--- a/index.html
+++ b/index.html
@@ -4,8 +4,11 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Триумф</title>
-    <meta name="description" content="SEO Description" />
+    <title>Триумф — Лечение наркомании и алкоголизма в Томске</title>
+    <meta
+      name="description"
+      content="Реабилитационный центр для наркоманов и алкоголиков в Томске. Научим жить и радоваться без наркотиков! "
+    />
     <link rel="shortcut icon" href="./assets/img/favicon.ico?v=1.0" />
     <link rel="stylesheet" href="./assets/css/swiper-bundle.min.css" />
     <link rel="stylesheet" href="./assets/css/index.css" />
@@ -27,10 +30,10 @@
         </div>
 
         <nav class="header__nav">
-          <a class="header__nav-link" href="#">О центре</a>
-          <a class="header__nav-link" href="#">Цены</a>
-          <a class="header__nav-link" href="#">Частые вопросы</a>
-          <a class="header__nav-link" href="#">Контакты</a>
+          <a class="header__nav-link" href="#facts">О центре</a>
+          <a class="header__nav-link" href="#price">Цены</a>
+          <a class="header__nav-link" href="#faq">Частые вопросы</a>
+          <a class="header__nav-link" href="#conditions">Контакты</a>
 
           <a class="header__nav-phone" href="tel:88001012127">8 (800) 101-21-27</a>
 
@@ -40,8 +43,8 @@
         </nav>
 
         <div class="header__social">
-          <a class="social-link social-link--whatsapp" href="#"></a>
-          <a class="social-link social-link--tg" href="#"></a>
+          <a class="social-link social-link--whatsapp" href="https://wa.me/79528985151"></a>
+          <a class="social-link social-link--tg" href="https://t.me/ANOTRIUMF"></a>
           <a class="social-link social-link--phone" href="tel:88001012127">
             <span>8 (800) 101-21-27</span>
           </a>
@@ -114,7 +117,7 @@
         </div>
       </section>
 
-      <section class="advantages">
+      <section class="advantages" >
         <div class="container">
           <div class="advantages__item advantages__item--counter">
             <div class="advantages__item-counter">340+</div>
@@ -175,7 +178,7 @@
         </div>
       </section>
 
-      <section class="facts">
+      <section class="facts" id="facts">
         <div class="container">
           <div class="tag">О нашем центре</div>
 
@@ -317,7 +320,7 @@
         </div>
       </section>
 
-      <section class="reviews">
+      <section class="reviews" id="reviews">
         <div class="container">
           <div class="tag">Отзывы клиентов</div>
 
@@ -525,9 +528,7 @@
                 autocomplete="off"
                 required
               />
-              <button class="button button--lg button--light">
-                Получить помощь
-              </button>
+              <button class="button button--lg button--light">Получить помощь</button>
             </form>
 
             <div class="callback__disclaimer">
@@ -538,7 +539,7 @@
         </div>
       </section>
 
-      <section class="step-by-step">
+      <section class="step-by-step" id="stepByStep">
         <div class="container">
           <div class="tag">Этапы реабилитации</div>
 
@@ -1008,7 +1009,7 @@
         </div>
       </section>
 
-      <section class="conditions">
+      <section class="conditions" id="conditions">
         <div class="container">
           <div class="tag">Условия проживания</div>
 
@@ -1373,7 +1374,7 @@
         </div>
       </section>
 
-      <section class="price">
+      <section class="price" id="price">
         <div class="container">
           <div class="tag">Cтоимость</div>
 
@@ -1444,7 +1445,7 @@
         </div>
       </section>
 
-      <section class="team">
+      <section class="team" id="team">
         <div class="container">
           <div class="tag">Наша команда</div>
 
@@ -1792,7 +1793,7 @@
         </div>
       </section>
 
-      <section class="faq">
+      <section class="faq" id="faq">
         <div class="container">
           <div class="tag">FAQ</div>
 
@@ -1922,9 +1923,7 @@
                 autocomplete="off"
                 required
               />
-              <button class="button button--lg button--light">
-                Получить помощь
-              </button>
+              <button class="button button--lg button--light">Получить помощь</button>
             </form>
 
             <div class="callback__disclaimer">
@@ -1939,14 +1938,14 @@
     <footer class="footer">
       <div class="container">
         <nav class="footer__nav">
-          <a class="footer__nav-link" href="#">О центре</a>
-          <a class="footer__nav-link" href="#">Истории выпускников</a>
-          <a class="footer__nav-link" href="#">С чего начать?</a>
-          <a class="footer__nav-link" href="#">Условия проживания</a>
-          <a class="footer__nav-link" href="#">Цены</a>
-          <a class="footer__nav-link" href="#">Специалисты</a>
-          <a class="footer__nav-link" href="#">Частые вопросы</a>
-          <a class="footer__nav-link" href="#">Контакты</a>
+          <a class="footer__nav-link" href="#facts">О центре</a>
+          <a class="footer__nav-link" href="#reviews">Истории выпускников</a>
+          <a class="footer__nav-link" href="#stepByStep">С чего начать?</a>
+          <a class="footer__nav-link" href="#conditions">Условия проживания</a>
+          <a class="footer__nav-link" href="#price">Цены</a>
+          <a class="footer__nav-link" href="#team">Специалисты</a>
+          <a class="footer__nav-link" href="#faq">Частые вопросы</a>
+          <a class="footer__nav-link" href="#conditions">Контакты</a>
         </nav>
 
         <div class="footer__wrapper">
@@ -1968,10 +1967,8 @@
           </div>
 
           <div class="footer__social">
-            <a class="social-link social-link--youtube" href="#"></a>
-            <a class="social-link social-link--vk" href="#"></a>
-            <a class="social-link social-link--whatsapp" href="#"></a>
-            <a class="social-link social-link--tg" href="#"></a>
+            <a class="social-link social-link--whatsapp" href="https://wa.me/79528985151"></a>
+            <a class="social-link social-link--tg" href="https://t.me/ANOTRIUMF"></a>
           </div>
 
           <div class="footer__phone">
@@ -1988,7 +1985,9 @@
         <div class="footer__copyrights">
           <span>Triumftomsk.ru - © Все права защищены. 2024</span>
           <a href="#">Политика конфиденциальности</a>
-          <span>Разработка и продвижение: Ledoffsky Agency</span>
+          <span>
+            Разработка и продвижение: <a href="https://ledoffsky.agency">Ledoffsky Agency</a>
+          </span>
         </div>
       </div>
     </footer>
@@ -2018,9 +2017,7 @@
               autocomplete="off"
               required
             />
-            <button class="button button--lg button--light">
-              Получить помощь
-            </button>
+            <button class="button button--lg button--light">Получить помощь</button>
           </form>
 
           <div class="modal__disclaimer">