Escort Documentation
Thank you for your purchase! If you have any questions feel free to ask me through comment section on ThemeForest.
For questions on basic HTML, JavaScript or CSS editing - please give your question a quick Google or visit W3Schools as theme issues get top priority. You will need some knowledge of HTML/CSS to edit this theme.
Page Head :-
Page head contains Title, Metadata, Favicon and CSS.
<head> <meta name="author" content=""> <meta name="description" content=""> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>:: Escort - Job Portal HTML Template ::</title> <!-- Favicon Icon --> <link rel="shortcut icon" href="assets/img/favicon.png" /> <!-- CSS --> <link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap-select.min.css"> <link href="assets/plugins/icons/css/icons.css" rel="stylesheet"> <link href="assets/plugins/animate/animate.css" rel="stylesheet"> <link href="assets/plugins/bootstrap/css/bootsnav.css" rel="stylesheet"> <link rel="stylesheet" href="assets/plugins/nice-select/css/nice-select.css"> <link href="assets/plugins/aos-master/aos.css" rel="stylesheet"> <link href="assets/css/style.css" rel="stylesheet"> <link href="assets/css/responsive.css" rel="stylesheet"> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600&display=swap" rel="stylesheet"> </head>
CSS Structure :-
You can change it to your style.css / style.css file favorite theme.
<link rel="stylesheet" href="assets/css/style.css" type="text/css">
HTML Structure :-
Escort Job Portal is based on Bootstrap Grid that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.
The syntax is simple and it's effective cross browser, but the awesome part is that it also has the flexibility to go mobile like a champ. You can really easily customize all part of site or build new.
<div class="utf_main_banner_area" style="background-image:url(assets/img/slider_bg.jpg);" data-overlay="8">
<div class="container">
<div class="col-md-8 col-sm-10">
<div class="caption cl-white home_two_slid">
<h2>Search Between More Then <span class="theme-cl">50,000</span> Open Jobs.</h2>
<p>Trending Jobs Keywords: <span class="trending_key"><a href="#">Web Designer</a></span> <span class="trending_key"><a href="#">Web Developer</a></span> <span class="trending_key"><a href="#">IOS Developer</a></span> <span class="trending_key"><a href="#">Android Developer</a></span></p>
</div>
<form>
<fieldset class="utf_home_form_one">
<div class="col-md-4 col-sm-4 padd-0">
<input type="text" class="form-control br-1" placeholder="Search Keywords..." />
</div>
<div class="col-md-3 col-sm-3 padd-0">
<select class="wide form-control br-1">
<option data-display="Location">All Country</option>
<option value="1">Afghanistan</option>
<option value="2">Albania</option>
<option value="3">Algeria</option>
<option value="4">Brazil</option>
<option value="5">Burundi</option>
<option value="6">Bulgaria</option>
<option value="7">Germany</option>
<option value="8">Grenada</option>
<option value="9">Guatemala</option>
<option value="10" disabled>Iceland</option>
</select>
</div>
<div class="col-md-3 col-sm-3 padd-0">
<select class="wide form-control">
<option data-display="Category">Show All</option>
<option value="1">Software Developer</option>
<option value="2">Java Developer</option>
<option value="3">Software Engineer</option>
<option value="4">Web Developer</option>
<option value="5">PHP Developer</option>
<option value="6">Python Developer</option>
<option value="7">Front end Developer</option>
<option value="8">Associate Developer</option>
<option value="9">Back end Developer</option>
<option value="10">XML Developer</option>
<option value="11">.NET Developer</option>
<option value="12" disabled>Marketting Developer</option>
</select>
</div>
<div class="col-md-2 col-sm-2 padd-0 m-clear">
<button type="submit" class="btn theme-btn cl-white seub-btn">Search</button>
</div>
</fieldset>
</form>
</div>
</div>
</div>
<!-- ======================= End Banner ===================== -->
<!-- ================= Job start ========================= -->
<section class="padd-top-80 padd-bot-80">
<div class="container">
<ul class="nav nav-tabs nav-advance theme-bg" role="tablist">
<li class="nav-item active"> <a class="nav-link" data-toggle="tab" href="#recent" role="tab"> Latest Jobs</a> </li>
<li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#" role="tab"> Recent Jobs</a> </li>
</ul>
<div class="tab-content">
<div class="tab-pane fade in show active" id="recent" role="tabpanel">
<div class="row">
<!-- Single Job -->
<div class="col-md-3 col-sm-6">
<div class="utf_grid_job_widget_area"> <span class="job-type full-type">Full Time</span>
<div class="utf_job_like">
<label class="toggler toggler-danger">
<input type="checkbox" checked>
<i class="fa fa-heart"></i>
</label>
</div>
<div class="u-content">
<div class="avatar box-80"> <a href="employer-detail.html"> <img class="img-responsive" src="assets/img/company_logo_1.png" alt=""> </a> </div>
<h5><a href="employer-detail.html">Product Redesign</a></h5>
<p class="text-muted">2708 Scenic Way, IL 62373</p>
</div>
<div class="utf_apply_job_btn_item"> <a href="job-detail.html" class="btn job-browse-btn btn-radius br-light">Apply Now</a> </div>
</div>
</div>
<!-- Single Job -->
<div class="col-md-3 col-sm-6">
<div class="utf_grid_job_widget_area"> <span class="job-type full-type">Full Time</span>
<div class="utf_job_like">
<label class="toggler toggler-danger">
<input type="checkbox">
<i class="fa fa-heart"></i>
</label>
</div>
<div class="u-content">
<div class="avatar box-80"> <a href="employer-detail.html"> <img class="img-responsive" src="assets/img/company_logo_2.png" alt=""> </a> </div>
<h5><a href="employer-detail.html">New Product Mockup</a></h5>
<p class="text-muted">2708 Scenic Way, IL 62373</p>
</div>
<div class="utf_apply_job_btn_item"> <a href="job-detail.html" class="btn job-browse-btn btn-radius br-light">Apply Now</a> </div>
</div>
</div>
<!-- Single Job -->
<div class="col-md-3 col-sm-6">
<div class="utf_grid_job_widget_area"> <span class="job-type part-type">Full Time</span>
<div class="utf_job_like">
<label class="toggler toggler-danger">
<input type="checkbox" checked>
<i class="fa fa-heart"></i>
</label>
</div>
<div class="u-content">
<div class="avatar box-80"> <a href="employer-detail.html"> <img class="img-responsive" src="assets/img/company_logo_3.png" alt=""> </a> </div>
<h5><a href="employer-detail.html">Custom Php Developer</a></h5>
<p class="text-muted">3765 C Street, Worcester</p>
</div>
<div class="utf_apply_job_btn_item"> <a href="job-detail.html" class="btn job-browse-btn btn-radius br-light">Apply Now</a> </div>
</div>
</div>
<!-- Single Job -->
<div class="col-md-3 col-sm-6">
<div class="utf_grid_job_widget_area"> <span class="job-type part-type">Part Time</span>
<div class="utf_job_like">
<label class="toggler toggler-danger">
<input type="checkbox">
<i class="fa fa-heart"></i>
</label>
</div>
<div class="u-content">
<div class="avatar box-80"> <a href="employer-detail.html"> <img class="img-responsive" src="assets/img/company_logo_4.png" alt=""> </a> </div>
<h5><a href="employer-detail.html">Wordpress Developer</a></h5>
<p class="text-muted">2719 Duff Avenue, Winooski</p>
</div>
<div class="utf_apply_job_btn_item"> <a href="job-detail.html" class="btn job-browse-btn btn-radius br-light">Apply Now</a> </div>
</div>
</div>
<!-- Single Job -->
<div class="col-md-3 col-sm-6">
<div class="utf_grid_job_widget_area"> <span class="job-type internship-type">Internship</span>
<div class="utf_job_like">
<label class="toggler toggler-danger">
<input type="checkbox" checked>
<i class="fa fa-heart"></i>
</label>
</div>
<div class="u-content">
<div class="avatar box-80"> <a href="employer-detail.html"> <img class="img-responsive" src="assets/img/company_logo_5.png" alt=""> </a> </div>
<h5><a href="employer-detail.html">Web Maintenence</a></h5>
<p class="text-muted">2708 Scenic Way, IL 62373</p>
</div>
<div class="utf_apply_job_btn_item"> <a href="job-detail.html" class="btn job-browse-btn btn-radius br-light">Apply Now</a> </div>
</div>
</div>
<!-- Single Job -->
<div class="col-md-3 col-sm-6">
<div class="utf_grid_job_widget_area"> <span class="job-type part-type">Part Time</span>
<div class="utf_job_like">
<label class="toggler toggler-danger">
<input type="checkbox">
<i class="fa fa-heart"></i>
</label>
</div>
<div class="u-content">
<div class="avatar box-80"> <a href="employer-detail.html"> <img class="img-responsive" src="assets/img/company_logo_6.png" alt=""> </a> </div>
<h5><a href="employer-detail.html">Photoshop Designer</a></h5>
<p class="text-muted">2865 Emma Street, Lubbock</p>
</div>
<div class="utf_apply_job_btn_item"> <a href="job-detail.html" class="btn job-browse-btn btn-radius br-light">Apply Now</a> </div>
</div>
</div>
<!-- Single Job -->
<div class="col-md-3 col-sm-6">
<div class="utf_grid_job_widget_area"> <span class="job-type full-type">Full Time</span>
<div class="utf_job_like">
<label class="toggler toggler-danger">
<input type="checkbox">
<i class="fa fa-heart"></i>
</label>
</div>
<div class="u-content">
<div class="avatar box-80"> <a href="employer-detail.html"> <img class="img-responsive" src="assets/img/company_logo_7.png" alt=""> </a> </div>
<h5><a href="employer-detail.html">HTML5 & CSS3 Coder</a></h5>
<p class="text-muted">2719 Burnside Avenue, Logan</p>
</div>
<div class="utf_apply_job_btn_item"> <a href="job-detail.html" class="btn job-browse-btn btn-radius br-light">Apply Now</a> </div>
</div>
</div>
<!-- Single Job -->
<div class="col-md-3 col-sm-6">
<div class="utf_grid_job_widget_area"> <span class="job-type part-type">Part Time</span>
<div class="utf_job_like">
<label class="toggler toggler-danger">
<input type="checkbox" checked>
<i class="fa fa-heart"></i>
</label>
</div>
<div class="u-content">
<div class="avatar box-80"> <a href="employer-detail.html"> <img class="img-responsive" src="assets/img/company_logo_8.png" alt=""> </a> </div>
<h5><a href="employer-detail.html">.Net Developer</a></h5>
<p class="text-muted">3815 Forest Drive, Alexandria</p>
</div>
<div class="utf_apply_job_btn_item"> <a href="job-detail.html" class="btn job-browse-btn btn-radius br-light">Apply Now</a> </div>
</div>
</div>
</div>
</div>
<!-- Featured Job -->
<div class="tab-pane fade" id="featured" role="tabpanel">
<div class="row">
<!-- Single Job -->
<div class="col-md-3 col-sm-6">
<div class="utf_grid_job_widget_area"> <span class="job-type full-type">Full Time</span>
<div class="utf_job_like">
<label class="toggler toggler-danger">
<input type="checkbox">
<i class="fa fa-heart"></i>
</label>
</div>
<div class="u-content">
<div class="avatar box-80"> <a href="employer-detail.html"> <img class="img-responsive" src="assets/img/company_logo_6.png" alt=""> </a> </div>
<h5><a href="employer-detail.html">.Net Developer</a></h5>
<p class="text-muted">2708 Scenic Way, IL 62373</p>
</div>
<div class="utf_apply_job_btn_item"> <a href="job-detail.html" class="btn job-browse-btn btn-radius br-light">Apply Now</a> </div>
</div>
</div>
<!-- Single Job -->
<div class="col-md-3 col-sm-6">
<div class="utf_grid_job_widget_area"> <span class="job-type full-type">Full Time</span>
<div class="utf_job_like">
<label class="toggler toggler-danger">
<input type="checkbox">
<i class="fa fa-heart"></i>
</label>
</div>
<div class="u-content">
<div class="avatar box-80"> <a href="employer-detail.html"> <img class="img-responsive" src="assets/img/company_logo_4.png" alt=""> </a> </div>
<h5><a href="employer-detail.html">Java Developer</a></h5>
<p class="text-muted">2708 Scenic Way, IL 62373</p>
</div>
<div class="utf_apply_job_btn_item"> <a href="job-detail.html" class="btn job-browse-btn btn-radius br-light">Apply Now</a> </div>
</div>
</div>
<!-- Single Job -->
<div class="col-md-3 col-sm-6">
<div class="utf_grid_job_widget_area"> <span class="job-type part-type">Full Time</span>
<div class="utf_job_like">
<label class="toggler toggler-danger">
<input type="checkbox">
<i class="fa fa-heart"></i>
</label>
</div>
<div class="u-content">
<div class="avatar box-80"> <a href="employer-detail.html"> <img class="img-responsive" src="assets/img/company_logo_5.png" alt=""> </a> </div>
<h5><a href="employer-detail.html">Web Maintenence</a></h5>
<p class="text-muted">3765 C Street, Worcester</p>
</div>
<div class="utf_apply_job_btn_item"> <a href="job-detail.html" class="btn job-browse-btn btn-radius br-light">Apply Now</a> </div>
</div>
</div>
<!-- Single Job -->
<div class="col-md-3 col-sm-6">
<div class="utf_grid_job_widget_area"> <span class="job-type part-type">Part Time</span>
<div class="utf_job_like">
<label class="toggler toggler-danger">
<input type="checkbox">
<i class="fa fa-heart"></i>
</label>
</div>
<div class="u-content">
<div class="avatar box-80"> <a href="employer-detail.html"> <img class="img-responsive" src="assets/img/company_logo_1.png" alt=""> </a> </div>
<h5><a href="employer-detail.html">Wordpress Developer</a></h5>
<p class="text-muted">2719 Duff Avenue, Winooski</p>
</div>
<div class="utf_apply_job_btn_item"> <a href="job-detail.html" class="btn job-browse-btn btn-radius br-light">Apply Now</a> </div>
</div>
</div>
<!-- Single Job -->
<div class="col-md-3 col-sm-6">
<div class="utf_grid_job_widget_area"> <span class="job-type internship-type">Internship</span>
<div class="utf_job_like">
<label class="toggler toggler-danger">
<input type="checkbox">
<i class="fa fa-heart"></i>
</label>
</div>
<div class="u-content">
<div class="avatar box-80"> <a href="employer-detail.html"> <img class="img-responsive" src="assets/img/company_logo_7.png" alt=""> </a> </div>
<h5><a href="employer-detail.html">Custom Php Developer</a></h5>
<p class="text-muted">2708 Scenic Way, IL 62373</p>
</div>
<div class="utf_apply_job_btn_item"> <a href="job-detail.html" class="btn job-browse-btn btn-radius br-light">Apply Now</a> </div>
</div>
</div>
<!-- Single Job -->
<div class="col-md-3 col-sm-6">
<div class="utf_grid_job_widget_area"> <span class="job-type part-type">Part Time</span>
<div class="utf_job_like">
<label class="toggler toggler-danger">
<input type="checkbox">
<i class="fa fa-heart"></i>
</label>
</div>
<div class="u-content">
<div class="avatar box-80"> <a href="employer-detail.html"> <img class="img-responsive" src="assets/img/company_logo_8.png" alt=""> </a> </div>
<h5><a href="employer-detail.html">New Product Mockup</a></h5>
<p class="text-muted">2865 Emma Street, Lubbock</p>
</div>
<div class="utf_apply_job_btn_item"> <a href="job-detail.html" class="btn job-browse-btn btn-radius br-light">Apply Now</a> </div>
</div>
</div>
<!-- Single Job -->
<div class="col-md-3 col-sm-6">
<div class="utf_grid_job_widget_area"> <span class="job-type full-type">Full Time</span>
<div class="utf_job_like">
<label class="toggler toggler-danger">
<input type="checkbox">
<i class="fa fa-heart"></i>
</label>
</div>
<div class="u-content">
<div class="avatar box-80"> <a href="employer-detail.html"> <img class="img-responsive" src="assets/img/company_logo_3.png" alt=""> </a> </div>
<h5><a href="employer-detail.html">Product Redesign</a></h5>
<p class="text-muted">2719 Burnside Avenue, Logan</p>
</div>
<div class="utf_apply_job_btn_item"> <a href="job-detail.html" class="btn job-browse-btn btn-radius br-light">Apply Now</a> </div>
</div>
</div>
<!-- Single Job -->
<div class="col-md-3 col-sm-6">
<div class="utf_grid_job_widget_area"> <span class="job-type part-type">Part Time</span>
<div class="utf_job_like">
<label class="toggler toggler-danger">
<input type="checkbox">
<i class="fa fa-heart"></i>
</label>
</div>
<div class="u-content">
<div class="avatar box-80"> <a href="employer-detail.html"> <img class="img-responsive" src="assets/img/company_logo_6.png" alt=""> </a> </div>
<h5><a href="employer-detail.html">Front End Designer</a></h5>
<p class="text-muted">3815 Forest Drive, Alexandria</p>
</div>
<div class="utf_apply_job_btn_item"> <a href="job-detail.html" class="btn job-browse-btn btn-radius br-light">Apply Now</a> </div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 mrg-top-20 text-center">
<a href="job-layout-one.html" class="btn theme-btn btn-m">Browse All Jobs</a>
</div>
</div>
</section>
<!-- ================= Category start ========================= -->
<section class="utf_job_category_area">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="heading">
<h2>Job Categories</h2>
<p>Lorem Ipsum is simply dummy text printing and type setting industry Lorem Ipsum been industry standard dummy text ever since when unknown printer took a galley.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="col-md-3 col-sm-6">
<a href="browse-job.html" title="">
<div class="utf_category_box_area">
<div class="utf_category_desc">
<div class="utf_category_icon"> <i class="icon-bargraph" aria-hidden="true"></i> </div>
<div class="category-detail utf_category_desc_text">
<h4>Web & Software Dev</h4>
<p>122 Jobs</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="browse-job.html" title="">
<div class="utf_category_box_area">
<div class="utf_category_desc">
<div class="utf_category_icon"> <i class="icon-tools" aria-hidden="true"></i> </div>
<div class="category-detail utf_category_desc_text">
<h4>Data Science & Analitycs</h4>
<p>155 Jobs</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="browse-job.html" title="">
<div class="utf_category_box_area">
<div class="utf_category_desc">
<div class="utf_category_icon"> <i class="ti-briefcase" aria-hidden="true"></i> </div>
<div class="category-detail utf_category_desc_text">
<h4>Accounting & Consulting</h4>
<p>300 Jobs</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="browse-job.html" title="">
<div class="utf_category_box_area">
<div class="utf_category_desc">
<div class="utf_category_icon"> <i class="ti-ruler-pencil" aria-hidden="true"></i> </div>
<div class="category-detail utf_category_desc_text">
<h4>Writing & Translations</h4>
<p>80 Jobs</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="browse-job.html" title="">
<div class="utf_category_box_area">
<div class="utf_category_desc">
<div class="utf_category_icon"> <i class="icon-briefcase" aria-hidden="true"></i> </div>
<div class="category-detail utf_category_desc_text">
<h4>Sales & Marketing</h4>
<p>120 Jobs</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="browse-job.html" title="">
<div class="utf_category_box_area">
<div class="utf_category_desc">
<div class="utf_category_icon"> <i class="icon-wine" aria-hidden="true"></i> </div>
<div class="category-detail utf_category_desc_text">
<h4>Graphics & Design</h4>
<p>78 Jobs</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="browse-job.html" title="">
<div class="utf_category_box_area">
<div class="utf_category_desc">
<div class="utf_category_icon"> <i class="ti-world" aria-hidden="true"></i> </div>
<div class="category-detail utf_category_desc_text">
<h4>Digital Marketing</h4>
<p>90 Jobs</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-3 col-sm-6">
<a href="browse-job.html" title="">
<div class="utf_category_box_area">
<div class="utf_category_desc">
<div class="utf_category_icon"> <i class="ti-desktop" aria-hidden="true"></i> </div>
<div class="category-detail utf_category_desc_text">
<h4>Education & Training</h4>
<p>210 Jobs</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-md-12 mrg-top-20 text-center">
<a href="browse-category.html" class="btn theme-btn btn-m">View All Category</a>
</div>
</div>
</div>
</div>
</section>
For more information, please visit http://getbootstrap.com/css/#grid
Modal Popup :-
<!-- Signup Code -->
<div class="modal fade" id="signin" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content" id="myModalLabel1">
<div class="modal-body">
<!-- Nav tabs -->
<ul class="nav nav-tabs nav-advance theme-bg" role="tablist">
<li class="nav-item active"> <a class="nav-link" data-toggle="tab" href="#employer" role="tab"> <i class="ti-user"></i> Job Seeker</a> </li>
<li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#candidate" role="tab"> <i class="ti-user"></i> Job Provider</a> </li>
</ul>
<!-- Nav tabs -->
<!-- Tab panels -->
<div class="tab-content">
<!-- Employer Panel 1-->
<div class="tab-pane fade in show active" id="employer" role="tabpanel">
<form>
<div class="form-group">
<input type="text" class="form-control" placeholder="Email Address">
</div>
<div class="form-group">
<input type="password" class="form-control" placeholder="Password">
</div>
<div class="form-group"> <span class="custom-checkbox">
<input type="checkbox" id="4">
<label for="4"></label>
Remember Me </span> <a href="#" title="Forget" class="fl-right">Forgot Password?</a>
</div>
<div class="form-group text-center">
<button type="button" class="btn theme-btn full-width btn-m">LogIn</button>
</div>
</form>
<div class="log-option"><span>OR</span></div>
<div class="row">
<div class="col-md-6"> <a href="#" title="" class="fb-log-btn log-btn"><i class="fa fa-facebook"></i> Facebook</a> </div>
<div class="col-md-6"> <a href="#" title="" class="gplus-log-btn log-btn"><i class="fa fa-google"></i> Google</a> </div>
</div>
</div>
<!--/.Panel 1-->
<!-- Candidate Panel 2-->
<div class="tab-pane fade" id="candidate" role="tabpanel">
<form>
<div class="form-group">
<input type="text" class="form-control" placeholder="Email Address">
</div>
<div class="form-group">
<input type="password" class="form-control" placeholder="Password">
</div>
<div class="form-group"> <span class="custom-checkbox">
<input type="checkbox" id="44">
<label for="44"></label>
Remember Me </span> <a href="#" title="Forget" class="fl-right">Forgot Password?</a>
</div>
<div class="form-group text-center">
<button type="button" class="btn theme-btn full-width btn-m">LogIn</button>
</div>
</form>
<div class="log-option"><span>OR</span></div>
<div class="row">
<div class="col-md-6"> <a href="#" title="" class="fb-log-btn log-btn"><i class="fa fa-facebook"></i> Facebook</a> </div>
<div class="col-md-6"> <a href="#" title="" class="gplus-log-btn log-btn"><i class="fa fa-google"></i> Google</a> </div>
</div>
</div>
</div>
<!-- Tab panels -->
</div>
</div>
</div>
</div>
Footer Structure :-
<!-- ================= footer start ========================= -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-4">
<a href="index.html"><img class="footer-logo" src="assets/img/logo.png" alt=""></a>
<p>Lorem Ipsum is simply dummy text of printing and type setting industry. Lorem Ipsum been industry standard dummy text ever since.</p>
<!-- Social Box -->
<div class="f-social-box">
<ul>
<li><a href="#"><i class="fa fa-facebook facebook-cl"></i></a></li>
<li><a href="#"><i class="fa fa-google google-plus-cl"></i></a></li>
<li><a href="#"><i class="fa fa-twitter twitter-cl"></i></a></li>
<li><a href="#"><i class="fa fa-instagram instagram-cl"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-9 col-sm-8">
<div class="row">
<div class="col-md-3 col-sm-6">
<h4>Job Categories</h4>
<ul>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Work from Home</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Internship Job</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Freelancer Job</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Part Time Job</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Full Time Job</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-6">
<h4>Job Type</h4>
<ul>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Create Account</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Career Counseling</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> My Oficiona</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> FAQ</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Report a Problem</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-6">
<h4>Resources</h4>
<ul>
<li><a href="#"><i class="fa fa-angle-double-right"></i> My Account</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Support</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> How It Works</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Underwriting</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Employers</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-6">
<h4>Quick Links</h4>
<ul>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Jobs Listing</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> About Us</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Contact Us</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Privacy Policy</a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> Term & Condition</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="copyright text-center">
<p>Copyright © 2021 All Rights Reserved.</p>
</div>
</div>
</div>
</div>
</footer>
Javascript Intialization :-
Core javascript initialization implemented in thorugh object as shown below. This approach enables an easy modular implementation to initialize jquery plugins and other application logics.
You can call any of the available functions by objects.
<!-- Jquery js--> <script src="assets/js/jquery.min.js"></script> <script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script> <script src="assets/plugins/bootstrap/js/bootsnav.js"></script> <script src="assets/js/viewportchecker.js"></script> <script src="assets/js/slick.js"></script> <script src="assets/plugins/bootstrap/js/wysihtml5-0.3.0.js"></script> <script src="assets/plugins/bootstrap/js/bootstrap-wysihtml5.js"></script> <script src="assets/plugins/aos-master/aos.js"></script> <script src="assets/plugins/nice-select/js/jquery.nice-select.min.js"></script> <script src="assets/js/custom.js"></script>
Source Credits :-
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist.
If you have a more general question relating to the themes on ThemeForest, basic HTML/CSS/JavaScript related questions, you might consider visiting the forums and asking your question in the "Item Discussion" section.
Best Regards
Escort