Merge pull request #574 from saras-69/login-signup

login-signup-auth

components/Navbar/Navbar.html

@@ -23,8 +23,9 @@
     <header>
       <nav id="navbar">
         <!-- Add an ID to the nav -->
-        <a href="/index.html" class="logo"
-          ><img src="/images/logo.png" alt="PathSphere Logo" /> PathSphere</a>
+        <a href="/index.html" class="logo">
+          <img src="/images/logo.png" alt="PathSphere Logo" /> PathSphere
+        </a>
         <button class="hamburger">
           <span></span>
           <span></span>
@@ -42,6 +43,11 @@
             </li>
             <li class="tab"><a href="/pages/faqs/faqs.html">FAQs</a></li>
             <li class="tab"><a href="/pages/blog/blog.html">Blog</a></li>
+            <li class="tab">
+              <a href="/pages/login-signup/login-signup.html">
+                <i class="fa-solid fa-sign-in-alt"></i> Login
+              </a>
+            </li>
           </ul>
         </nav>
         <div class="cursor"></div>
@@ -51,4 +57,4 @@
     </header>
     <script src="/components/Navbar/Navbar.js"></script>
   </body>
-</html>
+</html>

index.html

@@ -15,7 +15,6 @@
 
   <main>
 
-
     <section class="hero">
       <div class="left">
         <h1>Welcome to PathSphere</h1>
@@ -29,6 +28,10 @@ <h1>Welcome to PathSphere</h1>
             <i class="fa-solid fa-magnifying-glass"></i>
             Find Jobs
           </a>
+          <a href="/pages/login-signup/login-signup.html" class="btn">
+            <i class="fa-solid fa-user-plus"></i>
+            Register
+          </a>
         </div>
       </div>
     </section>
@@ -54,54 +57,57 @@ <h2>Forum</h2>
         <a href="/pages/forum/forum.html" class="btn">Join the Forum</a>
       </div>
       <div class="feature">
-       <h2>Testimonials</h2>
+        <h2>Testimonials</h2>
         <p>Here are the testimonials and reviews.</p>
         <a href="/pages/testimonials/testimonials.html" class="btn">Explore</a>
       </div>
+      <div class="feature">
+        <h2>Login</h2>
+        <p>Access your account to manage your applications and profile.</p>
+        <a href="/pages/login-signup/login-signup.html" class="btn">
+          <i class="fa-solid fa-sign-in-alt"></i>
+          Login
+        </a>
+      </div>
     </section>
 
-            </div>
-          </div>
-          <div class="feature-item">
-            <i class="fas fa-briefcase"></i>
-            <div>
-              <h6>Job Portal</h6>
-              <p class="hidden-text">Job opportunities tailored for educators.</p>
-            </div>
-          </div>
-          <div class="feature-item">
-            <i class="fas fa-users"></i>
-            <div>
-              <h6>Community Forums</h6>
-              <p class="hidden-text">Share resources, advice, experiences.</p>
-            </div>
-          </div>
-          <div class="feature-item">
-            <i class="fas fa-bell"></i>
-            <div>
-              <h6 >Instant Notifications</h6>
-              <p class="hidden-text">Get real-time important updates.</p>
-            </div>
-          </div>
-          <div class="feature-item">
-            <i class="fas fa-bookmark"></i>
-            <div>
-              <h6 >Save & Track</h6>
-              <p class="hidden-text">Bookmark and monitor application progress.</p>
-            </div>
-          </div>
-          <div class="feature-item">
-            <i class="fas fa-tools"></i>
-            <div>
-              <h6>Resume Builder</h6>
-              <p class="hidden-text">Create a professional profile easily.</p>
-            </div>
-          </div>
-        </div>
+    <div class="feature-item">
+      <i class="fas fa-briefcase"></i>
+      <div>
+        <h6>Job Portal</h6>
+        <p class="hidden-text">Job opportunities tailored for educators.</p>
+      </div>
+    </div>
+    <div class="feature-item">
+      <i class="fas fa-users"></i>
+      <div>
+        <h6>Community Forums</h6>
+        <p class="hidden-text">Share resources, advice, experiences.</p>
       </div>
+    </div>
+    <div class="feature-item">
+      <i class="fas fa-bell"></i>
+      <div>
+        <h6>Instant Notifications</h6>
+        <p class="hidden-text">Get real-time important updates.</p>
+      </div>
+    </div>
+    <div class="feature-item">
+      <i class="fas fa-bookmark"></i>
+      <div>
+        <h6>Save & Track</h6>
+        <p class="hidden-text">Bookmark and monitor application progress.</p>
+      </div>
+    </div>
+    <div class="feature-item">
+      <i class="fas fa-tools"></i>
+      <div>
+        <h6>Resume Builder</h6>
+        <p class="hidden-text">Create a professional profile easily.</p>
+      </div>
+    </div>
     </section>
 
-
     <section id="testimonials">
       <div class="container py-5">
         <div class="row justify-content-center">
@@ -198,13 +204,13 @@ <h6 class="font-weight-bold my-3">EdTech Professional at Byju's</h6>
     chatbotId: "7akUzokCgwR0gNp0m-qQF",
     domain: "www.chatbase.co"
     }
-    </script>
-    <script
+  </script>
+  <script
     src="https://www.chatbase.co/embed.min.js"
     chatbotId="7akUzokCgwR0gNp0m-qQF"
     domain="www.chatbase.co"
     defer>
-    </script>
+  </script>
 
 </body>