[edit] form css

et#33
tribikram 2 years ago committed by Mahesh Sharma
parent cf212411de
commit 1821580633
  1. 9
      public/frontend/css/style.css
  2. 54
      resources/views/enquiry-form.blade.php

@ -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;

@ -23,34 +23,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>
@ -62,7 +62,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">
@ -88,21 +88,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>
@ -111,49 +111,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>
@ -164,25 +164,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">
@ -208,45 +208,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>

Loading…
Cancel
Save