Merge pull request #116 from rielara/medical-website-contact-form-ref…

…actoring

Medical website contact form refactoring

index.html

@@ -24,14 +24,14 @@
         <a href="#" class="logo">Swasthya<span>.</span></a>
 
         <nav class="navbar">
-           <ul>
-           <li><a href="#home">Home</a></li> 
-           <li><a href="#about">About Us</a></li>
-           <li><a href="#services">Services</a></li>
-           <li>  <a href="#contact">Contact</a></li>
-           <li> <a href="#blogs">Blogs</a></li>
-           <li><a href="nearby.html">Nearby</a></li>
-           </ul>
+            <ul>
+                <li><a href="#home">Home</a></li>
+                <li><a href="#about">About Us</a></li>
+                <li><a href="#services">Services</a></li>
+                <li> <a href="#contact">Contact</a></li>
+                <li> <a href="#blogs">Blogs</a></li>
+                <li><a href="nearby.html">Nearby</a></li>
+            </ul>
         </nav>
 
     </header>
@@ -41,7 +41,7 @@
 
     <!-- home section starts -->
 
-    <section class="home" id="Home">
+    <section class="home" id="home">
 
         <div class="content">
             <h3>Your Health, Our Priority</h3>
@@ -70,7 +70,7 @@ <h3>who we are</h3>
 
             <div class="content">
                 <h3>Our Commitment to Healthcare</h3>
-                <p>Welcome to Swasthya Point! e have been dedicated to providing exceptional healthcare services to our
+                <p>Welcome to Swasthya Point! We have been dedicated to providing exceptional healthcare services to our
                     community. </p>
                 <p>Our skilled team of professionals utilizes advanced technology to deliver personalized care across
                     various specialties, including emergency services and wellness programs.</p>
@@ -135,7 +135,7 @@ <h5 class="card-text">To visualize internal structures and diagnose conditions.<
                         <img src="img/ic2.jpeg" class="card-img-top serviceimgs" alt="...">
                         <div class="card-body text-center">
                             <h5 class="card-title">Blood Bank</h5>
-                            <h5 class="card-text">ransfusion medicine and blood donation center</h5>
+                            <h5 class="card-text">Transfusion medicine and blood donation center</h5>
                         </div>
                     </div>
                 </div>
@@ -364,17 +364,20 @@ <h2 class="text-5xl text-sky-900 font-bold mb-6">Contact Us</h2>
     </div>
     </section>
 
-    <script>
-        document.getElementById('contactForm').addEventListener('submit', function (event) {
-            event.preventDefault(); // Prevents the form from being submitted to a server
 
-            // Show the confirmation message
-            document.getElementById('confirmationMessage').style.display = 'block';
 
-            // Clear form fields (optional)
-            // document.getElementById('contactForm').reset();
-        });
-    </script>
+<script>
+    // JavaScript to handle form submission and display thank you message
+    document.getElementById('contactForm').addEventListener('submit', function (event) {
+        event.preventDefault(); // Prevent form from submitting
+
+        // Show thank you message
+        document.getElementById('confirmationMessage').style.display = 'block';
+        document.getElementById('thankYouMessage').style.display = 'block';
+
+        document.getElementById('contactForm').reset();
+    });
+</script>
 
 
     </main>
@@ -400,17 +403,7 @@ <h5>Aligarh</h5>
             </div>
         </div>
     </footer>
-    <script>
-        // JavaScript to handle form submission and display thank you message
-        document.getElementById('contactForm').addEventListener('submit', function (event) {
-            event.preventDefault(); // Prevent form from submitting
-
-            // Show thank you message
-            document.getElementById('thankYouMessage').style.display = 'block';
-
-            document.getElementById('contactForm').reset();
-        });
-    </script>
+
 
     <script> configObj = {
             "buttonD": "M8 17.333h5.333v4C13.333 22.806 14.527 24 16 24c1.473 0 2.667-1.194 2.667-2.667v-4H24L16 8l-8 9.333z", "buttonT": "translate(-1088 -172) translate(832 140) translate(32 32) translate(224)",