diff --git a/7725176.jpg b/7725176.jpg
new file mode 100644
index 00000000..96b49306
Binary files /dev/null and b/7725176.jpg differ
diff --git a/contact.html b/contact.html
new file mode 100644
index 00000000..b14946d9
--- /dev/null
+++ b/contact.html
@@ -0,0 +1,126 @@
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Contact Us Page</title>
+    </head>
+    <style>
+        .card {
+           
+            width: 50%; /* Set a specific width */
+            margin: 10px auto; /* Center horizontally with automatic margins */
+            padding: 20px; /* Add padding */
+            margin-bottom: 70px;
+        
+        
+            border: 1px solid #ccc; /* Optional: Add a border */
+            border-radius: 8px; /* Optional: Add rounded corners */
+            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Optional: Add shadow */
+           
+            background-color: #c2c4c7;
+        }
+        .card-header {
+             
+            color: #080808;
+            padding:1px 10px 1px 10px;
+            margin:1px 10px 6px 10px;
+           
+            text-align: center;
+            width: 90%;
+            border-bottom: px solid #ddd;
+            border-radius: 6px;
+          }
+          .card-header h1 {
+             
+           font-size: 40px;
+          }
+        .card-body {
+            display: flex;
+            justify-content: space-between; /* Form on the left and image on the right */
+            align-items: flex-start; /* Align content to the top */
+            background-color: #c2c4c7;
+        }
+        
+        .form-section {
+            width: 50%; /* Width for the form section */
+        }
+        
+        .image-section {
+            width: 50%; /* Width for the image section */
+            display: flex;
+            justify-content: center; /* Center the image */
+            align-items: center;
+        }
+        
+        .image-section img {
+            max-width: 100%; /* Make sure image does not exceed its container width */
+            height: auto;
+        }
+        
+        .form-group {
+            margin-bottom: 20px;
+        }
+        
+        label {
+            display: block;
+            margin-bottom: 10px;
+        }
+        
+        input, textarea {
+            width: 100%; /* Adjust width for better alignment */
+            padding: 10px;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+        }
+        
+        textarea {
+            height: 100px; /* Adjust height for textarea */
+        }
+        
+        button[type="submit"] {
+            background-color: fa2b4d;
+            color: #fff;
+            padding: 10px 20px;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+        }
+        
+        button[type="submit"]:hover {
+            background-color: #ff032d;
+        }
+    </style>
+    <body>
+        <section id="contact us" style="padding-top:30px">
+
+            <div class="card pb-5 pt-1">
+                <div class="card-header">
+                    <h1>Contact Us</h1>
+                </div>
+                <div class="card-body">
+                    <div class="form-section">
+                        <form>
+                            <div class="form-group">
+                                <label for="name">Name</label>
+                                <input type="text" id="name" name="name" placeholder="Your name">
+                            </div>
+                            <div class="form-group">
+                                <label for="email">Email</label>
+                                <input type="email" id="email" name="email" placeholder="Your email">
+                            </div>
+                            <div class="form-group">
+                                <label for="message">Message</label>
+                                <textarea id="message" name="message" placeholder="Your message"></textarea>
+                            </div>
+                            <button type="submit">Send</button>
+                        </form>
+                    </div>
+                    <div class="image-section">
+                        <img src="./7725176.jpg" alt="Contact Image"style="max-width: 80%; height: auto; max-height: 500px;">
+                    </div>
+                </div>
+            </div>
+        </section>
+    </body>
+    </html>
diff --git a/index.html b/index.html
index 22b59855..ac9ec945 100644
--- a/index.html
+++ b/index.html
@@ -2466,7 +2466,7 @@ <h3>Quick Links</h3>
                     <li><a href="./chatbot.html">ChatBot</a></li>
                     <li><a href="./feedback.html">Feedback</a></li>
                     <li><a href="#/faq.html">FAQ's</a></li>
-                    <li><a href="#">Contact</a></li>
+                    <li><a href="">Contact</a></li>
                 </ul>
             </div>
             <div class="footer-section about-us">
@@ -2488,7 +2488,7 @@ <h3 id ="newsletter-heading">Subscribe to Our Newsletter</h3>
             <li><a href="">Terms of use</a></li>
             <li><a href="privacy.html">Privacy</a></li>
             <li><a href="">Cookie Preferences</a></li>
-            <li><a href="">Contact Us</a></li>
+            <li><a href="./contact.html">Contact Us</a></li>
         </ul>
         <div class="container">
             <a href="./project_showcase/contributor.html" id="ourvisionlink">Our Contributors</a>
