From fb307e4da348d803412c53291c5c033199747aaf Mon Sep 17 00:00:00 2001
From: neddllly <140442440+neddllly@users.noreply.github.com>
Date: Thu, 18 Apr 2024 00:25:05 +0300
Subject: [PATCH] Update contact_us.html

---
 pages/contact_us.html | 64 +++++++++++++++++++++++--------------------
 1 file changed, 35 insertions(+), 29 deletions(-)

diff --git a/pages/contact_us.html b/pages/contact_us.html
index d46cd57..8226857 100644
--- a/pages/contact_us.html
+++ b/pages/contact_us.html
@@ -32,7 +32,7 @@
                     <div class="row justify-content-end flex-wrap w-100">
                         <div class="col col-10 col-lg-7">
                             <div class="input-group border-bottom border-2 border-secondary">
-                                <label   class="d-flex align-items-center pe-5" for="">Search</label>
+                                <label class="d-flex align-items-center pe-5" for="">Search</label>
                                 <input type="text" class="form-control bg-transparent border-0" />
 
                                 <span class="input-group-text bg-transparent border-0">
@@ -94,38 +94,41 @@ <h1 class="my-4 p-0">Contact us</h1>
                             <div class="col-4 pe-4">
                                 <div class="form-group my-4">
                                     <label class="mb-1" class="my-1" for="inputName">Name *</label>
-                                    <input type="text" class="form-control" id="inputName" placeholder="" />
+                                    <input type="text" class="form-control" id="inputName" required placeholder="" />
                                 </div>
                                 <div class="form-group my-4">
                                     <label class="mb-1" for="inputCompanyName">Company Name</label>
-                                    <input type="text" class="form-control" id="inputCompanyName" placeholder="" />
+                                    <input type="text" class="form-control" id="inputCompanyName" required
+                                        placeholder="" />
                                 </div>
                                 <div class="form-group my-4">
                                     <label class="mb-1" for="inputPosition">Position</label>
-                                    <input type="text" class="form-control" id="inputPosition" placeholder="" />
+                                    <input type="text" class="form-control" id="inputPosition" required
+                                        placeholder="" />
                                 </div>
                                 <div class="form-group my-4">
                                     <label class="mb-1" for="inputCity">City</label>
-                                    <input type="text" class="form-control" id="inputCity" placeholder="" />
+                                    <input type="text" class="form-control" id="inputCity" required placeholder="" />
                                 </div>
                                 <div class="form-group my-4">
                                     <label class="mb-1" for="inputCountry">Country</label>
-                                    <input type="text" class="form-control" id="inputCountry" placeholder="" />
+                                    <input type="text" class="form-control" id="inputCountry" required placeholder="" />
                                 </div>
                                 <div class="form-group my-4">
                                     <label class="mb-1" for="inputTelephone">Telephone</label>
-                                    <input type="text" class="form-control" id="inputTelephone" placeholder="" />
+                                    <input type="text" class="form-control" id="inputTelephone" required
+                                        placeholder="" />
                                 </div>
                                 <div class="form-group my-4">
                                     <label class="mb-1" for="inputEmail">Email *</label>
-                                    <input type="email" class="form-control" id="inputEmail" placeholder="" />
+                                    <input type="email" class="form-control" id="inputEmail" required placeholder="" />
                                 </div>
                             </div>
                             <div class="col-8 ps-4">
                                 <div class="form-group my-4">
                                     <label class="mb-1" for="inputRole">You are a</label>
-                                    <select id="inputRole" class="form-control">
-                                        <option selected>Choose...</option>
+                                    <select required id="inputRole" class="form-control">
+                                        <option></option>
                                         <option>Seed producer</option>
                                         <option>...</option>
                                         <option>Other</option>
@@ -133,29 +136,31 @@ <h1 class="my-4 p-0">Contact us</h1>
                                 </div>
                                 <div class="form-group my-4">
                                     <label class="mb-1" for="inputOtherRole">If other, please specify</label>
-                                    <input type="email" class="form-control" id="inputOtherRole" placeholder="" />
+                                    <input type="text" class="form-control" id="inputOtherRole" required
+                                        placeholder="" />
                                 </div>
                                 <div class="form-group my-4">
                                     <label class="mb-1" for="inputInterest">You are interested in</label>
 
                                     <div class="form-floating">
-                                        <textarea style="height: 270px" class="form-control" placeholder=""
+                                        <textarea style="height: 270px" class="form-control" required placeholder=""
                                             id="floatingTextarea2" style="height: 100px"></textarea>
                                     </div>
                                 </div>
                                 <div class="form-row m-0 p-0 row my-4">
                                     <label class="mb-1 p-0" for="inputCaptcha">Please type this code</label>
-                                    <div class="form-group col-2 d-flex justify-content-start align-items-center p-0 m-0">
+                                    <div
+                                        class="form-group col-2 d-flex justify-content-start align-items-center p-0 m-0">
                                         <div class="captcha_img">
                                             <img src="../images/captcha.png" alt="" />
                                         </div>
                                     </div>
                                     <div class="form-group col-5">
-                                        <input type="text" class="form-control" id="inputCaptcha" />
+                                        <input required type="text" class="form-control" id="inputCaptcha" />
                                     </div>
                                     <div class="form-group col-5">
                                         <div class="d-flex justify-content-end">
-                                            <button class="btnsendform py-2 px-4">
+                                            <button type="submit" class="btnsendform py-2 px-4">
                                                 Send Message
                                             </button>
                                         </div>
@@ -167,20 +172,21 @@ <h1 class="my-4 p-0">Contact us</h1>
                 </div>
             </div>
         </section>
-        <section class=" py-4 d-flex flex-wrap justify-content-center align-items-center flex-column" id="contactus_info">
- 
-                <div class="textdecorbott mb-4  d-flex justify-content-center align-items-center">
-                    <h5 class="m-0 mb-2 mx-3 d-flex align-items-center">Our Address
-                    </h5>
-                </div>
-                <div class="d-flex justify-content-center flex-column align-items-center">
-                    <p class="p-0 m-0">AGRIDERA Seeds & Agriculture Ltd.</p>
-                    <p class="p-0 m-0">P.O Box 103,</p>
-                    <p class="p-0 m-0">Gedera 70750, Israel.</p>
-                    <p class="p-0 m-0">Telephone: <span style="color: #57984C;">+972 8 944 9222</span></p>
+        <section class=" py-4 d-flex flex-wrap justify-content-center align-items-center flex-column"
+            id="contactus_info">
+
+            <div class="textdecorbott mb-4  d-flex justify-content-center align-items-center">
+                <h5 class="m-0 mb-2 mx-3 d-flex align-items-center">Our Address
+                </h5>
+            </div>
+            <div class="d-flex justify-content-center flex-column align-items-center">
+                <p class="p-0 m-0">AGRIDERA Seeds & Agriculture Ltd.</p>
+                <p class="p-0 m-0">P.O Box 103,</p>
+                <p class="p-0 m-0">Gedera 70750, Israel.</p>
+                <p class="p-0 m-0">Telephone: <a href="tel:+97289449222"><span style="color: #57984C;">+972 8 944
+                            9222</span></a></p>
+            </div>
 
-                </div>
- 
 
 
         </section>
@@ -276,4 +282,4 @@ <h5 class="m-0 mb-2 mx-3 d-flex align-items-center">Our Address
     </div>
 </body>
 
-</html>
\ No newline at end of file
+</html>