diff --git a/Website/contact.css b/Website/contact.css
new file mode 100644
index 000000000..9536033d4
--- /dev/null
+++ b/Website/contact.css
@@ -0,0 +1,93 @@
+/* General Styles */
+body {
+    font-family: Arial, sans-serif;
+    background-color: #160457;
+    color: #99d6dd;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+}
+
+/* Contact Form Container */
+.contact-container {
+    background-color: rgb(4, 9, 85);
+    padding: 40px;
+    border-radius: 10px;
+    box-shadow: 0 0 10px rgba(243, 246, 246, 0.1);
+    max-width: 500px;
+    width: 100%;
+    text-align: center;
+}
+
+.contact-container h2 {
+    margin-bottom: 20px;
+    font-size: 24px;
+}
+
+.contact-container p {
+    margin-bottom: 30px;
+    color: #0bc1f9;
+}
+
+/* Form Styles */
+form {
+    display: flex;
+    flex-direction: column;
+}
+
+label {
+    text-align: left;
+    margin-bottom: 5px;
+    color: #8fe8f4;
+}
+
+input[type="text"],
+input[type="email"],
+textarea {
+    padding: 10px;
+    margin-bottom: 15px;
+    border-radius: 5px;
+    border: 1px solid #ccc;
+    font-size: 16px;
+    width: 100%;
+    box-sizing: border-box;
+}
+
+textarea {
+    resize: vertical;
+}
+
+button {
+    background-color: #416f77;
+    color: white;
+    padding: 12px;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    font-size: 16px;
+    transition: background-color 0.3s ease;
+}
+
+button:hover {
+    background-color: #05d1fa;
+}
+
+/* Back to Home Button Styles */
+.back-button {
+    margin-top: 20px;
+    background-color: #5048eb;
+    color: white;
+    padding: 10px 20px;
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+    font-size: 16px;
+    transition: background-color 0.3s ease;
+}
+
+.back-button:hover {
+    background-color: #06fdfd;
+}
diff --git a/Website/contact.html b/Website/contact.html
index 29af1b11b..09f76163d 100644
--- a/Website/contact.html
+++ b/Website/contact.html
@@ -3,10 +3,34 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Contact | ML Repos</title>
-    <link rel="icon" href="/assets/recode-hive.png" type="image/png">
+    <title>Contact Us</title>
+    <link rel="stylesheet" href="contact.css">
 </head>
 <body>
-    <h1>This is the Contact page</h1>
+
+    <div class="contact-container">
+        <h2>Contact Us</h2>
+        <p>We would love to hear from you! Please fill out this form and we'll get in touch with you shortly.</p>
+
+        <form action="#" method="post">
+            <label for="name">Name</label>
+            <input type="text" id="name" name="name" required>
+
+            <label for="email">Email</label>
+            <input type="email" id="email" name="email" required>
+
+            <label for="subject">Subject</label>
+            <input type="text" id="subject" name="subject" required>
+
+            <label for="message">Message</label>
+            <textarea id="message" name="message" rows="5" required></textarea>
+
+            <button type="submit">Send Message</button>
+        </form>
+        
+        <!-- Back to Home Button -->
+        <button onclick="window.location.href='index.html'" class="back-button">Back to Home</button>
+    </div>
+
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/Website/index.html b/Website/index.html
index 439e1169f..002d99312 100644
--- a/Website/index.html
+++ b/Website/index.html
@@ -72,9 +72,7 @@
             <ul class="nav-links">
                 <li><a href="/">Home</a></li>
                 <li><a href="/about">About</a></li>
-
-
-
+                
                 <!-- Dropdown on navbar -->
                 <li class="dropdown">
                     <button id="dropdownButton" class="dropbtn">Organization</button>
@@ -82,15 +80,15 @@
                         <a href="/how-we-work">How we work?</a>
                         <a href="/projects">Projects</a>
                         <a href="/team">Team</a>
-                        <a href="/code-of-conduct">Code of Conduct</a>
+                        <a href="conduct.html">Code of Conduct</a>
                     </div>
                 </li>
 
 
                 <li><a href="https://recodehive.github.io/awesome-github-profiles/pages/blog.html">Learn</a></li>
-                <li><a href="/organization">Organization</a></li>
+                <li><a href="organization.html">Organization</a></li>
                 <li><a href="/faq">FAQ</a></li>
-                <li><a href="/contact">Contact</a></li>
+                <li><a href="contact.html">Contact</a></li>
                 <div class="nav-icons">
                 <li>
                     <a href="https://github.com/recodehive/machine-learning-repos" target="_blank">
