Merge pull request #17 from ElizabethBil/page-header

Add Socials Links
ElizabethBil · Oct 2, 2023 · c774c8c · c774c8c
2 parents 5f85e11 + 56ab1d0
commit c774c8c
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 9 deletions.
diff --git a/src/css/header.css b/src/css/header.css
@@ -115,7 +115,7 @@
   line-height: 1.17;
   text-transform: uppercase;
   font-style: normal;
-  letter-spacing: 0.04em;
+  letter-spacing: 0;
   color: #1c2225;
   font-size: 12px;
   padding: 12px 20px;
@@ -146,6 +146,7 @@
   font-size: 14px;
   line-height: 1.29;
   text-transform: uppercase;
+  letter-spacing: 0;
 }
 /* Tablet Styles */
 @media screen and (max-width: 1279px) {
@@ -235,6 +236,7 @@
     font-size: 14px;
     line-height: 1.29;
     text-transform: uppercase;
+    letter-spacing: 0;
   }
   .header-nav-link:hover,
   .header-nav-link:focus {
@@ -253,7 +255,7 @@
     line-height: 1.43;
     text-transform: uppercase;
     font-style: normal;
-    letter-spacing: 0.04em;
+    letter-spacing: 0;
     padding: 14px 28px;
     border-radius: 15px;
     border: 1px solid rgba(252, 249, 249, 0.1);

diff --git a/src/partials/header.html b/src/partials/header.html
@@ -9,16 +9,20 @@
       </a>
       <ul class="header-nav-list">
         <li class="header-nav-list-item">
-          <a href="#" class="header-nav-link">about us</a>
+          <a href="./index.html#about-us" class="header-nav-link">about us</a>
         </li>
         <li class="header-nav-list-item">
           <a href="#" class="header-nav-link">our collection</a>
         </li>
         <li class="header-nav-list-item">
-          <a href="#" class="header-nav-link">customer order</a>
+          <a href="./index.html#order-section" class="header-nav-link"
+            >customer order</a
+          >
         </li>
         <li class="header-nav-list-item">
-          <a href="#" class="header-nav-link">testimonials</a>
+          <a href="./index.html#testimonials" class="header-nav-link"
+            >testimonials</a
+          >
         </li>
       </ul>
     </nav>
@@ -29,21 +33,31 @@
     </address>
     <ul class="header-socials-list">
       <li class="header-socials-item">
-        <a href="#" class="header-socials-link">
+        <a
+          href="https://www.facebook.com/goITclub/"
+          class="header-socials-link"
+        >
           <svg class="header-socials-icon" width="28" height="28">
             <use href="./img/icons.svg#icon-facebook"></use>
           </svg>
         </a>
       </li>
       <li class="header-socials-item">
-        <a href="#" class="header-socials-link">
+        <a
+          href="https://www.instagram.com/goitclub/"
+          class="header-socials-link"
+        >
           <svg class="header-socials-icon" width="28" height="28">
             <use href="./img/icons.svg#icon-instagram"></use>
           </svg>
         </a>
       </li>
       <li class="header-socials-item">
-        <a href="#" class="header-socials-link">
+        <a
+          href="#
+        https://www.youtube.com/c/GoIT"
+          class="header-socials-link"
+        >
           <svg class="header-socials-icon" width="28" height="28">
             <use href="./img/icons.svg#icon-youtube"></use>
           </svg>

diff --git a/src/partials/testimonials.html b/src/partials/testimonials.html
@@ -1,4 +1,4 @@
-<section class="testimonials-section section">
+<section class="testimonials-section section" id="testimonials">
   <div class="container testimonials-container">
     <h2 class="testimonials-title section-title">Testimonials</h2>
     <ul class="testimonials-list">