Merge pull request #838 from navyaajainnn/feature-branch

Enhanced contact us

pages/blog.html

@@ -405,21 +405,24 @@ <h3 class="title-lg card-title">
       - #Contact Us
     -->
 
-      <section id="contact" class="cta" aria-labelledby="cta-label">
-        <div class="container">
-
-          <h2 class="headline-md section-title" id="cta-label" data-aos="fade-right">
-            Contact Us
-          </h2>
-
-          <form id="contact-form" data-aos="fade-left">
-            <input type="text" name="name" placeholder="Your Name" required>
-            <input type="email" name="email" placeholder="Your Email" required>
-            <textarea name="message" placeholder="Your Message" required></textarea>
-            <button type="submit">Send</button>
-          </form>
-        </div>
-      </section>
+    <section class="contact-section">
+      <h2 class="headline-md section-title" id="cta-label" data-aos="fade-right">
+        Contact Us
+      </h2>
+
+      <form id="contact-form" data-aos="fade-left" aria-labelledby="cta-label">
+        <label for="name" class="sr-only">Name</label>
+        <input type="text" id="name" name="name" placeholder="Your Name" required>
+
+        <label for="email" class="sr-only">Email</label>
+        <input type="email" id="email" name="email" placeholder="Your Email" required>
+
+        <label for="message" class="sr-only">Message</label>
+        <textarea id="message" name="message" placeholder="Your Message" required></textarea>
+
+        <button type="submit">Send Message</button>
+      </form>
+    </section>
 
 
       <div class="footer-bottom">