From 129e90c1aca7a432042d2a5c0c6c660b6f90209d Mon Sep 17 00:00:00 2001
From: Sneha Patil <snehampatil509@gmail.com>
Date: Thu, 7 Oct 2021 18:39:44 +0530
Subject: [PATCH] Improved Contact Us

---
 index.html | 42 +++++++++++++++++++-----------------------
 1 file changed, 19 insertions(+), 23 deletions(-)

diff --git a/index.html b/index.html
index 98ce0c7..fc2e39d 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,6 @@
       content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
       name="viewport"
     />
-
     <!-- style start -->
 
     <!-- bulma -->
@@ -25,17 +24,17 @@
       rel="stylesheet"
       type="text/css"
     />
-    <link 
+    <link
       rel="stylesheet"
-      href="assets/css/dark.css" 
-      media="(prefers-color-scheme: dark)" 
+      href="assets/css/dark.css"
+      media="(prefers-color-scheme: dark)"
     />
     <link
-     rel="stylesheet" 
-     href="assets/css/light.css" 
+     rel="stylesheet"
+     href="assets/css/light.css"
      media="(prefers-color-scheme: no-preference), (prefers-color-scheme: light)"
     />
-
+    <script src="https://kit.fontawesome.com/d717cc5162.js" crossorigin="anonymous"></script>
     <!-- style end -->
 
     <!-- icon start -->
@@ -53,7 +52,7 @@
         <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
 
     <!-- google fonts start -->
-    <link 
+    <link
       href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Racing+Sans+One&display=swap"
       rel="stylesheet"
     />
@@ -108,7 +107,7 @@
       </nav>
     </div>
     <!-- Navigation Bar End -->
-    
+
     <!-- Toggle Button -->
     <div class="toggle-mode">
     <input type="checkbox" id="toggle" class="checkbox" />
@@ -173,35 +172,32 @@ <h4 class="feature-heading">Who Can Join?</h4>
         </div>
       </div>
     </div>
-  
+
 
   <!-- Banner Section End -->
   <!--Contact Us Section-->
-<div id="contactBlock">    
+<div id="contactBlock">
   <div class="container is-max-desktop contactus-container">
     <form action="" id="form">
       <div class="field">
         <h4>Contact Us</h4>
       </div>
       <div class="field">
-        <label class="label">Name</label>
+        <label class="label"><i class="fas fa-user"></i> Name</label>
         <div class="control">
           <input class="input" type="text" placeholder="Name" id="name">
         </div>
         <div id="name-err"></div>
       </div>
       <div class="field">
-        <label class="label">Email</label>
-        <div class="control has-icons-left has-icons-right">
+        <label class="label"><i class="fas fa-envelope"></i> Email</label>
+        <div class="control">
           <input class="input" type="text" placeholder="Email" value="" id="email">
-          <span class="icon is-small is-left">
-            <i class="fas fa-envelope"></i>
-          </span>
         </div>
         <div id="email-err"></div>
       </div>
       <div class="field">
-        <label class="label">Message</label>
+        <label class="label"><i class="fas fa-comment"></i> Message</label>
         <div class="control">
           <textarea class="textarea" placeholder="Message" id="message"></textarea>
         </div>
@@ -215,10 +211,10 @@ <h4>Contact Us</h4>
       <div id="submit-msg"></div>
     </form>
   </div>
- </div> 
-    
-  <!--Contact Us Section End-->  
-    
+ </div>
+
+  <!--Contact Us Section End-->
+
     <!--Footer Start-->
     <footer class="footer new">
       <div class="columns">
@@ -249,7 +245,7 @@ <h4>Contact Us</h4>
     <script src="https://bulma.io/vendor/js.cookie-2.1.4.min.js"></script>
     <script src="https://bulma.io/lib/main.js?v=202010072007"></script>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/emailjs-com@2/dist/email.min.js"></script>
-    
+
     <script src="https://cdn.jsdelivr.net/npm/bulma-extensions@6.2.7/dist/js/bulma-extensions.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/bulma-extensions@6.2.7/dist/js/bulma-extensions.min.js"></script>