fix bugs

README.md

@@ -65,7 +65,7 @@ Adapt the page to the following screens:
 11. `git push origin develop` - to send you code for PR.
 12. Create a Pull Request (PR) from your branch `develop` to branch `master` of original repo.
 13. Replace `<your_account>` with your Github username in the
-  [DEMO LINK](https://<your_account>.github.io/layout_dia/).
+  [DEMO LINK](https://NataliiaNudyk.github.io/layout_dia/).
 14. Copy `DEMO LINK` to the PR description.
 
 > To update you PR repeat steps 7-11.

src/index.html

@@ -213,31 +213,31 @@ <h4 class="slider__title">Intro</h4>
               <li class="nav__item">
                 <a
                   href="#about-us"
-                  class="nav__link menu__link"
+                  class="nav__link"
                 >
                   About us
                 </a>
               </li>
               <li class="nav__item">
                 <a
                   href="#services"
-                  class="nav__link menu__link"
+                  class="nav__link"
                 >
                   Services
                 </a>
               </li>
               <li class="nav__item">
                 <a
                   href="#testimonials"
-                  class="nav__link menu__link"
+                  class="nav__link"
                 >
                   Testimonials
                 </a>
               </li>
               <li class="nav__item">
                 <a
                   href="#contact-us"
-                  class="nav__link menu__link"
+                  class="nav__link"
                 >
                   Contact Us
                 </a>
@@ -603,15 +603,18 @@ <h3 class="footer__title">Contact us</h3>
                   <div class="contact-us__label">our socials</div>
                   <div class="contact-us__icons">
                     <a
-                      href="#"
+                      href="https://www.facebook.com/?locale=uk_UA"
+                      target="_blank"
                       class="contact-us__icon-link contact-us__icon-facebook"
                     ></a>
                     <a
-                      href="#"
+                      href="https://x.com/?lang=uk"
+                      target="_blank"
                       class="contact-us__icon-link contact-us__icon-twitter"
                     ></a>
                     <a
-                      href="#"
+                      href="https://www.instagram.com/"
+                      target="_blank"
                       class="contact-us__icon-link contact-us__icon-instagram"
                     ></a>
                   </div>

src/styles/blocks/header.scss

@@ -12,7 +12,6 @@
   &__top {
     display: flex;
     justify-content: space-between;
-    align-items: center;
     padding-top: 20px;
 
     @include on-small-desktop {

src/styles/blocks/menu.scss

@@ -20,25 +20,4 @@
     row-gap: 42px;
     font-size: 22px;
   }
-
-  &__link {
-    position: relative;
-
-    &::after {
-      content: '';
-      display: block;
-      position: absolute;
-      background-color: #fff;
-      height: 1px;
-      width: 100%;
-      bottom: -8px;
-
-      transition: transform 0.3s;
-      transform: scale(0);
-    }
-
-    &:hover::after {
-      transform: scale(1);
-    }
-  }
 }

src/styles/blocks/nav.scss

@@ -35,5 +35,7 @@
   &__link {
     color: $main-text-color;
     text-decoration: none;
+
+    @include menu-hover;
   }
 }

src/styles/utils/_mixins.scss

@@ -101,4 +101,26 @@
   border: none;
   border-radius: 8px;
   outline: none;
+  cursor: pointer;
+}
+
+@mixin menu-hover {
+  position: relative;
+
+  &::after {
+    content: '';
+    display: block;
+    position: absolute;
+    background-color: $btn-color;
+    height: 2px;
+    width: 100%;
+    bottom: -8px;
+
+    transition: transform 0.3s;
+    transform: scale(0);
+  }
+
+  &:hover::after {
+    transform: scale(1);
+  }
 }