chore: fixed navbar

DuoAlly · Dec 24, 2024 · f1e4bb6 · f1e4bb6
1 parent 487e9d5
commit f1e4bb6
Showing 1 changed file with 14 additions and 101 deletions.
diff --git a/careers.html b/careers.html
@@ -4,115 +4,20 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Careers | DuoAlly AI</title>
-  <style>
-    :root {
-      --primary-color: #2563eb;
-      --secondary-color: #1e40af;
-      --text-color: #1f2937;
-      --bg-light: #f3f4f6;
-      --transition: all 0.3s ease;
-    }
-
-    * {
-      margin: 0;
-      padding: 0;
-      box-sizing: border-box;
-    }
-
-    body {
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-      line-height: 1.6;
-      color: var(--text-color);
-    }
-
-    .section {
-      padding: 80px 0;
-    }
-
-    .container {
-      max-width: 1200px;
-      margin: 0 auto;
-      padding: 0 20px;
-    }
-
-    /* Navbar Styles */
-    nav {
-      background-color: white;
-      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-    }
-
-    .nav-content {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      max-width: 1200px;
-      margin: 0 auto;
-      padding: 10px 20px;
-    }
-
-    .nav-logo {
-      font-size: 1.5rem;
-      font-weight: bold;
-      color: var(--primary-color);
-      text-decoration: none;
-    }
-
-    .nav-links {
-      list-style: none;
-      display: flex;
-      gap: 20px;
-    }
-
-    .nav-links a {
-      text-decoration: none;
-      color: var(--text-color);
-      font-weight: 500;
-      transition: var(--transition);
-    }
-
-    .nav-links a:hover {
-      color: var(--primary-color);
-    }
-
-    .nav-links .active {
-      color: var(--primary-color);
-    }
-
-    /* Overview Section */
-    .overview {
-      background: linear-gradient(rgba(37, 99, 235, 0.1), rgba(37, 99, 235, 0.05));
-      text-align: center;
-      padding: 120px 0;
-    }
-
-    .overview h1 {
-      font-size: 3.5rem;
-      margin-bottom: 20px;
-      color: var(--text-color);
-    }
-
-    .overview p {
-      font-size: 1.25rem;
-      max-width: 600px;
-      margin: 0 auto;
-      color: #4b5563;
-    }
-
-    /* Other styles remain the same as provided above */
-  </style>
-  <!-- Add Font Awesome Icons -->
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
+  <link rel="stylesheet" href="style.css"> <!-- Link to your global styles -->
+  <link href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet"> <!-- AOS Animations -->
 </head>
 <body>
+  <!-- Navbar -->
   <nav>
     <div class="container nav-content">
       <a href="/" class="nav-logo">DuoAlly</a>
       <ul class="nav-links">
-        <li><a href="/" class="active">Home</a></li>
+        <li><a href="/">Home</a></li>
         <li><a href="#features">Features</a></li>
-        <li><a href="/about.html">About</a></li>
-        <li><a href="/careers.html">Careers</a></li>
+        <li><a href="/careers.html" class="active">Careers</a></li>
         <li><a href="#research">Research</a></li>
+        <li><a href="/about.html">About</a></li>
       </ul>
     </div>
   </nav>
@@ -205,5 +110,13 @@ <h3><i class="fas fa-cogs"></i> Software Engineer</h3>
       </div>           
     </div>
   </section>
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
+  <script>
+    AOS.init({
+      duration: 800,
+      once: true
+    });
+  </script>
 </body>
 </html>