From 7bc58dcf58c1fc8a5423b68c0b0e04119a9ca885 Mon Sep 17 00:00:00 2001
From: tribikram <tribikram@extratechs.com.au>
Date: Thu, 16 Feb 2023 14:20:23 +0545
Subject: [PATCH] [edit] form css

---
 public/frontend/css/style.css          |  9 +++--
 resources/views/enquiry-form.blade.php | 54 +++++++++++++-------------
 2 files changed, 33 insertions(+), 30 deletions(-)

diff --git a/public/frontend/css/style.css b/public/frontend/css/style.css
index 1bc7327..c0c63da 100644
--- a/public/frontend/css/style.css
+++ b/public/frontend/css/style.css
@@ -1079,8 +1079,10 @@ Responsive Codes
     line-height: 26px;
     color: #7B8792;
 }
-.form-sec .form-control{
-    background: #FFFFFF;
+.form-sec .form-control,
+.enquiry-form-row .form-control,
+.enquiry-form-row .form-select{
+    background-color: #FFFFFF;
     border: 1px solid #B1B1B1;
     border-radius: 6px;
     padding: 10px;
@@ -1103,7 +1105,8 @@ Responsive Codes
     text-align: center;
     margin-bottom: 50px;
 }
-.form-sec label{
+.form-sec label,
+.enquiry-form-row label{
     margin-bottom: 8px;
         font-weight: 400;
     font-size: 16px;
diff --git a/resources/views/enquiry-form.blade.php b/resources/views/enquiry-form.blade.php
index d59201e..d740808 100644
--- a/resources/views/enquiry-form.blade.php
+++ b/resources/views/enquiry-form.blade.php
@@ -18,34 +18,34 @@
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">First Name</label>
-                        <input type="text" class="form-control mt-2" id="fname" name="first_name" value="" placeholder="Enter your First name" onkeyup="validatefName()">
+                        <input type="text" class="form-control" id="fname" name="first_name" value="" placeholder="Enter your First name" onkeyup="validatefName()">
                         <span class="error" id="error-fname"></span>
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">Middle Name</label>
-                        <input type="text" class="form-control mt-2" id="mname" name="middle_name" value="" placeholder="Enter your Middle name">
+                        <input type="text" class="form-control" id="mname" name="middle_name" value="" placeholder="Enter your Middle name">
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">Last Name</label>
-                        <input type="text" class="form-control mt-2" id="lname" name="last_name" value="" placeholder="Enter your Last name" onkeyup="validatelName()">
+                        <input type="text" class="form-control" id="lname" name="last_name" value="" placeholder="Enter your Last name" onkeyup="validatelName()">
                         <span class="error" id="error-lname"></span>
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">Date of birth</label>
-                        <input type="date" class="form-control mt-2" id="dob" name="dob" placeholder="Enter your Date of birth" onkeyup="validateDob()">
+                        <input type="date" class="form-control" id="dob" name="dob" placeholder="Enter your Date of birth" onkeyup="validateDob()">
                         <span class="error" id="error-dob"></span>
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">Country</label>
-                        <select class="form-select mt-2" name="cob" id="e-cob" onchange="eCob()">
+                        <select class="form-select" name="cob" id="e-cob" onchange="eCob()">
                             <option hidden>Select your country of birth</option>
                             @foreach($countries as $country)
                                 <option class="select-placeholder" value="{{$country->id}}" @if(old('country_id') === $country->id) selected @endif>{{$country->name}}</option>
@@ -57,7 +57,7 @@
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">Gender</label>
-                        <div class="d-flex gap-2 mt-2" onclick="eGender()">
+                        <div class="d-flex gap-2" onclick="eGender()">
                             <div class="form-check">
                                 <input class="form-check-input gender" type="radio" name="gender" value="Male"/>
                                 <label class="form-check-label">
@@ -83,21 +83,21 @@
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">Address</label>
-                        <input type="text" class="form-control mt-2" id="address" name="address" placeholder="Enter your Address" onkeyup="validateAddress()">
+                        <input type="text" class="form-control" id="address" name="address" placeholder="Enter your Address" onkeyup="validateAddress()">
                         <span class="error" id="error-address"></span>
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">Email</label>
-                        <input type="email" class="form-control mt-2" id="email" name="email" placeholder="Enter your Email Address" onkeyup="validateEmail()">
+                        <input type="email" class="form-control" id="email" name="email" placeholder="Enter your Email Address" onkeyup="validateEmail()">
                         <span class="error" id="error-email"></span>
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">Phone</label>
-                        <input type="text" class="form-control mt-2" id="phone" name="phone" placeholder="Enter your Phone Number" onkeyup="validatePhone()">
+                        <input type="text" class="form-control" id="phone" name="phone" placeholder="Enter your Phone Number" onkeyup="validatePhone()">
                         <span class="error" id="error-phone"></span>
                     </div>
                 </div>
@@ -106,49 +106,49 @@
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">Highest Qualification</label>
-                        <input type="text" class="form-control mt-2" id="highest_qualification" name="highest_qualification" placeholder="Enter your Highest Qualification" onkeyup="validateQualification()">
+                        <input type="text" class="form-control" id="highest_qualification" name="highest_qualification" placeholder="Enter your Highest Qualification" onkeyup="validateQualification()">
                         <span class="error" id="error-qualification"></span>
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">Stream</label>
-                        <input type="text" class="form-control mt-2" id="stream" name="stream" placeholder="Enter your Stream" onkeyup="validateStream()">
+                        <input type="text" class="form-control" id="stream" name="stream" placeholder="Enter your Stream" onkeyup="validateStream()">
                         <span class="error" id="error-stream"></span>
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">% or GPA</label>
-                        <input type="text" class="form-control mt-2" id="gpa" name="gpa" placeholder="Enter your % or GPA" onkeyup="validateGpa()">
+                        <input type="text" class="form-control" id="gpa" name="gpa" placeholder="Enter your % or GPA" onkeyup="validateGpa()">
                         <span class="error" id="error-gpa"></span>
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">Passed Year</label>
-                        <input type="text" class="form-control mt-2" id="graduate_year" name="graduate_year" placeholder="Enter your Passed Year" onkeyup="validatePassout()">
+                        <input type="text" class="form-control" id="graduate_year" name="graduate_year" placeholder="Enter your Passed Year" onkeyup="validatePassout()">
                         <span class="error" id="error-graduate_year"></span>
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">Gap after Studies</label>
-                        <input type="text" class="form-control mt-2" id="gap" name="gap" placeholder="Enter your Gap after Studies" onkeyup="validateGap()">
+                        <input type="text" class="form-control" id="gap" name="gap" placeholder="Enter your Gap after Studies" onkeyup="validateGap()">
                         <span class="error" id="error-gap"></span>
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">What you are doing now?</label>
-                        <input type="text" class="form-control mt-2" id="current_status" name="current_status" placeholder="Enter your Current Status" onkeyup="validateCurrent()">
+                        <input type="text" class="form-control" id="current_status" name="current_status" placeholder="Enter your Current Status" onkeyup="validateCurrent()">
                         <span class="error" id="error-currentStatus"></span>
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">Do you have work experience?</label>
-                        <select class="form-select mt-2" name="work_experience" id="work-experience" onchange="wExperience()">
+                        <select class="form-select" name="work_experience" id="work-experience" onchange="wExperience()">
                             <option hidden value="">Work experence status</option>
                             <option value="yes" class="select-placeholder">Yes</option>
                             <option value="no" class="select-placeholder">No</option>
@@ -159,25 +159,25 @@
                 <div class="col-md-4" id="work-exp-detail">
                     <div class="form-group mb-3">
                         <label for="name">Work experience Details</label>
-                        <input type="text" class="form-control mt-2" id="work-experience-detail" name="work_experience_details" placeholder="Enter your Work experience Details">
+                        <input type="text" class="form-control" id="work-experience-detail" name="work_experience_details" placeholder="Enter your Work experience Details">
                     </div>
                 </div>
                 <div class="col-md-4" id="work-salary-mode">
                     <div class="form-group mb-3">
                         <label for="name">Salary mode</label>
-                        <input type="text" class="form-control mt-2" id="salary-mode" name="salary_mode" placeholder="Enter your Salary Mode">
+                        <input type="text" class="form-control" id="salary-mode" name="salary_mode" placeholder="Enter your Salary Mode">
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">IELTS / PTE Score</label>
-                        <input type="text" class="form-control mt-2" id="test-score" name="test_score" placeholder="Enter your IELTS / PTE score">
+                        <input type="text" class="form-control" id="test-score" name="test_score" placeholder="Enter your IELTS / PTE score">
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">Marital Status</label>
-                        <div class="d-flex gap-2 mt-2" onclick="maritalStatus()">
+                        <div class="d-flex gap-2" onclick="maritalStatus()">
                             <div class="form-check">
                                 <input class="form-check-input marital-status" id="marital-status" type="radio" name="marital_status" value="Single"/>
                                 <label class="form-check-label">
@@ -203,45 +203,45 @@
                 <div class="col-md-4" id="spouse-married-date">
                     <div class="form-group mb-3">
                         <label for="name">Married date</label>
-                        <input type="date" class="form-control mt-2" id="married-date" name="married_date">
+                        <input type="date" class="form-control" id="married-date" name="married_date">
                     </div>
                 </div>
                 <div class="col-md-4" id="spouse-academic">
                     <div class="form-group mb-3">
                         <label for="name">Spouse Academics</label>
-                        <input type="text" class="form-control mt-2" id="spouse-academics" name="spouse_academics" placeholder="Enter your Spouse Academics">
+                        <input type="text" class="form-control" id="spouse-academics" name="spouse_academics" placeholder="Enter your Spouse Academics">
                     </div>
                 </div>
                 <div class="col-md-4" id="spouse-experience">
                     <div class="form-group mb-3">
                         <label for="name">Work Experience of Spouse</label>
-                        <input type="text" class="form-control mt-2" id="spouse-work-experience" name="spouse_work_experience" placeholder="Enter Work Experience of Spouse">
+                        <input type="text" class="form-control" id="spouse-work-experience" name="spouse_work_experience" placeholder="Enter Work Experience of Spouse">
                     </div>
                 </div>
                 <div class="col-md-4" id="spouse-salary">
                     <div class="form-group mb-3">
                         <label for="name">Spouse Salary Mode</label>
-                        <input type="text" class="form-control mt-2" id="spouse-salary-mode" name="spouse_salary_mode" placeholder="Enter Spouse Salary Mode">
+                        <input type="text" class="form-control" id="spouse-salary-mode" name="spouse_salary_mode" placeholder="Enter Spouse Salary Mode">
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">Immigration History: </label>
-                        <input type="text" class="form-control mt-2" id="immigration-history" name="immigration_history" placeholder="Enter your Immigration History" onkeyup="validateImmigrationHistory()">
+                        <input type="text" class="form-control" id="immigration-history" name="immigration_history" placeholder="Enter your Immigration History" onkeyup="validateImmigrationHistory()">
                         <span class="error" id="error-immigration-history"></span>
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">Desired study field</label>
-                        <input type="text" class="form-control mt-2" id="desired-study-field" name="desired_study_field" placeholder="Enter your Desired study field" onkeyup="validateStudyField()">
+                        <input type="text" class="form-control" id="desired-study-field" name="desired_study_field" placeholder="Enter your Desired study field" onkeyup="validateStudyField()">
                         <span class="error" id="error-studyfield"></span>
                     </div>
                 </div>
                 <div class="col-md-4">
                     <div class="form-group mb-3">
                         <label for="name">Desired location (If Any)</label>
-                        <select class="form-select mt-2" name="desired_location" id="desired-location">
+                        <select class="form-select" name="desired_location" id="desired-location">
                             <option hidden>Select your desired location</option>
                             <option value="au" class="select-placeholder">Australia</option>
                             <option value="nz" class="select-placeholder">New Zeland</option>