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

[edit] form css

Browse Source
tribikram 2 years ago
parent 328ea927dd
commit 7bc58dcf58
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
Split 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;
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;

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

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

Write Preview
Loading…
Cancel
Save