495 lines
26 KiB
HTML
495 lines
26 KiB
HTML
<!doctype html>
|
|
<html class="no-js" lang="zxx">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<title>Job board HTML-5 Template </title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="manifest" href="site.webmanifest">
|
|
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">
|
|
|
|
<!-- CSS here -->
|
|
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
|
|
<link rel="stylesheet" href="assets/css/flaticon.css">
|
|
<link rel="stylesheet" href="assets/css/price_rangs.css">
|
|
<link rel="stylesheet" href="assets/css/slicknav.css">
|
|
<link rel="stylesheet" href="assets/css/animate.min.css">
|
|
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
|
<link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
|
|
<link rel="stylesheet" href="assets/css/themify-icons.css">
|
|
<link rel="stylesheet" href="assets/css/slick.css">
|
|
<link rel="stylesheet" href="assets/css/nice-select.css">
|
|
<link rel="stylesheet" href="assets/css/style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Preloader Start -->
|
|
<div id="preloader-active">
|
|
<div class="preloader d-flex align-items-center justify-content-center">
|
|
<div class="preloader-inner position-relative">
|
|
<div class="preloader-circle"></div>
|
|
<div class="preloader-img pere-text">
|
|
<img src="assets/img/logo/logo.png" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Preloader Start -->
|
|
<header>
|
|
<!-- Header Start -->
|
|
<div class="header-area header-transparrent">
|
|
<div class="headder-top header-sticky">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-3 col-md-2">
|
|
<!-- Logo -->
|
|
<div class="logo">
|
|
<a href="index.html"><img src="assets/img/logo/logo.png" alt=""></a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-9 col-md-9">
|
|
<div class="menu-wrapper">
|
|
<!-- Main-menu -->
|
|
<div class="main-menu">
|
|
<nav class="d-none d-lg-block">
|
|
<ul id="navigation">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="job_listing.html">Find a Jobs </a></li>
|
|
<li><a href="about.html">About</a></li>
|
|
<li><a href="#">Page</a>
|
|
<ul class="submenu">
|
|
<li><a href="blog.html">Blog</a></li>
|
|
<li><a href="single-blog.html">Blog Details</a></li>
|
|
<li><a href="elements.html">Elements</a></li>
|
|
<li><a href="job_details.html">job Details</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="contact.html">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<!-- Header-btn -->
|
|
<div class="header-btn d-none f-right d-lg-block">
|
|
<a href="#" class="btn head-btn1">Register</a>
|
|
<a href="#" class="btn head-btn2">Login</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Mobile Menu -->
|
|
<div class="col-12">
|
|
<div class="mobile_menu d-block d-lg-none"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Header End -->
|
|
</header>
|
|
<main>
|
|
|
|
<!-- Hero Area Start-->
|
|
<div class="slider-area ">
|
|
<div class="single-slider section-overly slider-height2 d-flex align-items-center" data-background="assets/img/hero/about.jpg">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xl-12">
|
|
<div class="hero-cap text-center">
|
|
<h2>About us</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Hero Area End -->
|
|
<!-- Support Company Start-->
|
|
<div class="support-company-area fix section-padding2">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<div class="col-xl-6 col-lg-6">
|
|
<div class="right-caption">
|
|
<!-- Section Tittle -->
|
|
<div class="section-tittle section-tittle2">
|
|
<span>What we are doing</span>
|
|
<h2>24k Talented people are getting Jobs</h2>
|
|
</div>
|
|
<div class="support-caption">
|
|
<p class="pera-top">Mollit anim laborum duis au dolor in voluptate velit ess cillum dolore eu lore dsu quality mollit anim laborumuis au dolor in voluptate velit cillum.</p>
|
|
<p>Mollit anim laborum.Duis aute irufg dhjkolohr in re voluptate velit esscillumlore eu quife nrulla parihatur. Excghcepteur signjnt occa cupidatat non inulpadeserunt mollit aboru. temnthp incididbnt ut labore mollit anim laborum suis aute.</p>
|
|
<a href="about.html" class="btn post-btn">Post a job</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6 col-lg-6">
|
|
<div class="support-location-img">
|
|
<img src="assets/img/service/support-img.jpg" alt="">
|
|
<div class="support-img-cap text-center">
|
|
<p>Since</p>
|
|
<span>1994</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Support Company End-->
|
|
<!-- How Apply Process Start-->
|
|
<div class="apply-process-area apply-bg pt-150 pb-150" data-background="assets/img/gallery/how-applybg.png">
|
|
<div class="container">
|
|
<!-- Section Tittle -->
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="section-tittle white-text text-center">
|
|
<span>Apply process</span>
|
|
<h2> How it works</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Apply Process Caption -->
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="single-process text-center mb-30">
|
|
<div class="process-ion">
|
|
<span class="flaticon-search"></span>
|
|
</div>
|
|
<div class="process-cap">
|
|
<h5>1. Search a job</h5>
|
|
<p>Sorem spsum dolor sit amsectetur adipisclit, seddo eiusmod tempor incididunt ut laborea.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="single-process text-center mb-30">
|
|
<div class="process-ion">
|
|
<span class="flaticon-curriculum-vitae"></span>
|
|
</div>
|
|
<div class="process-cap">
|
|
<h5>2. Apply for job</h5>
|
|
<p>Sorem spsum dolor sit amsectetur adipisclit, seddo eiusmod tempor incididunt ut laborea.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4 col-md-6">
|
|
<div class="single-process text-center mb-30">
|
|
<div class="process-ion">
|
|
<span class="flaticon-tour"></span>
|
|
</div>
|
|
<div class="process-cap">
|
|
<h5>3. Get your job</h5>
|
|
<p>Sorem spsum dolor sit amsectetur adipisclit, seddo eiusmod tempor incididunt ut laborea.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- How Apply Process End-->
|
|
<!-- Testimonial Start -->
|
|
<div class="testimonial-area testimonial-padding">
|
|
<div class="container">
|
|
<!-- Testimonial contents -->
|
|
<div class="row d-flex justify-content-center">
|
|
<div class="col-xl-8 col-lg-8 col-md-10">
|
|
<div class="h1-testimonial-active dot-style">
|
|
<!-- Single Testimonial -->
|
|
<div class="single-testimonial text-center">
|
|
<!-- Testimonial Content -->
|
|
<div class="testimonial-caption ">
|
|
<!-- founder -->
|
|
<div class="testimonial-founder ">
|
|
<div class="founder-img mb-30">
|
|
<img src="assets/img/testmonial/testimonial-founder.png" alt="">
|
|
<span>Margaret Lawson</span>
|
|
<p>Creative Director</p>
|
|
</div>
|
|
</div>
|
|
<div class="testimonial-top-cap">
|
|
<p>“I am at an age where I just want to be fit and healthy our bodies are our responsibility! So start caring for your body and it will care for you. Eat clean it will care for you and workout hard.”</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Single Testimonial -->
|
|
<div class="single-testimonial text-center">
|
|
<!-- Testimonial Content -->
|
|
<div class="testimonial-caption ">
|
|
<!-- founder -->
|
|
<div class="testimonial-founder ">
|
|
<div class="founder-img mb-30">
|
|
<img src="assets/img/testmonial/testimonial-founder.png" alt="">
|
|
<span>Margaret Lawson</span>
|
|
<p>Creative Director</p>
|
|
</div>
|
|
</div>
|
|
<div class="testimonial-top-cap">
|
|
<p>“I am at an age where I just want to be fit and healthy our bodies are our responsibility! So start caring for your body and it will care for you. Eat clean it will care for you and workout hard.”</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Single Testimonial -->
|
|
<div class="single-testimonial text-center">
|
|
<!-- Testimonial Content -->
|
|
<div class="testimonial-caption ">
|
|
<!-- founder -->
|
|
<div class="testimonial-founder ">
|
|
<div class="founder-img mb-30">
|
|
<img src="assets/img/testmonial/testimonial-founder.png" alt="">
|
|
<span>Margaret Lawson</span>
|
|
<p>Creative Director</p>
|
|
</div>
|
|
</div>
|
|
<div class="testimonial-top-cap">
|
|
<p>“I am at an age where I just want to be fit and healthy our bodies are our responsibility! So start caring for your body and it will care for you. Eat clean it will care for you and workout hard.”</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Testimonial End -->
|
|
<!-- Online CV Area Start -->
|
|
<div class="online-cv cv-bg section-overly pt-90 pb-120" data-background="assets/img/gallery/cv_bg.jpg">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-xl-10">
|
|
<div class="cv-caption text-center">
|
|
<p class="pera1">FEATURED TOURS Packages</p>
|
|
<p class="pera2"> Make a Difference with Your Online Resume!</p>
|
|
<a href="#" class="border-btn2 border-btn4">Upload your cv</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Online CV Area End-->
|
|
|
|
<!-- Blog Area Start -->
|
|
<div class="home-blog-area blog-h-padding">
|
|
<div class="container">
|
|
<!-- Section Tittle -->
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="section-tittle text-center">
|
|
<span>Our latest blog</span>
|
|
<h2>Our recent news</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xl-6 col-lg-6 col-md-6">
|
|
<div class="home-blog-single mb-30">
|
|
<div class="blog-img-cap">
|
|
<div class="blog-img">
|
|
<img src="assets/img/blog/home-blog1.jpg" alt="">
|
|
<!-- Blog date -->
|
|
<div class="blog-date text-center">
|
|
<span>24</span>
|
|
<p>Now</p>
|
|
</div>
|
|
</div>
|
|
<div class="blog-cap">
|
|
<p>| Properties</p>
|
|
<h3><a href="single-blog.html">Footprints in Time is perfect House in Kurashiki</a></h3>
|
|
<a href="#" class="more-btn">Read more »</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6 col-lg-6 col-md-6">
|
|
<div class="home-blog-single mb-30">
|
|
<div class="blog-img-cap">
|
|
<div class="blog-img">
|
|
<img src="assets/img/blog/home-blog2.jpg" alt="">
|
|
<!-- Blog date -->
|
|
<div class="blog-date text-center">
|
|
<span>24</span>
|
|
<p>Now</p>
|
|
</div>
|
|
</div>
|
|
<div class="blog-cap">
|
|
<p>| Properties</p>
|
|
<h3><a href="single-blog.html">Footprints in Time is perfect House in Kurashiki</a></h3>
|
|
<a href="#" class="more-btn">Read more »</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Blog Area End -->
|
|
|
|
</main>
|
|
<footer>
|
|
<!-- Footer Start-->
|
|
<div class="footer-area footer-bg footer-padding">
|
|
<div class="container">
|
|
<div class="row d-flex justify-content-between">
|
|
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
|
|
<div class="single-footer-caption mb-50">
|
|
<div class="single-footer-caption mb-30">
|
|
<div class="footer-tittle">
|
|
<h4>About Us</h4>
|
|
<div class="footer-pera">
|
|
<p>Heaven frucvitful doesn't cover lesser dvsays appear creeping seasons so behold.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
|
|
<div class="single-footer-caption mb-50">
|
|
<div class="footer-tittle">
|
|
<h4>Contact Info</h4>
|
|
<ul>
|
|
<li>
|
|
<p>Address :Your address goes
|
|
here, your demo address.</p>
|
|
</li>
|
|
<li><a href="#">Phone : +8880 44338899</a></li>
|
|
<li><a href="#">Email : info@colorlib.com</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
|
|
<div class="single-footer-caption mb-50">
|
|
<div class="footer-tittle">
|
|
<h4>Important Link</h4>
|
|
<ul>
|
|
<li><a href="#"> View Project</a></li>
|
|
<li><a href="#">Contact Us</a></li>
|
|
<li><a href="#">Testimonial</a></li>
|
|
<li><a href="#">Proparties</a></li>
|
|
<li><a href="#">Support</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
|
|
<div class="single-footer-caption mb-50">
|
|
<div class="footer-tittle">
|
|
<h4>Newsletter</h4>
|
|
<div class="footer-pera footer-pera2">
|
|
<p>Heaven fruitful doesn't over lesser in days. Appear creeping.</p>
|
|
</div>
|
|
<!-- Form -->
|
|
<div class="footer-form" >
|
|
<div id="mc_embed_signup">
|
|
<form target="_blank" action="https://spondonit.us12.list-manage.com/subscribe/post?u=1462626880ade1ac87bd9c93a&id=92a4423d01"
|
|
method="get" class="subscribe_form relative mail_part">
|
|
<input type="email" name="email" id="newsletter-form-email" placeholder="Email Address"
|
|
class="placeholder hide-on-focus" onfocus="this.placeholder = ''"
|
|
onblur="this.placeholder = ' Email Address '">
|
|
<div class="form-icon">
|
|
<button type="submit" name="submit" id="newsletter-submit"
|
|
class="email_icon newsletter-submit button-contactForm"><img src="assets/img/icon/form.png" alt=""></button>
|
|
</div>
|
|
<div class="mt-10 info"></div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- -->
|
|
<div class="row footer-wejed justify-content-between">
|
|
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-6">
|
|
<!-- logo -->
|
|
<div class="footer-logo mb-20">
|
|
<a href="index.html"><img src="assets/img/logo/logo2_footer.png" alt=""></a>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
|
|
<div class="footer-tittle-bottom">
|
|
<span>5000+</span>
|
|
<p>Talented Hunter</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
|
|
<div class="footer-tittle-bottom">
|
|
<span>451</span>
|
|
<p>Talented Hunter</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-3 col-lg-3 col-md-4 col-sm-5">
|
|
<!-- Footer Bottom Tittle -->
|
|
<div class="footer-tittle-bottom">
|
|
<span>568</span>
|
|
<p>Talented Hunter</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- footer-bottom area -->
|
|
<div class="footer-bottom-area footer-bg">
|
|
<div class="container">
|
|
<div class="footer-border">
|
|
<div class="row d-flex justify-content-between align-items-center">
|
|
<div class="col-xl-10 col-lg-10 ">
|
|
<div class="footer-copy-right">
|
|
<p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
|
|
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
|
|
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-2 col-lg-2">
|
|
<div class="footer-social f-right">
|
|
<a href="#"><i class="fab fa-facebook-f"></i></a>
|
|
<a href="#"><i class="fab fa-twitter"></i></a>
|
|
<a href="#"><i class="fas fa-globe"></i></a>
|
|
<a href="#"><i class="fab fa-behance"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Footer End-->
|
|
</footer>
|
|
|
|
<!-- JS here -->
|
|
|
|
<!-- All JS Custom Plugins Link Here here -->
|
|
<script src="./assets/js/vendor/modernizr-3.5.0.min.js"></script>
|
|
<!-- Jquery, Popper, Bootstrap -->
|
|
<script src="./assets/js/vendor/jquery-1.12.4.min.js"></script>
|
|
<script src="./assets/js/popper.min.js"></script>
|
|
<script src="./assets/js/bootstrap.min.js"></script>
|
|
<!-- Jquery Mobile Menu -->
|
|
<script src="./assets/js/jquery.slicknav.min.js"></script>
|
|
|
|
<!-- Jquery Slick , Owl-Carousel Plugins -->
|
|
<script src="./assets/js/owl.carousel.min.js"></script>
|
|
<script src="./assets/js/slick.min.js"></script>
|
|
<script src="./assets/js/price_rangs.js"></script>
|
|
<!-- One Page, Animated-HeadLin -->
|
|
<script src="./assets/js/wow.min.js"></script>
|
|
<script src="./assets/js/animated.headline.js"></script>
|
|
<script src="./assets/js/jquery.magnific-popup.js"></script>
|
|
|
|
<!-- Scrollup, nice-select, sticky -->
|
|
<script src="./assets/js/jquery.scrollUp.min.js"></script>
|
|
<script src="./assets/js/jquery.nice-select.min.js"></script>
|
|
<script src="./assets/js/jquery.sticky.js"></script>
|
|
|
|
<!-- contact js -->
|
|
<script src="./assets/js/contact.js"></script>
|
|
<script src="./assets/js/jquery.form.js"></script>
|
|
<script src="./assets/js/jquery.validate.min.js"></script>
|
|
<script src="./assets/js/mail-script.js"></script>
|
|
<script src="./assets/js/jquery.ajaxchimp.min.js"></script>
|
|
|
|
<!-- Jquery Plugins, main Jquery -->
|
|
<script src="./assets/js/plugins.js"></script>
|
|
<script src="./assets/js/main.js"></script>
|
|
|
|
</body>
|
|
</html> |