[edit] form css

tribikram 2 years ago
parent 328ea927dd
commit 7bc58dcf58
  1. 9
      public/frontend/css/style.css
  2. 54
      resources/views/enquiry-form.blade.php

@ -1079,8 +1079,10 @@ Responsive Codes
line-height: 26px; line-height: 26px;
color: #7B8792; color: #7B8792;
} }
.form-sec .form-control{ .form-sec .form-control,
background: #FFFFFF; .enquiry-form-row .form-control,
.enquiry-form-row .form-select{
background-color: #FFFFFF;
border: 1px solid #B1B1B1; border: 1px solid #B1B1B1;
border-radius: 6px; border-radius: 6px;
padding: 10px; padding: 10px;
@ -1103,7 +1105,8 @@ Responsive Codes
text-align: center; text-align: center;
margin-bottom: 50px; margin-bottom: 50px;
} }
.form-sec label{ .form-sec label,
.enquiry-form-row label{
margin-bottom: 8px; margin-bottom: 8px;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;

@ -18,34 +18,34 @@
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">First Name</label> <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> <span class="error" id="error-fname"></span>
</div> </div>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Middle Name</label> <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> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Last Name</label> <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> <span class="error" id="error-lname"></span>
</div> </div>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Date of birth</label> <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> <span class="error" id="error-dob"></span>
</div> </div>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Country</label> <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> <option hidden>Select your country of birth</option>
@foreach($countries as $country) @foreach($countries as $country)
<option class="select-placeholder" value="{{$country->id}}" @if(old('country_id') === $country->id) selected @endif>{{$country->name}}</option> <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="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Gender</label> <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"> <div class="form-check">
<input class="form-check-input gender" type="radio" name="gender" value="Male"/> <input class="form-check-input gender" type="radio" name="gender" value="Male"/>
<label class="form-check-label"> <label class="form-check-label">
@ -83,21 +83,21 @@
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Address</label> <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> <span class="error" id="error-address"></span>
</div> </div>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Email</label> <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> <span class="error" id="error-email"></span>
</div> </div>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Phone</label> <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> <span class="error" id="error-phone"></span>
</div> </div>
</div> </div>
@ -106,49 +106,49 @@
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Highest Qualification</label> <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> <span class="error" id="error-qualification"></span>
</div> </div>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Stream</label> <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> <span class="error" id="error-stream"></span>
</div> </div>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">% or GPA</label> <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> <span class="error" id="error-gpa"></span>
</div> </div>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Passed Year</label> <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> <span class="error" id="error-graduate_year"></span>
</div> </div>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Gap after Studies</label> <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> <span class="error" id="error-gap"></span>
</div> </div>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">What you are doing now?</label> <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> <span class="error" id="error-currentStatus"></span>
</div> </div>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Do you have work experience?</label> <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 hidden value="">Work experence status</option>
<option value="yes" class="select-placeholder">Yes</option> <option value="yes" class="select-placeholder">Yes</option>
<option value="no" class="select-placeholder">No</option> <option value="no" class="select-placeholder">No</option>
@ -159,25 +159,25 @@
<div class="col-md-4" id="work-exp-detail"> <div class="col-md-4" id="work-exp-detail">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Work experience Details</label> <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> </div>
<div class="col-md-4" id="work-salary-mode"> <div class="col-md-4" id="work-salary-mode">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Salary mode</label> <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> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">IELTS / PTE Score</label> <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> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Marital Status</label> <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"> <div class="form-check">
<input class="form-check-input marital-status" id="marital-status" type="radio" name="marital_status" value="Single"/> <input class="form-check-input marital-status" id="marital-status" type="radio" name="marital_status" value="Single"/>
<label class="form-check-label"> <label class="form-check-label">
@ -203,45 +203,45 @@
<div class="col-md-4" id="spouse-married-date"> <div class="col-md-4" id="spouse-married-date">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Married date</label> <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> </div>
<div class="col-md-4" id="spouse-academic"> <div class="col-md-4" id="spouse-academic">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Spouse Academics</label> <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> </div>
<div class="col-md-4" id="spouse-experience"> <div class="col-md-4" id="spouse-experience">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Work Experience of Spouse</label> <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> </div>
<div class="col-md-4" id="spouse-salary"> <div class="col-md-4" id="spouse-salary">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Spouse Salary Mode</label> <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> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Immigration History: </label> <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> <span class="error" id="error-immigration-history"></span>
</div> </div>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Desired study field</label> <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> <span class="error" id="error-studyfield"></span>
</div> </div>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="form-group mb-3"> <div class="form-group mb-3">
<label for="name">Desired location (If Any)</label> <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 hidden>Select your desired location</option>
<option value="au" class="select-placeholder">Australia</option> <option value="au" class="select-placeholder">Australia</option>
<option value="nz" class="select-placeholder">New Zeland</option> <option value="nz" class="select-placeholder">New Zeland</option>

Loading…
Cancel
Save