diff --git a/contact_modified.html b/contact_modified.html
new file mode 100644
index 0000000..fc789cd
--- /dev/null
+++ b/contact_modified.html
@@ -0,0 +1,140 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Contact Us</title>
+    <link rel="stylesheet" href="contact.css" />
+    <script
+      src="https://kit.fontawesome.com/debd0805f2.js"
+      crossorigin="anonymous"
+    ></script>
+  </head>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      font-family: "Arial", sans-serif;
+      background-color: #eaf2f8;
+      color: #333;
+      line-height: 1.6;
+      min-height: 100vh;
+      display: flex;
+      flex-direction: column;
+    }
+
+    header {
+      background-color: #003d4d;
+      color: white;
+      padding: 20px 0;
+      text-align: center;
+    }
+
+    nav {
+      margin-top: 10px;
+    }
+
+    nav a {
+      color: white;
+      text-decoration: none;
+      margin: 0 15px;
+      font-weight: bold;
+    }
+
+    nav a:hover {
+      text-decoration: underline;
+    }
+
+    .top_header {
+      text-align: center;
+      margin: 40px 0;
+    }
+
+    .contact {
+      max-width: 800px;
+      margin: 20px auto;
+      padding: 40px;
+      background: #ffffff;
+      border-radius: 8px;
+      box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
+      flex: 1;
+    }
+
+    input,
+    textarea {
+      width: 100%;
+      padding: 16px;
+      border: 1px solid #ccc;
+      border-radius: 4px;
+      margin-bottom: 20px;
+      transition: border-color 0.3s ease;
+    }
+
+    input:focus,
+    textarea:focus {
+      border-color: #3a7bd5;
+      outline: none;
+    }
+
+    .btn {
+      background-color: #3a7bd5;
+      color: white;
+      padding: 12px 24px;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      transition: background-color 0.3s ease;
+    }
+
+    .btn:hover {
+      background-color: #2c5bbf;
+    }
+
+    footer {
+      background-color: #003d4d;
+      color: white;
+      text-align: center;
+      padding: 15px 0;
+      margin-top: auto;
+    }
+  </style>
+  <body>
+    <header>
+      <h1>Contact Us</h1>
+      <nav>
+        <a href="#">Home</a>
+        <a href="#">About</a>
+        <a href="#">Contact</a>
+      </nav>
+    </header>
+
+    <section class="contact" id="contact">
+      <div class="top_header">
+        <h2>Get in Touch <span>With Us</span></h2>
+      </div>
+      <form action="#">
+        <input type="text" placeholder="Full Name" required />
+        <input type="email" placeholder="Email Address" required />
+        <input type="number" placeholder="Mobile Number" required />
+        <input type="text" placeholder="Job Role" required />
+        <textarea
+          name=""
+          id=""
+          cols="30"
+          rows="10"
+          placeholder="Your Message"
+          required
+        ></textarea>
+        <input type="submit" value="Send" class="btn" />
+      </form>
+    </section>
+
+    <footer>
+      <p>&copy; 2023 Contact Form</p>
+    </footer>
+  </body>
+</html>
