Update index.html

index.html

@@ -123,32 +123,34 @@
 
 
     <section class="contact" id="contact">
-      <div class="container">
-        <h2>Contact Me</h2>
-        <p>I am always open to new opportunities and collaborations. Feel free to reach out to me using the form below or by any of the methods listed.</p>
-        <form id="contact-form">
-          <div class="mb-3">
-            <label for="name" class="form-label">Your Name</label>
-            <input type="text" class="form-control" id="name" required>
-          </div>
-          <div class="mb-3">
-            <label for="email" class="form-label">Email Address</label>
-            <input type="email" class="form-control" id="email" required>
-          </div>
-          <div class="mb-3">
-            <label for="message" class="form-label">Message</label>
-            <textarea class="form-control" id="message" rows="3" required></textarea>
-          </div>
-          <button type="submit" class="btn btn-primary">Send Message</button>
-        </form>
-
-        <div class="social-media mt-5">
-          <a href="#" class="social-link"><i class="fab fa-linkedin"></i></a>
-          <a href="#" class="social-link"><i class="fab fa-github"></i></a>
-          <a href="#" class="social-link"><i class="fab fa-twitter"></i></a>
-        </div>
+  <div class="container">
+    <h2>Contact Me</h2>
+    <p>I am always open to new opportunities and collaborations. Feel free to reach out to me using the form below or by any of the methods listed.</p>
+    <form id="contact-form">
+      <div class="mb-3">
+        <label for="name" class="form-label">Your Name</label>
+        <input type="text" class="form-control" id="name" required>
       </div>
-    </section>
+      <div class="mb-3">
+        <label for="email" class="form-label">Email Address</label>
+        <input type="email" class="form-control" id="email" required>
+      </div>
+      <div class="mb-3">
+        <label for="message" class="form-label">Message</label>
+        <textarea class="form-control" id="message" rows="3" required></textarea>
+      </div>
+      <button type="submit" class="btn btn-primary rounded-pill">Send Message</button>
+    </form>
+
+    <div class="social-media d-flex justify-content-center mt-5">
+      <a href="#" class="social-link mx-3 text-secondary"><i class="fab fa-linkedin"></i></a>
+      <a href="#" class="social-link mx-3 text-secondary"><i class="fab fa-github"></i></a>
+      <a href="#" class="social-link mx-3 text-secondary"><i class="fab fa-twitter"></i></a>
+    </div>
+  </div>
+</section>
+
+
   </main>
 
   <footer class="footer">