From 3c749d2ecb6b01db8722065d4a4164ccf895ec06 Mon Sep 17 00:00:00 2001
From: Nayanika1402 <132455412+Nayanika1402@users.noreply.github.com>
Date: Sat, 19 Oct 2024 19:00:56 +0530
Subject: [PATCH] Login Added in NavBar

---
 index.html                     |  1 +
 login.html => pages/login.html |  3 +--
 sigin.html => pages/sigin.html |  2 +-
 styles.css                     | 19 +++++++++++++++++++
 4 files changed, 22 insertions(+), 3 deletions(-)
 rename login.html => pages/login.html (95%)
 rename sigin.html => pages/sigin.html (95%)
diff --git a/index.html b/index.html
index fc49ab1..9eed22b 100644
--- a/index.html
+++ b/index.html
@@ -44,6 +44,7 @@
             <li><a href="./pages/about.html">About</a></li>
             <li><a href="./pages/contact.html">Contact</a></li>
             <li><a href="./pages/badges.html">Badges</a></li>
+            <li><a href="./pages/login.html" class="login-button">Log In</a></li>
           </ul>
         </nav>
       </div>
diff --git a/login.html b/pages/login.html
similarity index 95%
rename from login.html
rename to pages/login.html
index e22b0ca..e06f26a 100644
--- a/login.html
+++ b/pages/login.html
@@ -62,14 +62,13 @@
   </style>
 </head>
 <body>
-lo
   <div class="login-container">
     <h2>Login</h2>
     <form>
       <input type="text" placeholder="Username" required>
       <input type="password" placeholder="Password" required>
       <button type="submit">Login</button>
-      <p>Don't have an account? <a href="sigin.html">Sign Up</a></p>
+      <p>Don't have an account? <a href="./sigin.html">Sign Up</a></p>
     </form>
   </div>
 
diff --git a/sigin.html b/pages/sigin.html
similarity index 95%
rename from sigin.html
rename to pages/sigin.html
index 5b9c0e2..606adf1 100644
--- a/sigin.html
+++ b/pages/sigin.html
@@ -71,7 +71,7 @@ <h2>Create an Account</h2>
       <input type="password" placeholder="Password" required>
       <input type="password" placeholder="Confirm Password" required>
       <button type="submit">Sign Up</button>
-      <p>Already have an account? <a href="#">Login</a></p>
+      <p>Already have an account? <a href="./login.html">Login</a></p>
     </form>
   </div>
 
diff --git a/styles.css b/styles.css
index 5179299..b86e44d 100644
--- a/styles.css
+++ b/styles.css
@@ -57,6 +57,25 @@ nav ul li a {
 nav ul li a:hover {
   color: #ff85a1; /* Change color on hover */
 }
+/* Style for the Log In button */
+.nav-links ul li .login-button {
+  background-color: #0a97cf;
+  color: white;
+  padding: 10px 20px;
+  border-radius: 4px;
+  text-align: center;
+  display: inline-block;
+  text-decoration: none;
+  font-size: 16px;
+  font-weight: bold;
+  white-space: nowrap;
+  transition: background-color 0.3s ease;
+}
+
+.nav-links ul li .login-button:hover {
+  background-color: #0f3dd6;
+}
+
 /* General Styles */
 * {
   margin: 0;
