links fixed

mate-academy · Oct 30, 2024 · f0c1376 · f0c1376
1 parent f55b20c
commit f0c1376
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 5 deletions.
diff --git a/src/index.html b/src/index.html
@@ -474,11 +474,30 @@ <h3 class="subscribe__title">Підпишіться на дайджест</h3>
             <div class="footer__top-contact contact">
               <h5 class="footer__subtitle contact__title">Контакти</h5>
               <div class="contact__adress">
-                Київ,
-                <br />
-                вул. М. Грушевського, 6
+                <a
+                  href="https://www.google.com/maps/place/Київ,+вул.+Грушевського,+6"
+                  target="_blank"
+                  class="contact__adress-link"
+                >
+                  Київ,
+                  <br />
+                  вул. М. Грушевського, 6
+                </a>
                 <br />
-                тел. 278&minus;13&minus;57, 278&minus;74&minus;54
+                тел.
+                <a
+                  href="tel:2781357"
+                  class="contact__phone"
+                >
+                  278&minus;13&minus;57
+                </a>
+                ,
+                <a
+                  href="tel:2787454"
+                  class="contact__phone"
+                >
+                  278&minus;74&minus;54
+                </a>
                 <br />
                 <a
                   href="mailto:info@namu.kiev.ua"

diff --git a/src/styles/blocks/footer.scss b/src/styles/blocks/footer.scss
@@ -89,11 +89,22 @@
     @include on-tablet {
       margin-bottom: 50px;
     }
+
+    &-link {
+      color: $white-color;
+      transition: color $effectDuration;
+
+      @include hover(color, $hover-color);
+    }
   }
 
-  &__link {
+  &__link,
+  &__phone {
     text-decoration: none;
     color: $white-color;
+    transition: color $effectDuration;
+
+    @include hover(color, $hover-color);
   }
 }
 
@@ -145,5 +156,8 @@
   &__link {
     text-decoration: none;
     color: $white-color;
+    transition: color $effectDuration;
+
+    @include hover(color, $hover-color);
   }
 }