Added small icons in contact us page in home page and about page (Anj…

…aliavv51#479) i have added icons in contact us page as shown! ![WhatsApp Image 2024-10-13 at 14 22 49_ff74970e](https://github.com/user-attachments/assets/fc14d279-d3b2-47f4-a9e7-a40c92dae16c) ![WhatsApp Image 2024-10-13 at 14 29 02_bf6e0c43](https://github.com/user-attachments/assets/fa071a67-b49d-42db-89c9-e35c7256abdf) Hope you like it!!
Naveenkumar30838 · Oct 13, 2024 · 10d06a9 · 10d06a9
2 parents 2488d3d + 56c619c
commit 10d06a9
Show file tree

Hide file tree

Showing 5 changed files with 439 additions and 507 deletions.
diff --git a/Html-files/about.html b/Html-files/about.html
@@ -675,15 +675,25 @@ <h2 class=section__title>Why Choose Retro?</h2>
             <!-- Get in Touch Section -->
             <div class="col-lg-3 col-md-6">
               <div class="f_widget company_widget">
-                <h3 class="f-title f_600 t_color f_size_18">Contact US</h3>
-                <!-- <p>Don’t miss any updates of our new templates and extensions.!</p> -->
-                <form action="#" class="f_subscribe_two mailchimp" method="post">
-                  <input type="email" id="email" name="email" placeholder="Your Email" required>
-                  <textarea id="message" name="message" placeholder="Your Message" required></textarea>
-                  <button id="butt" type="submit">Send Message</button>
-                </form>
+                  <h3 class="f-title f_600 t_color f_size_18">Contact Us</h3>
+                  <form action="#" class="f_subscribe_two mailchimp" method="post" style="position: relative;">
+                      <div style="position: relative; margin-bottom: 15px;">
+                          <i class="fas fa-envelope" style="position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 14px; color: gray;"></i>
+                          <input type="email" id="email" name="email" placeholder="Your Email" required 
+                                 style="padding-left: 30px; width: 100%;">
+                      </div>
+
+                      <div style="position: relative; margin-bottom: 15px;">
+                          <i class="fas fa-comment" style="position: absolute; left: 10px; top: 10px; font-size: 14px; color: gray;"></i>
+                          <textarea id="message" name="message" placeholder="Your Message" required 
+                                    style="padding-left: 30px; width: 100%;"></textarea>
+                      </div>
+
+                      <button id="butt" type="submit">Send Message</button>
+                  </form>
               </div>
-            </div>
+          </div>
+
 
             <!-- Our Pages Section -->
             <div class="col-lg-3 col-md-6">
@@ -919,4 +929,4 @@ <h3 class="f-title f_600 t_color f_size_18">Follow Us</h3>
 
 </body>
 
-</html>
+</html>