Anjaliavv51 · RiyanshiTomar · Jan 10, 2025
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,3 +1,3 @@
 {
-    "liveServer.settings.port": 5501
+    "liveServer.settings.port": 5502
 }
diff --git a/Forgot-password.css b/Forgot-password.css
@@ -0,0 +1,77 @@
+body {
+    font-family: Arial, sans-serif;
+    background-color: #f4f4f4;
+    margin: 0;
+    padding: 0;
+}
+
+header {
+    background-color: #333;
+    color: white;
+    padding: 10px 0;
+    text-align: center;
+}
+
+header a {
+    color: white;
+    text-decoration: none;
+    font-size: 24px;
+}
+.nav-links{
+    display:inline;
+    margin: 30px;
+}
+
+.wrapper {
+    width: 100%;
+    max-width: 400px;
+    margin: 50px auto;
+    padding: 20px;
+    background-color: #fff;
+    border-radius: 8px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+.wrapper h1 {
+    text-align: center;
+    margin-bottom: 20px;
+}
+
+input {
+    width: 100%;
+    padding: 10px;
+    margin-bottom: 20px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+}
+
+button {
+    width: 100%;
+    padding: 10px;
+    background-color: #333;
+    color: white;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+}
+
+button:hover {
+    background-color: pink;
+}
+
+
+.member {
+    text-align: center;
+}
+
+.member a {
+    color: blue;
+    text-decoration: none;
+    font-weight: bold;
+}
+
+.footer {
+    text-align: center;
+    font-size: 14px;
+    margin-top: 30px;
+}
diff --git a/Forgot-password.html b/Forgot-password.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Forgot Password</title>
+    <link rel="stylesheet" href="Forgot-password.css">
+    <link rel="stylesheet" href="animations.css">
+    <link rel="stylesheet" href="footercss.css">
+    <link rel="script" href="Forgot-password.js">
+</head>
+<body>
+    <header>
+
+    </header>
+
+    <div class="wrapper">
+        <h1>Reset Your Password</h1>
+        <form action="#" onsubmit="return handleForgotPassword(event)">
+            <input type="email" placeholder="Enter your email address" id="email" required>
+            <button type="submit">Submit</button>
+        </form><br>
+        <div class="member">
+            Remember your password? <a href="login.html">Back to Login</a>
+        </div>
+    </div>
+
+    <div class="footer">
+        Made with ❤️ by <a href="https://github.com/Anjaliavv51/Matrubodhah" target="_blank">@Sakthi</a>
+    </div>
+
+    <script src="forgot-password.js"></script>
+</body>
+</html>
diff --git a/Forgot-password.js b/Forgot-password.js
@@ -0,0 +1,11 @@
+function handleForgotPassword(event) {
+    event.preventDefault(); // Prevent the form from submitting
+
+    const email = document.getElementById('email').value;
+
+    if (email) {
+        alert(`Password reset instructions have been sent to ${email}`);
+    } else {
+        alert('Please enter your email address.');
+    }
+}
diff --git a/Screenshot 2025-01-10 115743.png b/Screenshot 2025-01-10 115743.png
diff --git a/index.html b/index.html
@@ -7,7 +7,7 @@
     />
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>मातृबोधः</title>
+    <title style="color:red;">मातृबोधः</title>
     <link rel="stylesheet" href="styles.css" />
     <link rel="stylesheet" href="animations.css" />
     <link rel="stylesheet" href="scontentcss.css" />
@@ -23,27 +23,27 @@
   </head>
   <body>
     <header>
-        <nav>
-            <!-- Wrap the logo text in an anchor tag -->
-            <a href="#hero" class="logo">मातृबोधः</a>
-            <ul class="nav-links">
-                <li><a href="#hero">Home</a></li>
-                <li><a href="#wisdom">About</a></li>
-               
-                <li class="dropdown">
-                    <a href="#">Content</a>
-                    <ul class="dropdown-content">
-                        <li><a href="countingpage.html">Counting</a></li>
-                        <li><a href="#">Days</a></li>
-                        <li><a href="#">Activities</a></li>
-                        <li><a href="feedback.html">Feedback</a></li>
-                    </ul>
-                </li>
-                <li><a href="login.html">Login</a></li>
-                
-            <a href="#" class="btn-contact">Contact</a>
-           </ul>
-        </nav>
+      <nav>
+        <!-- Wrap the logo text in an anchor tag -->
+        <a href="#hero" class="logo">मातृबोधः</a>
+        <ul class="nav-links" type="none">
+            <li><a href="#hero">Home</a></li>
+            <li><a href="#wisdom">About</a></li>
+
+            <li class="dropdown">
+                <a href="#">Content</a>
+                <ul class="dropdown-content">
+                    <li><a href="countingpage.html">Counting</a></li>
+                    <li><a href="#">Days</a></li>
+                    <li><a href="#">Activities</a></li>
+                    <li><a href="feedback.html">Feedback</a></li>
+                </ul>
+            </li>
+            <li><a href="login.html">Login</a></li>
+
+        <a href="#" class="btn-contact">Contact</a>
+       </ul>
+    </nav>
     </header>
     <!-- Hero Section -->
      <!-- <div class=""> -->
@@ -227,10 +227,10 @@ <h1>Cultural Colors</h1>
         </div>
         <div class="roadmap-card">
           <img
-            src="66a59b6a-d2a8-439d-b4de-9aa0d5b7930b.jpeg"
+            src="Screenshot 2025-01-10 115743.png"
             alt="3"
-            style="width: 350px"
-          />
+            style="width: 350px" class="image3">
+
           <h1>Heritage Map</h1>
           <p>
             Travel across India's diverse regions and unlock the rich heritage

diff --git a/login.html b/login.html
@@ -40,7 +40,7 @@ <h1>Login</h1>
             <input type="text" placeholder="Username" id="username" required>
             <input type="password" placeholder="Password" id="password" required>
             <div class="recover">
-                <a href="#">Forgot Password</a>
+                <a href="Forgot-password.html">Forgot Password</a>
             </div>
             <button type="submit">Login</button>
         </form>

diff --git a/styles.css b/styles.css
@@ -27,6 +27,8 @@ nav {
   gap: 5px;
   align-items: center;
   padding: 10px 5%;
+  background-color: #E5A186;
+  position:sticky;
 }
 
 .logo {
@@ -53,6 +55,10 @@ nav {
   flex: 1;
   justify-content: flex-end;
 }
+.nav-links:hover{
+  color:black;;
+  font-size:20px;
+}
 
 @media screen and (max-width: 768px) {
   .nav-links {
@@ -301,24 +307,14 @@ nav {
   margin-right: 8%;
 }
 
+
+
 .wisdom-image img {
   max-width: 100%;
   height: auto;
   border-radius: 10px;
 }
-/* Adjust carousel image height */
-.hero-duplicate{
-     /* display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    height: 100vh;
-    padding: 0 5%;
-    margin-top: 80px; 
-    /* background: url('/WhatsApp\ Image\ 2024-09-24\ at\ 01.04.26_9c5f6797.jpg') no-repeat center/cover; */
-    /* z-index: 1;  */
 
-}
 .carousel-item{
     position: relative;
      display: flex;