Merge pull request #1938 from PriyaGhosal/revert-1860-my-2-branch

Revert "Enhance : Contact-form layout with icons and Labels in index.html without using label tag."
PriyaGhosal · Nov 7, 2024 · 913c1a6 · 913c1a6
2 parents bf7c2b2 + a42c425
commit 913c1a6
Showing 1 changed file with 4 additions and 33 deletions.
diff --git a/index.html b/index.html
@@ -2582,40 +2582,22 @@ <h3>About BuddyTrail</h3>
                         </div>
                     </div>
                     <div class="contact-form">
-                        <h3 style="text-align: center;">Send Us a Message</h3>
+                        <h3>Send Us a Message</h3>
                         <form id="contactForm">
                             <div class="form-group">
-
-                              <div class="input-flex">
-                                <i>🏷️</i>Name
-                                <input type="text" id="name" class="form-control" placeholder="Your Name" style="margin-left:12px;margin-top:11px;border-radius: 20px;" required pattern="[a-zA-Z ]+"
                               <i class="fas fa-user"></i>
                               <input type="text" id="name" class="form-control" placeholder="Your Name" required pattern="[a-zA-Z ]+"
-
                                 oninvalid="this.setCustomValidity('Numbers and Symbols are not allowed')"
                                 oninput="this.setCustomValidity('')">
-                              </div>
-                            </div>
-                            <div class="form-group">
-
-                             <div class="input-flex">
-                               <i class="far fa-envelope"></i> Email
-                               <input type="email" id="email" class="form-control" placeholder="Your Email" style="margin-left:12px;border-radius: 20px;" required>
-                             </div>
                             </div>
                             <div class="form-group">
-                              <div class="input-flex">
-                                <i>❓</i> Feedback
-                                <textarea id="message" class="form-control" rows="4" placeholder="Your Message"style="margin-left:12px;border-radius: 20px;" required></textarea>
-                              </div>
                               <i class="fas fa-envelope"></i>
                               <input type="email" id="email" class="form-control" placeholder="      Your Email" required>
 
                             </div>
                             <div class="form-group">
                               <i class="fas fa-message"></i>
                                 <textarea id="message" class="form-control" rows="4" placeholder="Your Message" required></textarea>
-
                             </div>
                             <button class="book-btn" type="submit">Send Message</button>
                         </form>
@@ -2746,10 +2728,12 @@ <h3 style="text-align: center;">Send Us a Message</h3>
 }
 
 .form-control {
+    width: 100%;
+    padding: 10px;
     font-size: 16px;
     color: #000000;
     border: 2px solid rgb(187, 124, 202);
-    border-radius: 9px;
+    border-radius: 5px;
     background-color: #f9f9f9;
     outline: none;
 }
@@ -2777,19 +2761,6 @@ <h3 style="text-align: center;">Send Us a Message</h3>
     background-color: #155ab7;
 }
 
-/*Add contact-form input field with icon of name,email,feedback and style it*/
-.input-flex {
-  width: 100%;
-  font-size: 16px;
-  display: flex;
-  align-items: center;
-}
-
-.input-flex i {
-  padding: 2px;
-}
-
-
 /* Responsive Styles */
 @media (max-width: 768px) {
     .contact-grid {