fix issue #1814

ANSHIKA-26 · Nov 9, 2024 · 1cba3b9 · 1cba3b9
1 parent f412ba1
commit 1cba3b9
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/contact_us.html b/contact_us.html
@@ -453,7 +453,8 @@ <h1 class="fade-in" style="font-size: 48px; margin-bottom: 20px; color: var(--te
   <!-- Right Section with Form -->
   <div class="right-section" style="flex: 1;">
     <form id="contactForm">
-      <div class="form-group" style="margin-bottom: 20px">
+      <div class="form-group" style="margin-bottom: 20px;" >
+        <i class="fas fa-user" style="position: relative; top: 1.6rem; left: -11rem;"></i>
         <input type="text" id="Name" placeholder="Name" name="Name" required style="
           width: 100%;
           padding: 10px 0;
@@ -464,10 +465,12 @@ <h1 class="fade-in" style="font-size: 48px; margin-bottom: 20px; color: var(--te
           border: none;
           border-bottom: 2px solid var(--text-color);
           outline: none;
+          padding-left: 25px;   
         " />
       </div>
 
       <div class="form-group" style="margin-bottom: 20px">
+        <i class="fas fa-envelope" style="position: relative; top: 1.7rem; left: -11rem;"></i>
         <input type="email" id="email2" placeholder="Email Address" name="email" required style="
           width: 100%;
           padding: 10px 0;
@@ -478,10 +481,12 @@ <h1 class="fade-in" style="font-size: 48px; margin-bottom: 20px; color: var(--te
           border: none;
           border-bottom: 2px solid var(--text-color);
           outline: none;
+          padding-left: 25px;
         " />
       </div>
 
       <div class="form-group" style="margin-bottom: 20px">
+        <i class="fas fa-phone" style="position: relative; top: 1.6rem; left: -11rem;"></i>
         <input type="number" id="phone" placeholder="Phone Number" name="phone" required style="
           width: 100%;
           padding: 10px 0;
@@ -492,12 +497,14 @@ <h1 class="fade-in" style="font-size: 48px; margin-bottom: 20px; color: var(--te
           border: none;
           border-bottom: 2px solid var(--text-color);
           outline: none;
+          padding-left: 25px;
         " />
 
         <span id="error-message" style="color: red; display: none;">Please enter up to 10 digits.</span>
       </div>
 
       <div class="form-group" style="margin-bottom: 20px">
+        <i class="fas fa-message" style="position: relative; top: 1.6rem; left: -11rem;"></i>
         <textarea id="message" name="message" placeholder="Message" required style="
           width: 100%;
           padding: 10px 0;
@@ -507,7 +514,8 @@ <h1 class="fade-in" style="font-size: 48px; margin-bottom: 20px; color: var(--te
           border-radius: 0px;
           border: none;
           border-bottom: 2px solid var(--text-color);
-          outline: none;"></textarea>
+          outline: none;
+          padding-left: 25px;"></textarea>
 
       </div>