Merge pull request #1827 from Adityadhiman0/main

Fixes issue #1814 [Add icons on contact us page.]
ANSHIKA-26 · Nov 10, 2024 · 6addfcb · 6addfcb · vercel · Nov 10, 2024
2 parents 57ba1b9 + 1cba3b9
commit 6addfcb
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>