fix issue #1465

PriyaGhosal · Nov 2, 2024 · 373f32e · 373f32e
1 parent c1d7cf8
commit 373f32e
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -2394,15 +2394,18 @@ <h3>About BuddyTrail</h3>
                         <h3>Send Us a Message</h3>
                         <form id="contactForm">
                             <div class="form-group">
-                                <input type="text" id="name" class="form-control" placeholder="Your Name" 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 class="form-group">
-                              <input type="email" id="email" class="form-control" placeholder="Your Email" required>
+                              <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>

diff --git a/style.css b/style.css
@@ -1161,16 +1161,13 @@ body {
   color: black;
 }
 
- issue
 
-h2 {
-main
 
+h2 {
   font-size:  2.5em;
   font-weight:  700;
   margin:  10px 0; /* Margin adjustment */
-  color:  #007bff;
-
+  color: #007bff;
 }
 
 p {
@@ -3056,3 +3053,35 @@ body {
   border-radius: 50%; /* Optional: make it circular */
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); /* Optional: shadow */
 }
+
+
+
+/* fa form contact-form icon */
+.form-group .form-control{
+  padding-left: 6%;
+}
+.fa-user{
+  position: absolute;
+  left:2.7rem;
+  top:3.50rem;
+  font-size: 14px;
+  color: grey;
+}
+.fa-envelope{
+  position: absolute;
+  left: 2.7rem;
+  top: 3.6rem;
+  font-size: 14px;
+  color: grey;
+}
+.fa-message{
+  position: absolute;
+  left: 2.7rem;
+  top: 3.8rem;
+  font-size: 14px;
+  color: grey;
+}
+.email-padding input[type="email"]{
+  padding-left: 30px; /* get in touch padding for icon*/
+}
+/* fa icon end */