ok
Mini Shell
<?php
include("header.php");
?>
<style>
.form-control {
padding: 15px 20px !important;
line-height: 24px !important;
}
@media only screen and (max-width: 400px){
section.section.section-categories.section-theme-1.pt-35.pt-md-50.pt-lg-75.pt-xl-95.pb-35.pb-md-50.pb-xl-75 {
padding-bottom: 25px !important;
padding-top: 25px !important;
}
/*.filters-sidebar-Head {*/
/* display: flex !important;*/
/*}*/
aside.filters-sidebar {
display: contents !important;
}
button.btn.btn-filters.filters-opener.d-lg-none {
display: none !important;
}
.section-theme-1 .filters-sidebar .filters-sidebar-Head {
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 35px;
background: #fff09d;
padding: 15px 20px;
margin-top: -5px;
margin-left: 40px;
margin-right: -17px;
margin-bottom: 20px;
width: 80%;
/* text-align: center !important; */
}
.section-theme-1 .filters-sidebar .filters-sidebar-Head .title {
width: 100%;
text-align: center;
}
.subvisual-block.subvisual-theme-1.bg-dark-green.d-flex.pt-60.pt-md-90.pt-lg-150.pb-30.text-white {
margin-top: 90px !important;
}
.subvisual-theme-1 .subvisual-textbox {
overflow: hidden;
padding-bottom: 0px;
}
header.page-subheader.mb-30.mb-md-40.d-lg-flex.align-items-center.justify-content-between {
margin-top: 25px;
margin-bottom: 10px !important;
}
h1.cv.text-center.w-100.pt-lg-100.pt-xl-100 { }
}
.subvisual-block.subvisual-theme-1.bg-dark-green.d-flex.pt-60.pt-md-90.pt-lg-150.pb-30.text-white {
margin-top: 50px;
padding-bottom: 0px !important;
}
</style>
<!-- Sub Visual of the page -->
<div class="subvisual-block subvisual-theme-1 bg-dark-green d-flex pt-60 pt-md-90 pt-lg-150 pb-30 text-white">
<div class="pattern-image"><img src="images/bg-pattern-overlay.jpg" width="1920" height="570" alt="Pattern"></div>
<div class="container position-relative text-center">
<div class="row">
<div class="col-12">
<div class="subvisual-textbox">
<h1>Job Board</h1>
<p>Job duties, job responsibilities, and skills required</p>
</div>
</div>
</div>
</div>
</div>
<!-- contain main informative part of the site -->
<main class="main">
<!-- Featured Jobs Section -->
<section class="section section-categories section-theme-1 pt-35 pt-md-50 pt-lg-75 pt-xl-95 pb-35 pb-md-50 pb-xl-75">
<div class="container">
<div class="row">
<div class="col-12 col-lg-12 col-xxl-12">
<!-- <div class="d-flex align-items-center justify-content-between d-lg-none mb-25 filters-head">
<h2 class="h5">Filters</h2>
<a href="#" class="filters-opener"><span></span></a>
</div> -->
<!-- Filters Sidebar -->
<aside class="filters-sidebar">
<button class="btn btn-filters filters-opener d-lg-none" type="button">
<span></span>
</button>
<div class="filters-sidebar-Head">
<strong class="title">Job List</strong>
<!--<a href="#" class="btn-clear"><i class="icon-plus"></i></a>-->
</div>
<div class="row">
<div class="col-md-3">
<a href="#" class="trending-categories-box">
<div class="icon">
<img src="images/line-icon02.png" width="56" height="56" alt="Marketing">
</div>
<div class="textbox">
<strong class="h6">Computer data Entery</strong>
<span class="subtext">Jobs</span>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="trending-categories-box">
<div class="icon">
<img src="images/food-icon.png" width="51" height="51" alt="Development">
</div>
<div class="textbox">
<strong class="h6">Delivery</strong>
<span class="subtext">Jobs</span>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="trending-categories-box">
<div class="icon">
<img src="images/tele.png" width="52" height="52" alt="Health and Care">
</div>
<div class="textbox">
<strong class="h6">Tele Calling</strong>
<span class="subtext">Jobs</span>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="trending-categories-box">
<div class="icon">
<img src="images/line-icon05.png" width="55" height="55" alt="Automotive">
</div>
<div class="textbox">
<strong class="h6">Driver</strong>
<span class="subtext">Jobs</span>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="trending-categories-box">
<div class="icon">
<img src="images/business.png" width="55" height="55" alt="Automotive">
</div>
<div class="textbox">
<strong class="h6">Business Development</strong>
<span class="subtext">Jobs</span>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="trending-categories-box">
<div class="icon">
<img src="images/operator.png" width="55" height="55" alt="Automotive">
</div>
<div class="textbox">
<strong class="h6">Machine Operator</strong>
<span class="subtext">Jobs</span>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="trending-categories-box">
<div class="icon">
<img src="images/hospitality.png" width="55" height="55" alt="Automotive">
</div>
<div class="textbox">
<strong class="h6">Hospitality</strong>
<span class="subtext">Jobs</span>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="trending-categories-box">
<div class="icon">
<img src="images/travel.png" width="55" height="55" alt="Automotive">
</div>
<div class="textbox">
<strong class="h6">Travel</strong>
<span class="subtext">Jobs</span>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="trending-categories-box">
<div class="icon">
<img src="images/design.png" width="55" height="55" alt="Automotive">
</div>
<div class="textbox">
<strong class="h6">Designing</strong>
<span class="subtext">Jobs</span>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="trending-categories-box">
<div class="icon">
<img src="images/account.png" width="55" height="55" alt="Automotive">
</div>
<div class="textbox">
<strong class="h6">Accounts and Finance</strong>
<span class="subtext">Jobs</span>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="trending-categories-box">
<div class="icon">
<img src="images/engineering.png" width="55" height="55" alt="Automotive">
</div>
<div class="textbox">
<strong class="h6">Engineering</strong>
<span class="subtext">Jobs</span>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="trending-categories-box">
<div class="icon">
<img src="images/it.png" width="55" height="55" alt="Automotive">
</div>
<div class="textbox">
<strong class="h6">IT</strong>
<span class="subtext">Jobs</span>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="trending-categories-box">
<div class="icon">
<img src="images/factory.png" width="55" height="55" alt="Automotive">
</div>
<div class="textbox">
<strong class="h6">Factory Work</strong>
<span class="subtext">Jobs</span>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="trending-categories-box">
<div class="icon">
<img src="images/news.png" width="55" height="55" alt="Automotive">
</div>
<div class="textbox">
<strong class="h6">News and Media</strong>
<span class="subtext">Jobs</span>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="trending-categories-box">
<div class="icon">
<img src="images/security.png" width="55" height="55" alt="Automotive">
</div>
<div class="textbox">
<strong class="h6">Security</strong>
<span class="subtext">Jobs</span>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="trending-categories-box">
<div class="icon">
<img src="images/teaching.png" width="55" height="55" alt="Automotive">
</div>
<div class="textbox">
<strong class="h6">Teaching</strong>
<span class="subtext">Jobs</span>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="trending-categories-box">
<div class="icon">
<img src="images/technician.png" width="55" height="55" alt="Automotive">
</div>
<div class="textbox">
<strong class="h6">Technician</strong>
<span class="subtext">Jobs</span>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="trending-categories-box">
<div class="icon">
<img src="images/supermarket.png" width="55" height="55" alt="Automotive">
</div>
<div class="textbox">
<strong class="h6">Supermarket</strong>
<span class="subtext">Jobs</span>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="trending-categories-box">
<div class="icon">
<img src="images/marketing.png" width="55" height="55" alt="Automotive">
</div>
<div class="textbox">
<strong class="h6">Marketing</strong>
<span class="subtext">Jobs</span>
</div>
</a>
</div>
<div class="col-md-3">
<a href="#" class="trending-categories-box">
<div class="icon">
<img src="images/hotel.png" width="55" height="55" alt="Automotive">
</div>
<div class="textbox" id="cv">
<strong class="h6">Hotel</strong>
<span class="subtext">Jobs</span>
</div>
</a>
</div>
</div>
</aside>
</div>
<div class="col-12 col-lg-12 col-xxl-12">
<!-- Page subheader -->
<div class="row justify-content-center">
<div class="col-12 col-md-12 col-xxl-12 mb-15 mb-md-20">
<!-- Job Card -->
<div class="row justify-content-between">
<div class="col-12 col-md-12 mb-40 mb-md-0">
<header class="page-subheader mb-30 mb-md-40 d-lg-flex align-items-center justify-content-between">
<h1 class="cv text-center w-100 pt-lg-100 pt-xl-100">Submit Your CV</h>
</header>
<!-- Contact Form -->
<form class="contac-form" id="sendMail" method="post" action="#" enctype="multipart/form-data" >
<div class="row">
<div class="col-12 col-md-6 col-lg-6 mb-15 mb-md-20 mb-lg-25">
<label for="job-type">Enter Your Name *</label>
<input class="form-control" type="text" name="sender_name" placeholder="Name" required>
</div>
<div class="col-12 col-md-6 col-lg-6 mb-15 mb-md-20 mb-lg-25">
<label for="phone_no">Enter Mobile No *</label>
<input class="form-control" type="number" name="phone_no" placeholder="Mobile No" required>
</div>
<div class="col-12 col-md-6 col-lg-6 mb-15 mb-md-20 mb-lg-25">
<label for="job-type">Enter Subject *</label>
<input class="form-control" type="text" name="subject" placeholder="Subect " required>
</div>
<div class="col-12 col-md-6 col-lg-6 mb-15 mb-md-20 mb-lg-25">
<label for="job-type">Enter Your Email *</label>
<input class="form-control" type="email" name="email" placeholder="Email" required>
</div>
<div class="col-12 col-md-6 col-lg-6 mb-15 mb-md-20 mb-lg-25">
<label for="job-type">Select Your form type * </label>
<select id="form_type" name="form_type" class="form-control select2" required>
<option value="candidate">Candidate</option>
<option value="employer">Employer</option>
</select>
</div>
<div class="col-12 col-md-6 col-lg-6 mb-15 mb-md-20 mb-lg-25">
<!--<label for="job-type">Select Job Type:</label>-->
<label for="job_type">Select Your Job type * </label>
<select id="job_type" name="job_type" class="form-control select2" required>
<option value="doctor">Doctor</option>
<option value="engineer">Engineer</option>
<option value="driver">Driver</option>
<option value="food_delivery">Food delivery</option>
<option value="marketing">Marketing</option>
<option value="pharmacy">Pharmacy</option>
</select>
</div>
<div class="col-12 col-md-6 col-lg-6 mb-15 mb-md-20 mb-lg-25">
<label for="attachment">Submit Your CV </label>
<input class="form-control" id="attachment" type="file" name="attachment" placeholder="Upload Your CV">
</div>
<div class="col-12 text-center">
<button class="btn btn-green btn-sm" type="submit" name="button"> <span class="btn-text">Submit</span></button>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- Job Card -->
</div>
<!-- Job Card -->
</div>
</div>
<!-- Pagination Block -->
</div>
</div>
</div>
</section>
</main>
<!-- footer of the page -->
<section class="section section-theme-1 section-downloads pt-35 pt-md-0 pb-50 pb-md-75 pb-lg-75 pb-xl-110 pb-xxl-150">
<div class="container">
<!-- Section header -->
<header class="section-header text-center mb-30 mb-md-40 mb-lg-50">
<h2>Download our mobile app</h2>
<p>Search through millions of jobs and find the right fit.<br> Simply swipe right to apply.</p>
</header>
<div class="app-buttons">
<a class="btn-app btn-play-store" href="demo-download.php" title="app will coming soon">
<div class="store-icon">
<img src="images/icon-play-store.png" width="28" height="30" alt="Google Play">
</div>
<div class="btn-text">
Download From <span>Google Play</span>
</div>
</a>
<!--<a class="btn-app btn-app-store" href="#">-->
<!-- <div class="store-icon">-->
<!-- <img src="images/icon-app-store.png" width="32" height="38" alt="App Store">-->
<!-- </div>-->
<!-- <div class="btn-text">-->
<!-- Download From <span>App Store</span>-->
<!-- </div>-->
<!--</a>-->
</div>
<div class="icon ico01"><img src="images/ico-app01.png" alt="Image Description"></div>
<!--<div class="icon ico02"><img src="images/ico-app02.png" alt="Image Description"></div>-->
<!--<div class="icon ico03"><img src="images/ico-app03.png" alt="Image Description"></div>-->
<div class="icon ico03"><img src="images/ico-app04.png" alt="Image Description"></div>
</div>
</section>
<style>
.col-md-3 {
padding-bottom: 10px;
}
</style>
<?php
include("footer.php");
?>
<script>
$('#sendMail').on('submit', function(e){
console.log("Click And Form Working");
e.preventDefault();
$('#loading-div').show();
$('#content-div').hide();
$('#final_submit').prop('disabled', true);
var formData = new FormData(this);
formData.append('type', 'send_mail');
$.ajax({
url: 'api/send_mail.php',
type: 'post',
dataType: 'json',
data: formData,
cache: false,
contentType: false,
processData: false,
enctype: 'multipart/form-data',
success: function (response) {
if(response['status']==200){
alert(response['message']);
$('#loading-div').hide();
$('#content-div').show();
}else{
alert(response['message']);
$('#loading-div').hide();
$('#content-div').show();
}
}
});
});
</script>
Zerion Mini Shell 1.0