[add] additional information client validation

tribikram 2 years ago
parent b6996de6ec
commit 328ea927dd
  1. 6
      public/frontend/css/style.css
  2. BIN
      public/frontend/icons/career-counselling.png
  3. BIN
      public/frontend/icons/noto_graduation-cap.png
  4. 12
      public/frontend/icons/noto_graduation-cap.svg
  5. 161
      resources/views/enquiry-form.blade.php
  6. 4
      resources/views/welcome.blade.php

@ -1071,7 +1071,9 @@ Responsive Codes
line-height: 2.6rem; line-height: 2.6rem;
color: #FFFFFF; color: #FFFFFF;
} }
.form-sec .form-control::placeholder{ .form-sec .form-control::placeholder,
.enquiry-form-section .form-control::placeholder,
.enquiry-form-section .form-select{
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
line-height: 26px; line-height: 26px;
@ -1697,7 +1699,7 @@ table.lightgrey-weekends tbody td:nth-child(n+6) {
transition: background-color 1s ease-out 100ms; transition: background-color 1s ease-out 100ms;
} }
.form-select .select-placeholder{ .form-select .select-placeholder{
color: #7B8792; color: #4e545a;
} }
.enquiry-form-row h3{ .enquiry-form-row h3{
font-weight: 600; font-weight: 600;

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

@ -0,0 +1,12 @@
<svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M51.0779 47.1385C51.0779 47.1385 43.2868 54.45 32.9846 54.45C22.6824 54.45 14.8965 47.1385 14.8965 47.1385C14.8965 47.1385 13.4476 40.1827 17.191 28.1738C19.1658 21.8419 47.2674 21.1974 49.4691 26.7352C53.2126 36.135 51.0779 47.1385 51.0779 47.1385Z" fill="#C31780"/>
<path d="M14.8963 47.1385L17.3661 49.1185C17.3661 49.1185 17.3455 45.1997 18.5572 41.5439C19.011 40.1775 20.63 39.6052 21.8469 40.3735L31.2777 46.2877C31.7947 46.6114 32.3914 46.7852 33.0014 46.7898C33.6113 46.7943 34.2106 46.6294 34.7324 46.3135C39.2389 43.5806 50.9952 36.4289 51.5314 35.9906C51.5314 35.9906 51.5314 35.1089 51.3097 33.9849L14.7622 34.0313L14.8963 47.1385Z" fill="#AA2376"/>
<path d="M63.3238 26.828L34.0363 44.2716C33.3969 44.6531 32.5977 44.6531 31.9531 44.2716L2.67596 26.828C1.86127 26.3433 1.86127 25.1625 2.67596 24.6778L31.9635 7.23423C32.6028 6.85267 33.4021 6.85267 34.0466 7.23423L63.3341 24.6778C64.1436 25.1625 64.1436 26.3433 63.3238 26.828Z" fill="#E22899"/>
<path d="M33.0206 42.9928C33.0155 42.9928 33.0052 42.998 33 42.998C32.9175 42.998 32.835 42.9773 32.7628 42.9309L2.15533 25.2863C2.15533 25.2863 2.00579 25.5698 2.15533 26.0803C2.31001 26.5908 2.5472 26.7558 2.67611 26.8331L31.9636 44.2767C32.2833 44.4675 32.6442 44.5655 33.0052 44.5655H33.0258V42.9928H33.0206Z" fill="#F266BB"/>
<path d="M32.9998 42.9928C33.0049 42.9928 33.0153 42.998 33.0204 42.998C33.1029 42.998 33.1854 42.9773 33.2576 42.9309L63.8651 25.2863C63.8651 25.2863 64.0146 25.5698 63.8651 26.0803C63.7104 26.5908 63.4732 26.7558 63.3443 26.8331L34.0568 44.2767C33.7371 44.4675 33.3762 44.5655 33.0153 44.5655H32.9946V42.9928H32.9998Z" fill="#C41780"/>
<path d="M18.2788 36.1247L18.4438 34.6758C18.4438 34.6758 31.0818 27.8025 32.3296 27.0806C33.5774 26.3587 34.8871 25.5544 35.4697 24.9098C36.501 23.7755 35.7585 23.0639 35.7585 23.0639C35.7585 23.0639 34.9438 24.3839 32.9999 24.1519C31.8862 24.0178 30.4372 23.1155 30.1949 22.6926C29.9526 22.2698 15.9276 32.9536 15.9276 32.9536L15.8296 34.6706L18.2788 36.1247Z" fill="#AA2376"/>
<path d="M35.7585 23.069C34.4075 24.9562 32.1182 24.1312 32.1182 24.1312C32.1182 24.1312 24.9458 27.5704 24.6777 27.0497C24.4096 26.5289 30.6022 23.3423 30.6022 23.3423C30.6022 23.3423 30.2568 22.0739 30.2929 21.5325C30.2929 21.5325 19.0935 28.6584 14.8911 31.0561C12.6894 32.3142 12.2202 33.5001 12.2253 35.1708C12.2253 35.9029 12.2357 38.28 12.246 39.6979C12.246 39.9609 12.1325 40.2084 11.9314 40.3734C11.627 40.6229 11.3816 40.9369 11.2131 41.2926C11.0446 41.6484 10.9571 42.0371 10.9569 42.4308C10.9569 43.2197 11.3024 43.9261 11.8489 44.4159C12.1428 44.6789 12.081 45.2461 12.1068 45.6122C12.1583 46.3134 12.1068 46.6331 11.818 47.2828C11.5344 47.917 11.2714 48.5667 11.091 49.237C10.9518 49.7526 10.8589 50.2837 10.7661 50.8097C10.1525 54.3314 9.8741 58.0954 8.24988 61.3336C8.21929 61.3941 8.20103 61.4601 8.19615 61.5277C8.19127 61.5953 8.19988 61.6633 8.22146 61.7275C8.24305 61.7918 8.27719 61.8512 8.3219 61.9021C8.36661 61.9531 8.421 61.9947 8.48191 62.0245C8.60438 62.0863 8.74633 62.0971 8.87675 62.0546C9.00717 62.0121 9.11548 61.9197 9.17801 61.7976C10.0236 60.1115 10.4619 58.2656 10.8228 56.4351C10.8022 58.0903 10.7919 59.7609 10.7352 61.5656C10.7249 61.9162 10.6991 62.6226 11.0188 62.7773C12.2202 63.36 12.2202 61.5656 12.2202 61.5656C12.2202 61.5656 12.2357 63.1795 13.8702 63.1795C15.5047 63.1795 15.6233 61.5656 15.6233 61.5656C15.6233 61.5656 15.7419 63.0454 16.5824 62.9733C16.9227 62.9423 17.3713 62.7361 17.2114 60.9675C17.0516 59.204 16.6546 52.8825 16.4844 50.8818C16.2472 48.1129 15.3397 46.4681 15.1541 45.4884C15.0871 45.1172 15.0819 44.7304 15.3758 44.4881C15.6749 44.243 15.9171 43.9357 16.0855 43.5875C16.2538 43.2394 16.3443 42.8587 16.3507 42.4721C16.3571 42.0854 16.2792 41.702 16.1224 41.3485C15.9656 40.9949 15.7337 40.6798 15.4428 40.425C15.3394 40.3346 15.2585 40.2214 15.2066 40.0943C15.1547 39.9672 15.1332 39.8297 15.1438 39.6928C15.2418 38.3573 15.35 36.4186 15.4377 35.97C15.8193 33.9539 16.8144 33.5929 17.8354 32.9948C18.8563 32.3915 33.6444 25.6781 34.5055 25.1058C36.0988 24.0384 35.7585 23.069 35.7585 23.069Z" fill="#E2A610"/>
<path d="M35.7588 23.069C34.4852 24.8686 31.8401 24.0642 31.8401 24.0642C31.8401 24.0642 25.0802 27.06 25.5288 26.5186C25.9722 25.9772 30.6026 23.3423 30.6026 23.3423C30.6026 23.3423 30.2571 22.0739 30.2932 21.5325C30.2932 21.5325 18.8979 28.117 14.479 31.2829C13.3394 32.1028 11.9266 33.4434 13.0765 34.7789C13.6076 35.3925 14.6337 35.5214 15.2885 35.0367C15.6855 34.7479 15.9949 34.3251 16.3455 33.99C16.7787 33.5672 17.3046 33.299 17.8202 32.9948C18.8412 32.3915 33.6293 25.6781 34.4904 25.1058C36.0991 24.0384 35.7588 23.069 35.7588 23.069Z" fill="#FFCA28"/>
<path d="M13.4628 47.3653C12.7822 47.3653 12.3232 47.3086 11.9056 47.2106C11.8311 47.1936 11.7652 47.1504 11.7197 47.0889C11.6743 47.0274 11.6525 46.9517 11.6581 46.8755L11.7922 44.9058C11.8076 44.7047 11.9984 44.5655 12.1943 44.6222C12.6584 44.7563 13.5865 44.8903 15.1025 44.5706C15.2881 44.5294 15.4737 44.6583 15.4943 44.8491L15.7006 46.8084C15.7161 46.9683 15.6129 47.1178 15.4582 47.1539C14.6693 47.3344 14.097 47.3653 13.4628 47.3653Z" fill="#9E740B"/>
<path d="M51.0777 47.1385C51.0777 47.1385 51.9904 42.3741 51.6243 37.3055C51.5624 36.4496 51.0365 35.7122 50.6291 38.708C50.3971 40.425 49.8918 45.5658 49.0307 48.7781C50.3455 47.8294 51.0777 47.1385 51.0777 47.1385ZM33.8919 18.9699C34.2683 19.0885 34.6138 19.3772 34.7118 19.7639C34.8407 20.2796 34.5158 20.7952 34.1652 21.1974C33.4794 21.9863 32.5358 22.6772 31.4891 22.6411C31.1436 22.6308 30.7724 22.5174 30.561 22.2441C30.4115 22.0533 30.3599 21.8058 30.3444 21.5635C30.2516 19.7949 32.2522 18.4542 33.8919 18.9699Z" fill="#FF55BC"/>
</svg>

After

Width:  |  Height:  |  Size: 5.6 KiB

@ -46,9 +46,9 @@
<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 mt-2" name="cob" id="e-cob" onchange="eCob()">
<option value="" hidden>Select you country of birth</option> <option hidden>Select your country of birth</option>
@foreach($countries as $country) @foreach($countries as $country)
<option 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>
@endforeach @endforeach
</select> </select>
<span class="error" id="error-cob"></span> <span class="error" id="error-cob"></span>
@ -106,47 +106,54 @@
<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"> <input type="text" class="form-control mt-2" id="highest_qualification" name="highest_qualification" placeholder="Enter your Highest Qualification" onkeyup="validateQualification()">
<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"> <input type="text" class="form-control mt-2" id="stream" name="stream" placeholder="Enter your Stream" onkeyup="validateStream()">
<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"> <input type="text" class="form-control mt-2" id="gpa" name="gpa" placeholder="Enter your % or GPA" onkeyup="validateGpa()">
<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"> <input type="text" class="form-control mt-2" id="graduate_year" name="graduate_year" placeholder="Enter your Passed Year" onkeyup="validatePassout()">
<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"> <input type="text" class="form-control mt-2" id="gap" name="gap" placeholder="Enter your Gap after Studies" onkeyup="validateGap()">
<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"> <input type="text" class="form-control mt-2" id="current_status" name="current_status" placeholder="Enter your Current Status" onkeyup="validateCurrent()">
<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 mt-2" name="work_experience" id="work-experience" onchange="wExperience()">
<option value="" hidden>Work experence status</option> <option hidden value="">Work experence status</option>
<option value="yes">Yes</option> <option value="yes" class="select-placeholder">Yes</option>
<option value="no">No</option> <option value="no" class="select-placeholder">No</option>
</select> </select>
<span class="error" id="error-workExperience"></span>
</div> </div>
</div> </div>
<div class="col-md-4" id="work-exp-detail"> <div class="col-md-4" id="work-exp-detail">
@ -220,24 +227,26 @@
<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"> <input type="text" class="form-control mt-2" id="immigration-history" name="immigration_history" placeholder="Enter your Immigration History" onkeyup="validateImmigrationHistory()">
<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"> <input type="text" class="form-control mt-2" 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> </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 mt-2" name="desired_location" id="desired-location">
<option value="" hidden class="select-placeholder">Select your desired location</option> <option hidden>Select your desired location</option>
<option value="au">Australia</option> <option value="au" class="select-placeholder">Australia</option>
<option value="nz">New Zeland</option> <option value="nz" class="select-placeholder">New Zeland</option>
<option value="ca">Canada</option> <option value="ca" class="select-placeholder">Canada</option>
<option value="us">USA</option> <option value="us" class="select-placeholder">USA</option>
</select> </select>
</div> </div>
</div> </div>
@ -258,6 +267,15 @@
addressError = document.getElementById('error-address'); addressError = document.getElementById('error-address');
emailError = document.getElementById('error-email'); emailError = document.getElementById('error-email');
phoneNumberError = document.getElementById('error-phone'); phoneNumberError = document.getElementById('error-phone');
qualificationError = document.getElementById('error-qualification');
streamError = document.getElementById('error-stream');
gpaError = document.getElementById('error-gpa');
graduateYearError = document.getElementById('error-graduate_year');
gapError = document.getElementById('error-gap');
currentStatusError = document.getElementById('error-currentStatus');
workExperienceError = document.getElementById('error-workExperience');
ImmigrationHistoryError = document.getElementById('error-immigration-history');
StudyFieldError = document.getElementById('error-studyfield');
function maritalStatus(){ function maritalStatus(){
var marriedDate = document.getElementById('spouse-married-date'); var marriedDate = document.getElementById('spouse-married-date');
@ -291,6 +309,7 @@
salaryMode = document.getElementById('work-salary-mode'); salaryMode = document.getElementById('work-salary-mode');
if(workExperience.length == 0){ if(workExperience.length == 0){
$('#work-experience').focus(); $('#work-experience').focus();
workExperienceError.innerHTML = "This field cannot be empty !"
return false; return false;
}if(workExperience == "yes"){ }if(workExperience == "yes"){
workDetail.classList.add('married'); workDetail.classList.add('married');
@ -299,6 +318,8 @@
workDetail.classList.remove('married'); workDetail.classList.remove('married');
salaryMode.classList.remove('married'); salaryMode.classList.remove('married');
} }
workExperienceError.innerHTML = "";
return true;
} }
function validatefName(){ function validatefName(){
@ -329,7 +350,7 @@
var dob = document.getElementById('dob').value; var dob = document.getElementById('dob').value;
if(dob == ""){ if(dob == ""){
$('#dob').focus(); $('#dob').focus();
dobError.innerHTML = "Date of birth is required!"; dobError.innerHTML = "Date of birth is required !";
return false; return false;
} }
dobError.innerHTML = ''; dobError.innerHTML = '';
@ -340,7 +361,7 @@
var cob = document.getElementById('e-cob').value; var cob = document.getElementById('e-cob').value;
if(cob == ""){ if(cob == ""){
$('#e-cob').focus(); $('#e-cob').focus();
cobError.innerHTML = "Country of birth is required!"; cobError.innerHTML = "Country of birth is required !";
return false; return false;
} }
cobError.innerHTML = ''; cobError.innerHTML = '';
@ -361,7 +382,7 @@
GenderError.innerHTML = ''; GenderError.innerHTML = '';
return true; return true;
}else{ }else{
GenderError.innerHTML = "Please select your gender!"; GenderError.innerHTML = "Please select your gender !";
return false; return false;
} }
} }
@ -370,7 +391,7 @@
var address = document.getElementById('address').value; var address = document.getElementById('address').value;
if(address.length == 0){ if(address.length == 0){
$('#address').focus(); $('#address').focus();
addressError.innerHTML = "Address field is required!"; addressError.innerHTML = "Address field is required !";
return false; return false;
} }
addressError.innerHTML = ''; addressError.innerHTML = '';
@ -380,7 +401,7 @@
function validateEmail(){ function validateEmail(){
var email = document.getElementById('email').value; var email = document.getElementById('email').value;
if(email.length == 0){ if(email.length == 0){
emailError.innerHTML = "Email is required!"; emailError.innerHTML = "Email is required !";
return false; return false;
} }
if(!email.match(/^\w+([.-]?\w+)*@\w+([.-]?\w+)*(.\w{2,3})+$/)){ if(!email.match(/^\w+([.-]?\w+)*@\w+([.-]?\w+)*(.\w{2,3})+$/)){
@ -395,7 +416,7 @@
var phone = document.getElementById('phone').value; var phone = document.getElementById('phone').value;
if(phone.length == 0){ if(phone.length == 0){
$('#phone').focus(); $('#phone').focus();
phoneNumberError.innerHTML = "Mobile number is required!"; phoneNumberError.innerHTML = "Mobile number is required !";
return false; return false;
} }
if(!phone.match(/^\d{10}$/)){ if(!phone.match(/^\d{10}$/)){
@ -406,9 +427,99 @@
return true; return true;
} }
function validateQualification(){
var qualification = document.getElementById('highest_qualification').value;
if(qualification.length == 0){
$('#highest_qualification').focus();
qualificationError.innerHTML = "Highest Qualification field is required !";
return false;
}
qualificationError.innerHTML = '';
return true;
}
function validateStream(){
var stream = document.getElementById('stream').value;
if(stream.length == 0){
$('#stream').focus();
streamError.innerHTML = "Stream field is required !";
return false;
}
streamError.innerHTML = '';
return true;
}
function validateGpa(){
var gpa = document.getElementById('gpa').value;
if(gpa.length == 0){
$('#gpa').focus();
gpaError.innerHTML = "GPA or % is required !";
return false;
}
gpaError.innerHTML = '';
return true;
}
function validatePassout(){
var graduateYear = document.getElementById('graduate_year').value;
if(graduateYear.length == 0){
$('#graduate_year').focus();
graduateYearError.innerHTML = "Graduate year is required !";
return false;
}
graduateYearError.innerHTML = '';
return true;
}
function validateGap(){
var gap = document.getElementById('gap').value;
if(gap.length == 0){
$('#gap').focus();
gapError.innerHTML = "Gap field is required !";
return false;
}
gapError.innerHTML = '';
return true;
}
function validateCurrent(){
var currentStatus = document.getElementById('current_status').value;
if(currentStatus.length == 0){
$('#current_status').focus();
currentStatusError.innerHTML = "Current Status is required !";
return false;
}
currentStatusError.innerHTML = '';
return true;
}
function validateImmigrationHistory(){
var ImmigrationHistory = document.getElementById('immigration-history').value;
if(ImmigrationHistory.length == 0){
$('#immigration-history').focus();
ImmigrationHistoryError.innerHTML = "Immigration History is required !";
return false;
}
ImmigrationHistoryError.innerHTML = '';
return true;
}
function validateStudyField(){
var StudyField = document.getElementById('desired-study-field').value;
if(StudyField.length == 0){
$('#desired-study-field').focus();
StudyFieldError.innerHTML = "Desired Study Field is required !";
return false;
}
StudyFieldError.innerHTML = '';
return true;
}
function submitEnquiry(){ function submitEnquiry(){
if(!validatefName() || !validatelName() || !validateDob() || !eCob() || !eGender() || if(!validatefName() || !validatelName() || !validateDob() || !eCob() || !eGender() ||
!validateAddress() || !validateEmail() || !validatePhone()){ !validateAddress() || !validateEmail() || !validatePhone() || !validateQualification() ||
!validateStream() || !validateGpa() || !validatePassout() || !validateGap() || !validateCurrent() ||
!wExperience() || !validateImmigrationHistory() || !validateStudyField()){
return false; return false;
}else{ }else{

@ -96,7 +96,7 @@
</div> </div>
<div class="service-card"> <div class="service-card">
<div class="service-icon"> <div class="service-icon">
<img src="{{url('frontend/icons/ribbon.png')}}" alt=""> <img src="{{url('frontend/icons/noto_graduation-cap.png')}}" alt="">
</div> </div>
<h2>Job Ready Program</h2> <h2>Job Ready Program</h2>
<p>Get into the job market with a correct set of skills.</p> <p>Get into the job market with a correct set of skills.</p>
@ -106,7 +106,7 @@
<div class="services-slider"> <div class="services-slider">
<div class="service-card"> <div class="service-card">
<div class="service-icon"> <div class="service-icon">
<img src="{{url('frontend/icons/ribbon.png')}}" alt=""> <img src="{{url('frontend/icons/career-counselling.png')}}" alt="">
</div> </div>
<h2>Career Counselling</h2> <h2>Career Counselling</h2>
<p>Get the right guidance to leap through your career.</p> <p>Get the right guidance to leap through your career.</p>

Loading…
Cancel
Save