Arrumei o Cabeçalho

LTD-cyber-security · Oct 4, 2023 · 9088b8b · 9088b8b
1 parent 7977d15
commit 9088b8b
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 4 deletions.
diff --git a/src/assets/css/main.css b/src/assets/css/main.css
@@ -51,3 +51,8 @@
 
 }
 
+.repair{
+
+  position: relative;
+  top: 9px;
+}
diff --git a/src/assets/js/main.js b/src/assets/js/main.js
@@ -84,13 +84,21 @@
   /**
    * Toggle .header-scrolled class to #header when page is scrolled
    */
+  let linkHeard = document.querySelectorAll('.nav-link') //Get attribute <a>
   let selectHeader = select('#header');
   if (selectHeader) {
     const headerScrolled = () => {
       if (window.scrollY > 100) {
+        //looping all attribute
         selectHeader.classList.add('header-scrolled');
+        linkHeard.forEach((item) => {
+          item.classList.add('repair')
+        })
       } else {
         selectHeader.classList.remove('header-scrolled');
+        linkHeard.forEach((item) => {
+          item.classList.remove('repair')
+        })
       }
     };
     window.addEventListener('load', headerScrolled);

diff --git a/src/index.html b/src/index.html
@@ -111,7 +111,7 @@
 
     <div class="container d-flex align-items-center justify-content-between">
       <div class="logo">
-        <h1><a href="index.html">LTD Cybersecurity</a></h1>
+        <h1><a class="titule" href="index.html">LTD Cybersecurity</a></h1>
       </div>
       <!-- Conteúdo da sua página aqui -->
 
@@ -127,8 +127,8 @@ <h1><a href="index.html">LTD Cybersecurity</a></h1>
           </li>
         </ul>
         <i class="bi bi-list mobile-nav-toggle"></i>
-        <div class="caviar-search-btn">
-          <a id="search-btn" href="#"><i class="fa fa-search" aria-hidden="true"></i></a>
+        <div class="caviar-search-btn nav-link">
+          <a id="search-btn" href="#"><i class="fa fa-search " aria-hidden="true"></i></a>
         </div>
       </nav><!-- .navbar -->
 
@@ -156,7 +156,7 @@ <h1><a href="index.html">LTD Cybersecurity</a></h1>
           <div class="col-md-12">
             <div class="text">
               <h1 class="cd-headline clip is-full-width">
-                Cuidado para não cair em golpes
+                Cuidado para não cair em golpes<br>
                 <span class="cd-words-wrapper">
                   <b class="is-visible">Perigosos</b>
                   <b>de Hackers</b>