tribikram
/
ET-VISA
1
0
Fork 0
Code Issues 24 Pull Requests 15 Packages Projects 1 Releases Wiki Activity

[edit] form css

Browse Source
et#33
tribikram 2 years ago committed by Mahesh Sharma
parent cf212411de
commit 1821580633
2 changed files with 33 additions and 30 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 9
      public/frontend/css/style.css
  2. 54
      resources/views/enquiry-form.blade.php

9
public/frontend/css/style.css
Unescape View File

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

54
resources/views/enquiry-form.blade.php
Unescape View File

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

Write Preview
Loading…
Cancel
Save