Mini Shell
Mini Shell
| Direktori : /home2/selectio/public_html/tnpsctestbatch.com/ |
| Current File : /home2/selectio/public_html/tnpsctestbatch.com/index-5_fbf74e5.html |
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Original URL: https://thewebmax.org/jobzilla/index-5.html?theme=css/skin/skin-7
Date Downloaded: 31-08-2023 18:57:20 !-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- META -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<meta name="robots" content="" />
<meta name="description" content="" />
<!-- FAVICONS ICON -->
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" />
<!-- PAGE TITLE HERE -->
<title>Jobzilla Template | Home ____ Style 5 </title>
<!-- MOBILE SPECIFIC -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /><!-- BOOTSTRAP STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" /><!-- FONTAWESOME STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/feather.css" /><!-- FEATHER ICON SHEET -->
<link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css" /><!-- OWL CAROUSEL STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/magnific-popup.min.css" /><!-- MAGNIFIC POPUP STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/lc_lightbox.css" /><!-- Lc light box popup -->
<link rel="stylesheet" type="text/css" href="css/bootstrap-select.min.css" /><!-- BOOTSTRAP SLECT BOX STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/dataTables.bootstrap5.min.css" /><!-- DATA table STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/select.bootstrap5.min.css" /><!-- DASHBOARD select bootstrap STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/dropzone.css" /><!-- DROPZONE STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/scrollbar.css" /><!-- CUSTOM SCROLL BAR STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/datepicker.css" /><!-- DATEPICKER STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/flaticon.css" /> <!-- Flaticon -->
<link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css" /><!-- Swiper Slider -->
<link rel="stylesheet" type="text/css" href="css/style.css" /><!-- MAIN STYLE SHEET -->
<!-- THEME COLOR CHANGE STYLE SHEET -->
<link rel="stylesheet" class="skin" type="text/css" href="css/skins-type/skin-6.css" />
<!-- SIDE SWITCHER STYLE SHEET -->
<link rel="stylesheet" type="text/css" href="css/switcher.css" />
</head>
<body data-anm=".anm"><div style="z-index: 9999; position: fixed; width: 100%; border: 0px; padding: 5px; margin: 0px; background-color: transparent; font-size: 12pt; font-family: sans-serif;" id="web2disk_nag" onclick="javascript: document.getElementById('web2disk_nag').style.display = 'none';">
<div style="color: #000000; background-color:#F1F1F1; margin-left: auto; margin-right: auto; border-width: 2px; border-style: solid; width: 550px; ">
<div style="width: 100%; text-align: center; font-weight: bold; border: 0px; margin: 0px; padding: 0px">Hey, where did my words go? (Click to hide)</div>
<p>In the trial version of Web2Disk every fifth word is blanked out.
To copy this site with all the words, please upgrade to the full version and copy this website again.</p>
<div style="width: 100%; text-align: center; font-weight: bold; border: 0px; margin: 0px; padding: 0px">
<a href="http://www.inspyder.com/products/Web2Disk/">Inspyder Web2Disk: The Website Downloader</a>
</div>
</div>
</div>
<!-- LOADING AREA START ===== -->
<div class="loading-area">
<div class="loading-box"></div>
<div class="loading-pic">
<div class="wrapper">
<div class="cssload-loader"></div>
</div>
</div>
</div>
<!-- LOADING AREA END ====== -->
<div class="page-wraper">
<!--template buy button-->
<div class="buy-btn-wrap">
<div class="buy-btn-list">
<a href="javascript:;" id="all-demo-open" class="all-demos-view">All Demo </a>
<a href="https://themeforest.net/item/job-board-html-template/38681133" class="buy-now-btn">
<i class="fas fa-cart-plus"></i>Buy NoW
</a>
</div>
</div>
<!--template All demo button-->
<div class="twm-all-demo-list-wrap">
<div class="twm-all-demo-inner scrollbar-macosx">
<a href="javascript:;" class="all-demo-close"></a>
<ul class="twm-all-demo-list">
<li><a href="index.html"><img src="images/home-14/all-demo-pages/1.jpg" /></a></li>
<li><a href="index-2.html"><img src="images/home-14/all-demo-pages/2.jpg" /></a></li>
<li><a href="index-3.html"><img src="images/home-14/all-demo-pages/3.jpg" /></a></li>
<li><a href="index-4.html"><img src="images/home-14/all-demo-pages/4.jpg" /></a></li>
<li><a href="index-5.html"><img src="images/home-14/all-demo-pages/5.jpg" /></a></li>
<li><a href="index-6.html"><img src="images/home-14/all-demo-pages/6.jpg" /></a></li>
<li><a href="index-7.html"><img src="images/home-14/all-demo-pages/7.jpg" /></a></li>
<li><a href="index-8.html"><img src="images/home-14/all-demo-pages/8.jpg" /></a></li>
<li><a href="index-9.html"><img src="images/home-14/all-demo-pages/9.jpg" /></a></li>
<li><a href="index-10.html"><img src="images/home-14/all-demo-pages/10.jpg" /></a></li>
<li><a href="index-11.html"><img src="images/home-14/all-demo-pages/11.jpg" /></a></li>
<li><a href="index-12.html"><img src="images/home-14/all-demo-pages/12.jpg" /></a></li>
<li><a href="index-13.html"><img src="images/home-14/all-demo-pages/13.jpg" /></a></li>
<li><a href="index-14.html"><img src="images/home-14/all-demo-pages/14.jpg" /></a></li>
<li><a href="index-15.html"><img src="images/home-14/all-demo-pages/15.jpg" /></a></li>
<li><a href="index-16.html"><img src="images/home-14/all-demo-pages/16.jpg" /></a></li>
<li><a href="index-17.html"><img src="images/home-14/all-demo-pages/17.jpg" /></a></li>
<li><a href="index-18.html"><img src="images/home-14/all-demo-pages/18.jpg" /></a></li>
</ul>
</div>
</div>
<!-- HEADER START -->
<header class="site-header header-style-3 no-fixed mobile-sider-drawer-menu">
<div class="sticky-header main-bar-wraper navbar-expand-lg">
<div class="main-bar">
<div class="container-fluid clearfix">
<div class="logo-header">
<div class="logo-header-inner logo-header-one">
<a href="index.html">
<img src="images/logo-dark.png" alt="" />
</a>
</div>
</div>
<!-- NAV Toggle Button -->
<button id="mobile-side-drawer" data-target=".header-nav" data-toggle="collapse" type="button" class="navbar-toggler collapsed">
<span class="sr-only">Toggle navigation </span>
<span class="icon-bar icon-bar-first"></span>
<span class="icon-bar icon-bar-two"></span>
<span class="icon-bar icon-bar-three"></span>
</button>
<!-- MAIN Vav -->
<div class="nav-animation header-nav navbar-collapse collapse d-flex justify-content-center">
<ul class=" nav navbar-nav">
<li class="has-mega-menu"><a href="javascript:;">Home </a>
<ul class="mega-menu">
<li>
<ul>
<li><a href="index.html">Home-1 </a></li>
<li><a href="index-2.html">Home-2 </a></li>
<li><a href="index-3.html">Home-3 </a></li>
<li><a href="index-4.html">Home-4 </a></li>
<li><a href="index-5.html">Home-5 </a></li>
</ul>
</li>
<li>
<ul>
<li><a href="index-6.html">Home-6 </a></li>
<li><a href="index-7.html">Home-7 </a></li>
<li><a href="index-8.html">Home-8 </a></li>
<li><a href="index-9.html">Home-9 </a></li>
<li><a href="index-10.html">Home-10 </a></li>
</ul>
</li>
<li>
<ul>
<li><a href="index-11.html">Home-11 </a></li>
<li><a href="index-12.html">Home-12 </a></li>
<li><a href="index-13.html">Home-13 </a></li>
<li><a href="index-14.html">Home-14 </a></li>
<li><a href="index-15.html">Home-15 </a></li>
</ul>
</li>
<li>
<ul>
<li><a href="index-16.html">Home-16 </a></li>
<li><a href="index-17.html">Home-17 </a></li>
<li><a href="index-18.html">Home-18 </a></li>
</ul>
</li>
</ul>
</li>
<li class="has-child"><a href="javascript:;">Jobs </a>
<ul class="sub-menu">
<li><a href="job-grid.html">Jobs Grid </a></li>
<li><a href="job-grid-with-map.html">Jobs Grid with Map </a></li>
<li><a href="job-list.html">Jobs List </a></li>
<li class="has-child"><a href="javascript:;">Job Detail </a>
<ul class="sub-menu">
<li><a href="job-detail.html">Detail 1 </a>
</li><li><a href="job-detail-v2.html">Detail 2 </a>
</li></ul>
</li><li><a href="apply-job.html">Apply Jobs </a></li>
</ul>
<li class="has-child"><a href="javascript:;">Employers </a>
<ul class="sub-menu">
<li><a href="employer-grid.html">Employers Grid </a></li>
<li><a href="employer-list.html">Employers List </a></li>
<li class="has-child"><a href="javascript:;">Employers Detail </a>
<ul class="sub-menu">
<li><a href="employer-detail.html">Detail 1 </a>
</li><li><a href="employer-detail-v2.html">Detail 2 </a>
</li></ul>
</li><li><a href="employer-profile.html">Profile </a></li>
<li><a href="employer-resume.html">Resume </a></li>
<li><a href="employer-manage-jobs.html">Manage Jobs </a></li>
<li><a href="employer-post-job.html">Post A Jobs </a></li>
<li><a href="employer-transaction.html">Transaction </a></li>
<li><a href="candidate-grid.html">Browse Candidates </a></li>
<li><a href="employer-change-password.html">Change Password </a></li>
<li><a href="employer-account-fresher.html">Register Fresher </a></li>
<li><a href="employer-account-professional.html">Register Professionals </a></li>
</ul>
<li class="has-child"><a href="javascript:;">Pages </a>
<ul class="sub-menu">
<li><a href="about-1.html">About Us </a></li>
<li><a href="pricing.html">Pricing </a></li>
<li><a href="error-404.html">Error-404 </a></li>
<li><a href="faq.html">FAQ's </a></li>
<li><a href="contact.html">Contact Us </a></li>
<li><a href="under-maintenance.html">Under Maintenance </a></li>
<li><a href="coming-soon.html">Coming soon </a></li>
<li><a href="login.html">Login </a></li>
<li><a href="after-login.html">After Login </a></li>
<li><a href="icons.html">Icons </a></li>
</ul>
</li>
<li class="has-child"><a href="javascript:;">Candidates </a>
<ul class="sub-menu">
<li><a href="candidate-grid.html">Candidates Grid </a></li>
<li><a href="candidate-list.html">Candidates List </a></li>
<li class="has-child"><a href="javascript:;">Candidate Detail </a>
<ul class="sub-menu">
<li><a href="candidate-detail.html">Detail 1 </a>
</li><li><a href="candidate-detail-v2.html">Detail 2 </a>
</li></ul>
</li><li><a href="candidate-dashboard.html">Dashboard </a></li>
<li><a href="candidate-profile.html">My Pfofile </a></li>
<li><a href="candidate-jobs-applied.html">Applied Jobs </a></li>
<li><a href="candidate-my-resume.html">My Resume </a></li>
<li><a href="candidate-saved-jobs.html">Saved Jobs </a></li>
<li><a href="candidate-cv-manager.html">CV Manager </a></li>
<li><a href="candidate-job-alert.html">Job Alerts </a></li>
<li><a href="candidate-change-password.html">Change Passeord </a></li>
<li><a href="candidate-chat.html">Chat </a></li>
</ul>
<li class="has-child"><a href="javascript:;">Blog </a>
<ul class="sub-menu">
<li><a href="blog.html">Blog </a></li>
<li><a href="blog-grid.html">Blog Grid </a></li>
<li><a href="blog-grid-2.html">Blog Grid-2 </a></li>
<li><a href="blog-list.html">Blog List </a></li>
<li><a href="blog-single.html">Blog Detail </a></li>
</ul>
</li>
</li></li></li></ul>
</div>
<!-- Header Right Section-->
<div class="extra-nav header-2-nav">
<div class="extra-cell">
<div class="header-search">
<a href="#search" class="header-search-icon"><i class="feather-search"></i></a>
</div>
</div>
<div class="extra-cell">
<div class="header-nav-btn-section">
<div class="twm-nav-btn-left">
<a class="twm-nav-sign-up" data-bs-toggle="modal" href="#sign_up_popup" role="button">
<i class="feather-log-in"></i> Sign Up
</a>
</div>
<div class="twm-nav-btn-right">
<a href="dash-post-job.html" class="twm-nav-post-a-job">
<i class="feather-briefcase"></i> Post a job
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- SITE Search -->
<div id="search">
<span class="close"></span>
<form role="search" id="searchform" action="/search" method="get" class="radius-xl">
<input class="form-control" value="" name="q" type="search" placeholder="Type to search" />
<span class="input-group-append">
<button type="button" class="search-btn">
<i class="fa fa-paper-plane"></i>
</button>
</span>
</form>
</div>
</div>
</header>
<!-- HEADER END -->
<!-- CONTENT START -->
<div class="page-content">
<!--Banner Start-->
<div class="twm-home5-banner-section" style="background-image: url(images/home-5/slider/bg-1.jpg);">
<div class="row">
<!--Left Section-->
<div class="col-xl-6 col-lg-6 col-md-12 btm-bdr-banner">
<div class="twm-bnr-left-section">
<div class="twm-bnr-title-large">It’s Easy to Find ____ <span class="site-text-primary">Dream Job </span></div>
<div class="twm-bnr-discription">You dream job is _______ for you. </div>
<div class="twm-bnr-search-bar">
<form>
<div class="row">
<!--All Category-->
<div class="form-group col-xl-4 col-lg-12 col-md-12">
<label>Type </label>
<select class="wt-search-bar-select selectpicker" data-live-search="true" title="" id="j-All_Category" data-bv-field="size">
<option disabled="" selected="" value="" />Select Category
<option />All Category
<option />Web Designer
<option />Developer
<option />Acountant
</select>
</div>
<!--Location-->
<div class="form-group col-xl-5 col-lg-12 col-md-12">
<label>Location </label>
<div class="twm-inputicon-box">
<input name="username" type="text" required="" class="form-control" placeholder="Search..." />
<i class="twm-input-icon fas fa-map-marker-alt"></i>
</div>
</div>
<!--Find job btn-->
<div class="form-group col-xl-3 col-lg-6 col-md-6 col-sm-6">
<button type="button" class="site-button">Find Job </button>
</div>
</div>
</form>
</div>
<div class="twm-bnr-5-blocks">
<span class="twm-title">Our More Candidates </span>
<div class="twm-bnr-5-blocks-inner">
<div class="twm-pics">
<span><img src="images/main-slider/slider1/user/u-1.jpg" alt="" /></span>
<span><img src="images/main-slider/slider1/user/u-2.jpg" alt="" /></span>
<span><img src="images/main-slider/slider1/user/u-3.jpg" alt="" /></span>
<span><img src="images/main-slider/slider1/user/u-4.jpg" alt="" /></span>
<span><img src="images/main-slider/slider1/user/u-5.jpg" alt="" /></span>
<span><img src="images/main-slider/slider1/user/u-6.jpg" alt="" /></span>
</div>
<div class="twm-content">
<div class="tw-count-number text-clr-green">
<span class="counter">3 </span>K+
</div>
</div>
</div>
</div>
</div>
</div>
<!--right Section-->
<div class="col-xl-6 col-lg-6 col-md-12 twm-bnr-right-main">
<div class="twm-bnr-right-section anm">
<div class="twm-bnr-right-section-inner anm" data-wow-delay="1000ms" data-speed-x="2" data-speed-y="2">
<div class="twm-graphics-h5 twm-p1">
<img src="images/home-5/slider/r-pic1.png" alt="" />
</div>
<div class="twm-graphics-h5 twm-p2">
<img src="images/home-5/slider/r-pic2.png" alt="" />
</div>
<div class="twm-graphics-h5 twm-p3">
<img src="images/home-5/slider/r-pic3.png" alt="" />
</div>
<div class="twm-graphics-h5 twm-p4">
<img src="images/home-5/slider/r-pic4.png" alt="" />
</div>
</div>
</div>
<div class="twm-banner-h5-r-b-info">
<span>Your Latest Jobs </span>
<h3 class="twm-banner-h5-r-b-outline-text">
Find Jobs
</h3>
</div>
</div>
</div>
</div>
<!--Banner End-->
<!-- Jobs Category START -->
<div class="section-full p-t120 p-b90 site-bg-white job-categories-home-5-wrap twm-bdr-bottom-1">
<div class="container">
<!-- TITLE START-->
<div class="section-head center wt-small-separator-outer">
<div class="wt-small-separator site-text-primary">
<div>Browse By Category </div>
</div>
<h2 class="wt-title">Find the job that’s _______ for you. </h2>
</div>
<!-- TITLE END-->
</div>
<div class="section-content twm-jobs-grid-h5-section-outer">
<div class="twm-jobs-grid-h5-section overlay-wraper" style="background-image: url(images/home-5/cate-bg.jpg);">
<div class="overlay-main site-bg-primary opacity-09"></div>
<div class="swiper-container category-5-slider">
<div class="swiper-wrapper">
<!--1-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-1">
<div class="flaticon-deal"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Marketing & Sale </a>
<div class="twm-jobs-available">1526 Jobs Available </div>
</div>
</div>
</div>
<!--2-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-3">
<div class="flaticon-customer-support"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Customer Help </a>
<div class="twm-jobs-available">1526 Jobs Available </div>
</div>
</div>
</div>
<!--3-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-2">
<div class="flaticon-bars"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Finance </a>
<div class="twm-jobs-available">168 Jobs Available </div>
</div>
</div>
</div>
<!--4-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-4">
<div class="flaticon-dashboard"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Software </a>
<div class="twm-jobs-available">300 Jobs Available </div>
</div>
</div>
</div>
<!--5-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-1">
<div class="flaticon-hr"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Human Resource </a>
<div class="twm-jobs-available">125 Jobs Available </div>
</div>
</div>
</div>
<!--6-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-3">
<div class="flaticon-project-management"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Management </a>
<div class="twm-jobs-available">450 Jobs Available </div>
</div>
</div>
</div>
<!--7-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-2">
<div class="flaticon-user"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Retail & Products </a>
<div class="twm-jobs-available">95 Jobs Available </div>
</div>
</div>
</div>
<!--8-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-4">
<div class="flaticon-repair"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Security Analyst </a>
<div class="twm-jobs-available">35 Jobs Available </div>
</div>
</div>
</div>
<!--9-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-3">
<div class="flaticon-note"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Content Writer </a>
<div class="twm-jobs-available">200 Jobs Available </div>
</div>
</div>
</div>
<!--10-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-2">
<div class="flaticon-coding"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Market Research </a>
<div class="twm-jobs-available">140 Jobs Available </div>
</div>
</div>
</div>
<!--11-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-4">
<div class="flaticon-job"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Marketing & Sale </a>
<div class="twm-jobs-available">80 Jobs Available </div>
</div>
</div>
</div>
<!--12-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-1">
<div class="flaticon-hr-manager"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Customer Help </a>
<div class="twm-jobs-available">160 Jobs Available </div>
</div>
</div>
</div>
<!--13-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-3">
<div class="flaticon-deal"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Marketing & Sale </a>
<div class="twm-jobs-available">1526 Jobs Available </div>
</div>
</div>
</div>
<!--14-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-2">
<div class="flaticon-customer-support"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Customer Help </a>
<div class="twm-jobs-available">1526 Jobs Available </div>
</div>
</div>
</div>
<!--15-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-4">
<div class="flaticon-bars"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Finance </a>
<div class="twm-jobs-available">168 Jobs Available </div>
</div>
</div>
</div>
<!--16-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-1">
<div class="flaticon-dashboard"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Software </a>
<div class="twm-jobs-available">300 Jobs Available </div>
</div>
</div>
</div>
<!--17-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-3">
<div class="flaticon-hr"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Human Resource </a>
<div class="twm-jobs-available">125 Jobs Available </div>
</div>
</div>
</div>
<!--18-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-2">
<div class="flaticon-project-management"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Management </a>
<div class="twm-jobs-available">450 Jobs Available </div>
</div>
</div>
</div>
<!--19-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-4">
<div class="flaticon-user"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Retail & Products </a>
<div class="twm-jobs-available">95 Jobs Available </div>
</div>
</div>
</div>
<!--20-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-1">
<div class="flaticon-repair"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Security Analyst </a>
<div class="twm-jobs-available">35 Jobs Available </div>
</div>
</div>
</div>
<!--21-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-3">
<div class="flaticon-note"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Content Writer </a>
<div class="twm-jobs-available">200 Jobs Available </div>
</div>
</div>
</div>
<!--22-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-2">
<div class="flaticon-coding"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Market Research </a>
<div class="twm-jobs-available">140 Jobs Available </div>
</div>
</div>
</div>
<!--23-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-4">
<div class="flaticon-job"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Marketing & Sale </a>
<div class="twm-jobs-available">80 Jobs Available </div>
</div>
</div>
</div>
<!--24-->
<div class="swiper-slide">
<div class="job-categories-home-5">
<div class="twm-media cat-bg-clr-1">
<div class="flaticon-hr-manager"></div>
</div>
<div class="twm-content">
<a href="job-detail.html">Customer Help </a>
<div class="twm-jobs-available">160 Jobs Available </div>
</div>
</div>
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>
</div>
<!-- Recruiters END -->
<!-- Jobs START -->
<div class="section-full p-t120 p-b90 site-bg-white pos-relative twm-bdr-bottom-1">
<div class="container">
<!-- TITLE START-->
<div class="section-head center wt-small-separator-outer">
<div class="wt-small-separator site-text-primary">
<div>Job of the day </div>
</div>
<h2 class="wt-title">Connect with the right
candidates faster. </h2>
</div>
<!-- TITLE END-->
<div class="section-content">
<div class="twm-jobs-grid-h5-wrap">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="twm-jobs-st5 m-b30">
<div class="twm-jobs-amount">$500 <span>/ hour </span></div>
<div class="twm-job-st5-top">
<div class="twm-media">
<img src="images/home-5/jobs-company/pic1.jpg" alt="#" />
</div>
<div class="twm-com-info">
<p class="twm-job-address">New York, US </p>
<a href="https://themeforest.net/user/thewebmax/portfolio" class="twm-job-com-name site-text-primary">
Crystel Inc ___. Ltd.
</a>
</div>
</div>
<div class="twm-mid-content">
<a href="job-detail.html" class="twm-job-title">
<h4>UI / UX Designer ________ </h4>
</a>
<div class="twm-job-duration">
<ul>
<li>
<span class="twm-job-post-duration"><i class="fa fa-calendar-alt"></i>Fulltime </span>
</li>
<li>
<span class="twm-job-post-duration"><i class="far fa-clock"></i>4 Minutes ago </span>
</li>
</ul>
</div>
<p>Lorem Ipsum is simply _____ text of printing
and typesetting industry
</p>
</div>
<div class="twm-right-content">
<div class="twm-candi-thum-content">
<div class="twm-pics">
<span><img src="images/main-slider/slider2/user/u-1.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-2.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-3.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-4.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-5.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-6.jpg" alt="" /></span>
<div class="tot-view"><b>86 <i>+ </i></b></div>
</div>
</div>
<a href="job-detail.html" class="twm-jobs-browse site-text-primary">Apply Job </a>
</div>
<div class="twm-jobs-category outline">
<a href="javascript:;">AdobeXd </a>
<a href="javascript:;">Figma </a>
<a href="javascript:;">Photoshop </a>
<a href="javascript:;">Corel </a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="twm-jobs-st5 m-b30">
<div class="twm-jobs-amount">$250 <span>/ hour </span></div>
<div class="twm-job-st5-top">
<div class="twm-media">
<img src="images/home-5/jobs-company/pic2.jpg" alt="#" />
</div>
<div class="twm-com-info">
<p class="twm-job-address">New York, US </p>
<a href="https://themeforest.net/user/thewebmax/portfolio" class="twm-job-com-name site-text-primary">
Infosys BPM ___.
</a>
</div>
</div>
<div class="twm-mid-content">
<a href="job-detail.html" class="twm-job-title">
<h4>Full Stack Engineer </h4>
</a>
<div class="twm-job-duration">
<ul>
<li>
<span class="twm-job-post-duration"><i class="fa fa-calendar-alt"></i>Fulltime </span>
</li>
<li>
<span class="twm-job-post-duration"><i class="far fa-clock"></i>4 Minutes ago </span>
</li>
</ul>
</div>
<p>Lorem Ipsum is simply _____ text of printing
and typesetting industry
</p>
</div>
<div class="twm-right-content">
<div class="twm-candi-thum-content">
<div class="twm-pics">
<span><img src="images/main-slider/slider2/user/u-1.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-2.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-3.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-4.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-5.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-6.jpg" alt="" /></span>
<div class="tot-view"><b>50 <i>+ </i></b></div>
</div>
</div>
<a href="job-detail.html" class="twm-jobs-browse site-text-primary">Apply Job </a>
</div>
<div class="twm-jobs-category outline">
<a href="javascript:;">AdobeXd </a>
<a href="javascript:;">Figma </a>
<a href="javascript:;">Photoshop </a>
<a href="javascript:;">Corel </a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="twm-jobs-st5 m-b30">
<div class="twm-jobs-amount">$250 <span>/ hour </span></div>
<div class="twm-job-st5-top">
<div class="twm-media">
<img src="images/home-5/jobs-company/pic3.jpg" alt="#" />
</div>
<div class="twm-com-info">
<p class="twm-job-address">New York, US </p>
<a href="https://themeforest.net/user/thewebmax/portfolio" class="twm-job-com-name site-text-primary">
Accenture Plc
</a>
</div>
</div>
<div class="twm-mid-content">
<a href="job-detail.html" class="twm-job-title">
<h4>Frontend Developer </h4>
</a>
<div class="twm-job-duration">
<ul>
<li>
<span class="twm-job-post-duration"><i class="fa fa-calendar-alt"></i>Fulltime </span>
</li>
<li>
<span class="twm-job-post-duration"><i class="far fa-clock"></i>4 Minutes ago </span>
</li>
</ul>
</div>
<p>Lorem Ipsum is simply _____ text of printing
and typesetting industry
</p>
</div>
<div class="twm-right-content">
<div class="twm-candi-thum-content">
<div class="twm-pics">
<span><img src="images/main-slider/slider2/user/u-1.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-2.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-3.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-4.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-5.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-6.jpg" alt="" /></span>
<div class="tot-view"><b>200 <i>+ </i></b></div>
</div>
</div>
<a href="job-detail.html" class="twm-jobs-browse site-text-primary">Apply Job </a>
</div>
<div class="twm-jobs-category outline">
<a href="javascript:;">AdobeXd </a>
<a href="javascript:;">Figma </a>
<a href="javascript:;">Photoshop </a>
<a href="javascript:;">Corel </a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="twm-jobs-st5 m-b30">
<div class="twm-jobs-amount">$150 <span>/ hour </span></div>
<div class="twm-job-st5-top">
<div class="twm-media">
<img src="images/home-5/jobs-company/pic4.jpg" alt="#" />
</div>
<div class="twm-com-info">
<p class="twm-job-address">New York, US </p>
<a href="https://themeforest.net/user/thewebmax/portfolio" class="twm-job-com-name site-text-primary">
Infosys BPM ___.
</a>
</div>
</div>
<div class="twm-mid-content">
<a href="job-detail.html" class="twm-job-title">
<h4>Products Manager </h4>
</a>
<div class="twm-job-duration">
<ul>
<li>
<span class="twm-job-post-duration"><i class="fa fa-calendar-alt"></i>Fulltime </span>
</li>
<li>
<span class="twm-job-post-duration"><i class="far fa-clock"></i>4 Minutes ago </span>
</li>
</ul>
</div>
<p>Lorem Ipsum is simply _____ text of printing
and typesetting industry
</p>
</div>
<div class="twm-right-content">
<div class="twm-candi-thum-content">
<div class="twm-pics">
<span><img src="images/main-slider/slider2/user/u-1.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-2.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-3.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-4.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-5.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-6.jpg" alt="" /></span>
<div class="tot-view"><b>35 <i>+ </i></b></div>
</div>
</div>
<a href="job-detail.html" class="twm-jobs-browse site-text-primary">Apply Job </a>
</div>
<div class="twm-jobs-category outline">
<a href="javascript:;">AdobeXd </a>
<a href="javascript:;">Figma </a>
<a href="javascript:;">Photoshop </a>
<a href="javascript:;">Corel </a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="twm-jobs-st5 m-b30">
<div class="twm-jobs-amount">$299 <span>/ hour </span></div>
<div class="twm-job-st5-top">
<div class="twm-media">
<img src="images/home-5/jobs-company/pic5.jpg" alt="#" />
</div>
<div class="twm-com-info">
<p class="twm-job-address">New York, US </p>
<a href="https://themeforest.net/user/thewebmax/portfolio" class="twm-job-com-name site-text-primary">
Crystel Inc ___. Ltd.
</a>
</div>
</div>
<div class="twm-mid-content">
<a href="job-detail.html" class="twm-job-title">
<h4>React Native Web Developer </h4>
</a>
<div class="twm-job-duration">
<ul>
<li>
<span class="twm-job-post-duration"><i class="fa fa-calendar-alt"></i>Fulltime </span>
</li>
<li>
<span class="twm-job-post-duration"><i class="far fa-clock"></i>4 Minutes ago </span>
</li>
</ul>
</div>
<p>Lorem Ipsum is simply _____ text of printing
and typesetting industry
</p>
</div>
<div class="twm-right-content">
<div class="twm-candi-thum-content">
<div class="twm-pics">
<span><img src="images/main-slider/slider2/user/u-1.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-2.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-3.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-4.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-5.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-6.jpg" alt="" /></span>
<div class="tot-view"><b>500 <i>+ </i></b></div>
</div>
</div>
<a href="job-detail.html" class="twm-jobs-browse site-text-primary">Apply Job </a>
</div>
<div class="twm-jobs-category outline">
<a href="javascript:;">AdobeXd </a>
<a href="javascript:;">Figma </a>
<a href="javascript:;">Photoshop </a>
<a href="javascript:;">Corel </a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="twm-jobs-st5 m-b30">
<div class="twm-jobs-amount">$500 <span>/ hour </span></div>
<div class="twm-job-st5-top">
<div class="twm-media">
<img src="images/home-5/jobs-company/pic6.jpg" alt="#" />
</div>
<div class="twm-com-info">
<p class="twm-job-address">New York, US </p>
<a href="https://themeforest.net/user/thewebmax/portfolio" class="twm-job-com-name site-text-primary">
Accenture Plc
</a>
</div>
</div>
<div class="twm-mid-content">
<a href="job-detail.html" class="twm-job-title">
<h4>Lead Quality Control QA </h4>
</a>
<div class="twm-job-duration">
<ul>
<li>
<span class="twm-job-post-duration"><i class="fa fa-calendar-alt"></i>Fulltime </span>
</li>
<li>
<span class="twm-job-post-duration"><i class="far fa-clock"></i>4 Minutes ago </span>
</li>
</ul>
</div>
<p>Lorem Ipsum is simply _____ text of printing
and typesetting industry
</p>
</div>
<div class="twm-right-content">
<div class="twm-candi-thum-content">
<div class="twm-pics">
<span><img src="images/main-slider/slider2/user/u-1.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-2.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-3.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-4.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-5.jpg" alt="" /></span>
<span><img src="images/main-slider/slider2/user/u-6.jpg" alt="" /></span>
<div class="tot-view"><b>1K <i>+ </i></b></div>
</div>
</div>
<a href="job-detail.html" class="twm-jobs-browse site-text-primary">Apply Job </a>
</div>
<div class="twm-jobs-category outline">
<a href="javascript:;">AdobeXd </a>
<a href="javascript:;">Figma </a>
<a href="javascript:;">Photoshop </a>
<a href="javascript:;">Corel </a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="twm-bg-shape5-left"></div>
</div>
<!-- Recruiters END -->
<!-- ABOUT SECTION START -->
<div class="section-full p-t120 p-b0 site-bg-white twm-millions-1-area pos-relative">
<div class="container">
<div class="twm-millions-section-wrap">
<div class="row">
<div class="col-lg-7 col-md-12">
<div class="twm-millions-1-section">
<div class="twm-media">
<img src="images/home-5/millions-jobs/main-pic.png" alt="" />
<div class="twm-circle-jobs-wrap">
<!--1-->
<div class="twm-circle-jobs-box one bounce2">
<div class="twm-circle-job-pics">
<img src="images/home-5/millions-jobs/company-1.png" alt="#" />
</div>
</div>
<!--2-->
<div class="twm-circle-jobs-box two bounce">
<div class="twm-circle-job-pics">
<img src="images/home-5/millions-jobs/company-2.png" alt="#" />
</div>
</div>
<!--3-->
<div class="twm-circle-jobs-box three bounce2">
<div class="twm-circle-job-pics">
<img src="images/home-5/millions-jobs/company-3.png" alt="#" />
</div>
</div>
<!--4-->
<div class="twm-circle-jobs-box four bounce">
<div class="twm-circle-job-pics">
<img src="images/home-5/millions-jobs/company-4.png" alt="#" />
</div>
</div>
<!--5-->
<div class="twm-circle-jobs-box five bounce2">
<div class="twm-circle-job-pics">
<img src="images/home-5/millions-jobs/company-5.png" alt="#" />
</div>
</div>
<!--6-->
<div class="twm-circle-jobs-box six bounce">
<div class="twm-circle-job-pics">
<img src="images/home-5/millions-jobs/company-6.png" alt="#" />
</div>
</div>
</div>
</div>
<div class="twm-bg-circle-pic">
<img src="images/home-5/millions-jobs/bg-circle.png" alt="#" />
</div>
</div>
</div>
<div class="col-lg-5 col-md-12">
<div class="twm-millions-1-section-right">
<!-- TITLE START-->
<div class="section-head left wt-small-separator-outer">
<div class="wt-small-separator site-text-primary">
<div>Millions of Jobs </div>
</div>
<h2 class="wt-title">
____ The One That’s Right ___ You </h2>
<p>You need to create __ account to find the ____ and preferred job. lorem
Ipsum is ______ dummy text of the ________ and typesetting industry
the standard dummy ____ ever since took.
</p>
</div>
<!-- TITLE END-->
<div class="twm-avail-jobs">
<span>45 + </span> Jobs Available
</div>
<div class="twm-read-more cplumn-2">
<a href="about-1.html" class="site-button">Search Jobs </a>
<a href="about-1.html" class="site-button-link underline">Learn More </a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="twm-bg-shape5"></div>
</div>
<!-- ABOUT SECTION END -->
<!-- Counter SECTION START -->
<div class="section-full p-t0 p-b0 site-bg-white twm-counter-page-5-wrap">
<div class="container">
<div class="twm-company-approch5-outer">
<div class="twm-company-approch5" style="background-image: url(images/home-5/ctr-bg.jpg);">
<div class="row">
<!--block 1-->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="counter-outer-two">
<div class="icon-content">
<div class="tw-count-number site-text-white">
<span class="counter">25 </span>k+ </div>
<p class="icon-content-info">Completed Cases </p>
</div>
</div>
</div>
<!--block 2-->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="counter-outer-two">
<div class="icon-content">
<div class="tw-count-number site-text-white">
<span class="counter">17 </span>+ </div>
<p class="icon-content-info">Our Office </p>
</div>
</div>
</div>
<!--block 3-->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="counter-outer-two">
<div class="icon-content">
<div class="tw-count-number site-text-white">
<span class="counter">86 </span>+ </div>
<p class="icon-content-info">Skilled People </p>
</div>
</div>
</div>
<!--block 4-->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="counter-outer-two">
<div class="icon-content">
<div class="tw-count-number site-text-white">
<span class="counter">28 </span>+ </div>
<p class="icon-content-info">Happy Client </p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Counter SECTION END -->
<!-- Recruiters START -->
<div class="section-full p-t120 p-b90 site-bg-white">
<div class="container">
<!-- TITLE START-->
<div class="section-head center wt-small-separator-outer">
<div class="wt-small-separator site-text-primary">
<div>Top Recruiters </div>
</div>
<h2 class="wt-title">Discover your next
career move </h2>
</div>
<!-- TITLE END-->
<div class="section-content">
<div class="twm-recruiters5-wrap">
<div class="twm-column-5 m-b30">
<ul>
<!--1-->
<li>
<div class="twm-recruiters5-box">
<div class="twm-rec-top">
<div class="twm-rec-media">
<img src="images/home-5/recruiters/1.jpg" alt="#" />
</div>
<div class="twm-rec-jobs">25 Jobs </div>
</div>
<div class="twm-rec-content">
<h4 class="twm-title"><a href="job-list.html">LinkedIn </a></h4>
<div class="twm-rec-rating-wrap">
<div class="twm-rec-rating">
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
</div>
<div class="twm-rec-rating-count">(68) </div>
</div>
<div class="twm-job-address"><i class="feather-map-pin"></i>New York, US </div>
</div>
</div>
</li>
<!--2-->
<li>
<div class="twm-recruiters5-box">
<div class="twm-rec-top">
<div class="twm-rec-media">
<img src="images/home-5/recruiters/2.jpg" alt="#" />
</div>
<div class="twm-rec-jobs">25 Jobs </div>
</div>
<div class="twm-rec-content">
<h4 class="twm-title"><a href="job-list.html">Apple Inc. </a></h4>
<div class="twm-rec-rating-wrap">
<div class="twm-rec-rating">
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
</div>
<div class="twm-rec-rating-count">(68) </div>
</div>
<div class="twm-job-address"><i class="feather-map-pin"></i>New York, US </div>
</div>
</div>
</li>
<!--3-->
<li>
<div class="twm-recruiters5-box">
<div class="twm-rec-top">
<div class="twm-rec-media">
<img src="images/home-5/recruiters/3.jpg" alt="#" />
</div>
<div class="twm-rec-jobs">25 Jobs </div>
</div>
<div class="twm-rec-content">
<h4 class="twm-title"><a href="job-list.html">Saudi Aramco </a></h4>
<div class="twm-rec-rating-wrap">
<div class="twm-rec-rating">
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
</div>
<div class="twm-rec-rating-count">(68) </div>
</div>
<div class="twm-job-address"><i class="feather-map-pin"></i>New York, US </div>
</div>
</div>
</li>
<!--4-->
<li>
<div class="twm-recruiters5-box">
<div class="twm-rec-top">
<div class="twm-rec-media">
<img src="images/home-5/recruiters/4.jpg" alt="#" />
</div>
<div class="twm-rec-jobs">25 Jobs </div>
</div>
<div class="twm-rec-content">
<h4 class="twm-title"><a href="job-list.html">Alphabet Inc. </a></h4>
<div class="twm-rec-rating-wrap">
<div class="twm-rec-rating">
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
</div>
<div class="twm-rec-rating-count">(68) </div>
</div>
<div class="twm-job-address"><i class="feather-map-pin"></i>New York, US </div>
</div>
</div>
</li>
<!--5-->
<li>
<div class="twm-recruiters5-box">
<div class="twm-rec-top">
<div class="twm-rec-media">
<img src="images/home-5/recruiters/5.jpg" alt="#" />
</div>
<div class="twm-rec-jobs">25 Jobs </div>
</div>
<div class="twm-rec-content">
<h4 class="twm-title"><a href="job-list.html">Amazon.com Inc. </a></h4>
<div class="twm-rec-rating-wrap">
<div class="twm-rec-rating">
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
</div>
<div class="twm-rec-rating-count">(68) </div>
</div>
<div class="twm-job-address"><i class="feather-map-pin"></i>New York, US </div>
</div>
</div>
</li>
<!--6-->
<li>
<div class="twm-recruiters5-box">
<div class="twm-rec-top">
<div class="twm-rec-media">
<img src="images/home-5/recruiters/6.jpg" alt="#" />
</div>
<div class="twm-rec-jobs">25 Jobs </div>
</div>
<div class="twm-rec-content">
<h4 class="twm-title"><a href="job-list.html">Tesla Inc. </a></h4>
<div class="twm-rec-rating-wrap">
<div class="twm-rec-rating">
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
</div>
<div class="twm-rec-rating-count">(68) </div>
</div>
<div class="twm-job-address"><i class="feather-map-pin"></i>New York, US </div>
</div>
</div>
</li>
<!--7-->
<li>
<div class="twm-recruiters5-box">
<div class="twm-rec-top">
<div class="twm-rec-media">
<img src="images/home-5/recruiters/7.jpg" alt="#" />
</div>
<div class="twm-rec-jobs">25 Jobs </div>
</div>
<div class="twm-rec-content">
<h4 class="twm-title"><a href="job-list.html">NVIDIA Corp. </a></h4>
<div class="twm-rec-rating-wrap">
<div class="twm-rec-rating">
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
</div>
<div class="twm-rec-rating-count">(68) </div>
</div>
<div class="twm-job-address"><i class="feather-map-pin"></i>New York, US </div>
</div>
</div>
</li>
<!--8-->
<li>
<div class="twm-recruiters5-box">
<div class="twm-rec-top">
<div class="twm-rec-media">
<img src="images/home-5/recruiters/8.jpg" alt="#" />
</div>
<div class="twm-rec-jobs">25 Jobs </div>
</div>
<div class="twm-rec-content">
<h4 class="twm-title"><a href="job-list.html">Hathaway Inc. </a></h4>
<div class="twm-rec-rating-wrap">
<div class="twm-rec-rating">
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
</div>
<div class="twm-rec-rating-count">(68) </div>
</div>
<div class="twm-job-address"><i class="feather-map-pin"></i>New York, US </div>
</div>
</div>
</li>
<!--9-->
<li>
<div class="twm-recruiters5-box">
<div class="twm-rec-top">
<div class="twm-rec-media">
<img src="images/home-5/recruiters/9.jpg" alt="#" />
</div>
<div class="twm-rec-jobs">25 Jobs </div>
</div>
<div class="twm-rec-content">
<h4 class="twm-title"><a href="job-list.html">NVIDIA Corp </a></h4>
<div class="twm-rec-rating-wrap">
<div class="twm-rec-rating">
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
</div>
<div class="twm-rec-rating-count">(68) </div>
</div>
<div class="twm-job-address"><i class="feather-map-pin"></i>New York, US </div>
</div>
</div>
</li>
<!--10-->
<li>
<div class="twm-recruiters5-box">
<div class="twm-rec-top">
<div class="twm-rec-media">
<img src="images/home-5/recruiters/10.jpg" alt="#" />
</div>
<div class="twm-rec-jobs">25 Jobs </div>
</div>
<div class="twm-rec-content">
<h4 class="twm-title"><a href="job-list.html">Meta Platforms </a></h4>
<div class="twm-rec-rating-wrap">
<div class="twm-rec-rating">
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
</div>
<div class="twm-rec-rating-count">(68) </div>
</div>
<div class="twm-job-address"><i class="feather-map-pin"></i>New York, US </div>
</div>
</div>
</li>
<!--11-->
<li>
<div class="twm-recruiters5-box">
<div class="twm-rec-top">
<div class="twm-rec-media">
<img src="images/home-5/recruiters/11.jpg" alt="#" />
</div>
<div class="twm-rec-jobs">25 Jobs </div>
</div>
<div class="twm-rec-content">
<h4 class="twm-title"><a href="job-list.html">Youtube </a></h4>
<div class="twm-rec-rating-wrap">
<div class="twm-rec-rating">
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
</div>
<div class="twm-rec-rating-count">(68) </div>
</div>
<div class="twm-job-address"><i class="feather-map-pin"></i>New York, US </div>
</div>
</div>
</li>
<!--12-->
<li>
<div class="twm-recruiters5-box">
<div class="twm-rec-top">
<div class="twm-rec-media">
<img src="images/home-5/recruiters/12.jpg" alt="#" />
</div>
<div class="twm-rec-jobs">25 Jobs </div>
</div>
<div class="twm-rec-content">
<h4 class="twm-title"><a href="job-list.html">Instagram </a></h4>
<div class="twm-rec-rating-wrap">
<div class="twm-rec-rating">
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
</div>
<div class="twm-rec-rating-count">(68) </div>
</div>
<div class="twm-job-address"><i class="feather-map-pin"></i>New York, US </div>
</div>
</div>
</li>
<!--13-->
<li>
<div class="twm-recruiters5-box">
<div class="twm-rec-top">
<div class="twm-rec-media">
<img src="images/home-5/recruiters/13.jpg" alt="#" />
</div>
<div class="twm-rec-jobs">25 Jobs </div>
</div>
<div class="twm-rec-content">
<h4 class="twm-title"><a href="job-list.html">McKesson </a></h4>
<div class="twm-rec-rating-wrap">
<div class="twm-rec-rating">
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
</div>
<div class="twm-rec-rating-count">(68) </div>
</div>
<div class="twm-job-address"><i class="feather-map-pin"></i>New York, US </div>
</div>
</div>
</li>
<!--14-->
<li>
<div class="twm-recruiters5-box">
<div class="twm-rec-top">
<div class="twm-rec-media">
<img src="images/home-5/recruiters/14.jpg" alt="#" />
</div>
<div class="twm-rec-jobs">25 Jobs </div>
</div>
<div class="twm-rec-content">
<h4 class="twm-title"><a href="job-list.html">Foxconn </a></h4>
<div class="twm-rec-rating-wrap">
<div class="twm-rec-rating">
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
</div>
<div class="twm-rec-rating-count">(68) </div>
</div>
<div class="twm-job-address"><i class="feather-map-pin"></i>New York, US </div>
</div>
</div>
</li>
<!--15-->
<li>
<div class="twm-recruiters5-box">
<div class="twm-rec-top">
<div class="twm-rec-media">
<img src="images/home-5/recruiters/15.jpg" alt="#" />
</div>
<div class="twm-rec-jobs">25 Jobs </div>
</div>
<div class="twm-rec-content">
<h4 class="twm-title"><a href="job-list.html">Microsoft </a></h4>
<div class="twm-rec-rating-wrap">
<div class="twm-rec-rating">
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
</div>
<div class="twm-rec-rating-count">(68) </div>
</div>
<div class="twm-job-address"><i class="feather-map-pin"></i>New York, US </div>
</div>
</div>
</li>
</ul>
</div>
<div class="text-center m-b30">
<a href="job-list.html" class=" site-button">View All </a>
</div>
</div>
</div>
</div>
</div>
<!-- Recruiters END -->
<!-- FEATURED Cities SECTION START -->
<div class="section-full p-t120 pos-relative site-bg-white twm-featured-city-area">
<div class="twm-bg-section-box"></div>
<div class="container">
<!-- TITLE START-->
<div class="wt-separator-two-part content-white">
<div class="row wt-separator-two-part-row">
<div class="col-xl-5 col-lg-5 col-md-12 wt-separator-two-part-left">
<!-- TITLE START-->
<div class="section-head left wt-small-separator-outer">
<div class="wt-small-separator site-text-primary">
<div>Jobs by location </div>
</div>
<h2 class="wt-title">Find your favourite jobs ___ get. </h2>
</div>
<!-- TITLE END-->
</div>
<div class="col-xl-7 col-lg-7 col-md-12 wt-separator-two-part-right text-right">
<a href="job-list.html" class=" site-button white">View All Locations </a>
</div>
</div>
</div>
<!-- TITLE END-->
<div class="twm-featured-city2-section">
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="twm-featured-city2">
<div class="twm-media" style="background-image:url(images/home-5/featured-cities/city1.jpg);">
</div>
<div class="twm-city-info">
<h4 class="twm-title"><a href="job-list.html">London, England </a></h4>
<div class="twm-city-jobs">125 Jobs </div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="twm-featured-city2">
<div class="twm-media" style="background-image:url(images/home-5/featured-cities/city2.jpg);">
</div>
<div class="twm-city-info">
<h4 class="twm-title"><a href="job-list.html">Paris, France </a></h4>
<div class="twm-city-jobs">260 Jobs </div>
</div>
</div>
</div>
<div class="col-xl-5 col-lg-4 col-md-6">
<div class="twm-featured-city2">
<div class="twm-media" style="background-image:url(images/home-5/featured-cities/city3.jpg);">
</div>
<div class="twm-city-info">
<h4 class="twm-title"><a href="job-list.html">New York, USA </a></h4>
<div class="twm-city-jobs">300 Jobs </div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="twm-featured-city2">
<div class="twm-media" style="background-image:url(images/home-5/featured-cities/city4.jpg);">
</div>
<div class="twm-city-info">
<h4 class="twm-title"><a href="job-list.html">Bankok, Thailand </a></h4>
<div class="twm-city-jobs">2k Jobs </div>
</div>
</div>
</div>
<div class="col-xl-5 col-lg-4 col-md-6">
<div class="twm-featured-city2">
<div class="twm-media" style="background-image:url(images/home-5/featured-cities/city5.jpg);">
</div>
<div class="twm-city-info">
<h4 class="twm-title"><a href="job-list.html">Helsinki , Finland </a></h4>
<div class="twm-city-jobs">1.5k Jobs </div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="twm-featured-city2">
<div class="twm-media" style="background-image:url(images/home-5/featured-cities/city6.jpg);">
</div>
<div class="twm-city-info">
<h4 class="twm-title"><a href="job-list.html">Berlin, Germany </a></h4>
<div class="twm-city-jobs">700 Jobs </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- FEATURED SECTION END -->
<!-- OUR BLOG START -->
<div class="section-full p-t120 p-b90 site-bg-white">
<div class="container">
<!-- TITLE START-->
<div class="section-head center wt-small-separator-outer">
<div class="wt-small-separator site-text-primary">
<div>News and Blogs </div>
</div>
<h2 class="wt-title">Get the latest news,
updates and tips </h2>
</div>
<!-- TITLE END-->
<div class="section-content">
<div class="twm-blog-post-h5-wrap">
<div class="row">
<div class="col-lg-4 col-md-6">
<!--Block one-->
<div class="blog-post twm-blog-post-h5-outer">
<div class="wt-post-media">
<a href="blog-single.html"><img src="images/home-5/blog/pic1.jpg" alt="" /></a>
</div>
<div class="wt-post-info">
<div class="post-author">
<div class="post-author-pic">
<div class="p-a-pic"><img src="images/home-5/blog-avtar/pic1.jpg" alt="" /></div>
<div class="p-a-info">
<a href="blog-single.html">Ralph Johnson </a>
<p>12 January </p>
</div>
</div>
<div class="post-categories">
<a href="blog-single.html">Events </a>
</div>
</div>
<div class="wt-post-title ">
<h4 class="post-title">
<a href="blog-single.html">How to convince recruiters ___ get your dream job </a>
</h4>
</div>
<div class="wt-post-text ">
<p>
New chip _____ clusters of migrating tumor _____ asperiortenetur, blanditiis odit.
</p>
</div>
<div class="wt-post-readmore ">
<a href="blog-single.html" class="site-button-link site-text-primary">Read More </a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<!--Block two-->
<div class="blog-post twm-blog-post-h5-outer">
<div class="wt-post-media">
<a href="blog-single.html"><img src="images/home-5/blog/pic2.jpg" alt="" /></a>
</div>
<div class="wt-post-info">
<div class="post-author">
<div class="post-author-pic">
<div class="p-a-pic"><img src="images/home-5/blog-avtar/pic2.jpg" alt="" /></div>
<div class="p-a-info">
<a href="blog-single.html">Christina Fischer </a>
<p>12 January </p>
</div>
</div>
<div class="post-categories">
<a href="blog-single.html">Events </a>
</div>
</div>
<div class="wt-post-title ">
<h4 class="post-title">
<a href="blog-single.html">How to convince recruiters ___ get your dream job </a>
</h4>
</div>
<div class="wt-post-text ">
<p>
New chip _____ clusters of migrating tumor _____ asperiortenetur, blanditiis odit.
</p>
</div>
<div class="wt-post-readmore ">
<a href="blog-single.html" class="site-button-link site-text-primary">Read More </a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<!--Block three-->
<div class="blog-post twm-blog-post-h5-outer">
<div class="wt-post-media">
<a href="blog-single.html"><img src="images/home-5/blog/pic3.jpg" alt="" /></a>
</div>
<div class="wt-post-info">
<div class="post-author">
<div class="post-author-pic">
<div class="p-a-pic"><img src="images/home-5/blog-avtar/pic3.jpg" alt="" /></div>
<div class="p-a-info">
<a href="blog-single.html">Peter Hawkins </a>
<p>12 January </p>
</div>
</div>
<div class="post-categories">
<a href="blog-single.html">Events </a>
</div>
</div>
<div class="wt-post-title ">
<h4 class="post-title">
<a href="blog-single.html">How to convince recruiters ___ get your dream job </a>
</h4>
</div>
<div class="wt-post-text ">
<p>
New chip _____ clusters of migrating tumor _____ asperiortenetur, blanditiis odit.
</p>
</div>
<div class="wt-post-readmore ">
<a href="blog-single.html" class="site-button-link site-text-primary">Read More </a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- OUR BLOG END -->
<!-- Newsletter Subscriber SECTION START -->
<div class="section-full p-t60 site-bg-white twm-new-sub-section-wrap site-bg-cover" style="background-image: url(images/dotted-map.png);">
<div class="container">
<div class="section-content">
<div class="row">
<div class="col-lg-3 col-md-12">
<div class="twm-nl-map-media-wrap">
<div class="twm-nl-map-pointer">
<div class="twm-nl-map-pic nw-pic1 bounce">
<img src="images/nl-pic/pic1.jpg" alt="#" />
</div>
<div class="twm-nl-map-pic nw-pic2 bounce2">
<img src="images/nl-pic/pic2.jpg" alt="#" />
</div>
<div class="twm-nl-map-pic nw-pic3 bounce">
<img src="images/nl-pic/pic3.jpg" alt="#" />
</div>
<div class="twm-nl-map-pic nw-pic4 bounce2">
<img src="images/nl-pic/pic4.jpg" alt="#" />
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12">
<div class="twm-sub-2-section site-bg-cover" style="background-image: url(images/nwl-bg.png);">
<h3 class="twm-sub-title">Subscribe to Our Newsletter </h3>
<div class="twm-sub-discription">Get the latest updates ______ to you </div>
<form>
<div class="form-group">
<input name="news-letter" class="form-control" placeholder="Enter Your Email Address" type="text" />
</div>
<button class="site-button twm-sub-btn white">Subscribe Now </button>
</form>
</div>
</div>
<div class="col-lg-3 col-md-12">
<div class="twm-nl-map-media-wrap">
<div class="twm-nl-map-pointer">
<div class="twm-nl-map-pic nw-pic5 bounce">
<img src="images/nl-pic/pic5.jpg" alt="#" />
</div>
<div class="twm-nl-map-pic nw-pic6 bounce2">
<img src="images/nl-pic/pic6.jpg" alt="#" />
</div>
<div class="twm-nl-map-pic nw-pic7 bounce">
<img src="images/nl-pic/pic7.jpg" alt="#" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Newsletter Subscriber TABLE SECTION END -->
</div>
<!-- CONTENT END -->
<!-- FOOTER START -->
<footer class="footer-light ftr-light-with-bg site-bg-cover" style="background-image: url(images/ftr-bg.jpg);">
<div class="container">
<!-- FOOTER BLOCKES START -->
<div class="footer-top">
<div class="row">
<div class="col-lg-3 col-md-12">
<div class="widget widget_about">
<div class="logo-footer clearfix">
<a href="index.html"><img src="images/logo-light-2.png" alt="" /></a>
</div>
<p>Many desktop publishing packages ___ web page editors now. </p>
<ul class="ftr-list">
<li><p><span>Address : </span>65 Sunset CA 90026, ___ </p></li>
<li><p><span>Email : </span>example@max.com </p></li>
<li><p><span>Call : </span>555-555-1234 </p></li>
</ul>
</div>
</div>
<div class="col-lg-9 col-md-12">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="widget widget_services ftr-list-center">
<h3 class="widget-title">For Candidate </h3>
<ul>
<li><a href="dashboard.html">User Dashboard </a></li>
<li><a href="dash-resume-alert.html">Alert resume </a></li>
<li><a href="candidate-grid.html">Candidates </a></li>
<li><a href="blog-list.html">Blog List </a></li>
<li><a href="blog-single.html">Blog single </a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="widget widget_services ftr-list-center">
<h3 class="widget-title">For Employers </h3>
<ul>
<li><a href="dash-post-job.html">Post Jobs </a></li>
<li><a href="blog-grid.html">Blog Grid </a></li>
<li><a href="contact.html">Contact </a></li>
<li><a href="job-list.html">Jobs Listing </a></li>
<li><a href="job-detail.html">Jobs details </a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="widget widget_services ftr-list-center">
<h3 class="widget-title">Helpful Resources </h3>
<ul>
<li><a href="faq.html">FAQs </a></li>
<li><a href="employer-detail.html">Employer detail </a></li>
<li><a href="dash-my-profile.html">Profile </a></li>
<li><a href="error-404.html">404 Page </a></li>
<li><a href="pricing.html">Pricing </a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="widget widget_services ftr-list-center">
<h3 class="widget-title">Quick Links </h3>
<ul>
<li><a href="index.html">Home </a></li>
<li><a href="about-1.html">About us </a></li>
<li><a href="dash-bookmark.html">Bookmark </a></li>
<li><a href="job-grid.html">Jobs </a></li>
<li><a href="employer-list.html">Employer </a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- FOOTER COPYRIGHT -->
<div class="footer-bottom">
<div class="footer-bottom-info">
<div class="footer-copy-right">
<span class="copyrights-text">Copyright © 2023 by _________ All Rights Reserved. </span>
</div>
<ul class="social-icons">
<li><a href="javascript:void(0);" class="fab fa-facebook-f"></a></li>
<li><a href="javascript:void(0);" class="fab fa-twitter"></a></li>
<li><a href="javascript:void(0);" class="fab fa-instagram"></a></li>
<li><a href="javascript:void(0);" class="fab fa-youtube"></a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- FOOTER END -->
<!-- BUTTON TOP START -->
<button class="scroltop"><span class="fa fa-angle-up relative" id="btn-vibrate"></span></button>
<!--Model Popup Section Start-->
<!--Signup popup -->
<div class="modal fade twm-sign-up" id="sign_up_popup" aria-hidden="true" aria-labelledby="sign_up_popupLabel" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form>
<div class="modal-header">
<h2 class="modal-title" id="sign_up_popupLabel">Sign Up </h2>
<p>Sign Up and get ______ to all the features __ Jobzilla </p>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="twm-tabs-style-2">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<!--Signup Candidate-->
<li class="nav-item" role="presentation">
<button class="nav-link active" data-bs-toggle="tab" data-bs-target="#sign-candidate" type="button"><i class="fas fa-user-tie"></i>Candidate </button>
</li>
<!--Signup Employer-->
<li class="nav-item" role="presentation">
<button class="nav-link" data-bs-toggle="tab" data-bs-target="#sign-Employer" type="button"><i class="fas fa-building"></i>Employer </button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<!--Signup Candidate Content-->
<div class="tab-pane fade show active" id="sign-candidate">
<div class="row">
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="username" type="text" required="" class="form-control" placeholder="Usearname*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="email" type="text" class="form-control" required="" placeholder="Password*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="phone" type="text" class="form-control" required="" placeholder="Email*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="phone" type="text" class="form-control" required="" placeholder="Phone*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<div class=" form-check">
<input type="checkbox" class="form-check-input" id="agree1" />
<label class="form-check-label" for="agree1">I agree to the <a href="javascript:;">Terms and conditions </a></label>
<p>Already registered?
<button class="twm-backto-login" data-bs-target="#sign_up_popup2" data-bs-toggle="modal" data-bs-dismiss="modal">Log in here </button>
</p>
</div>
</div>
</div>
<div class="col-md-12">
<button type="submit" class="site-button">Sign Up </button>
</div>
</div>
</div>
<!--Signup Employer Content-->
<div class="tab-pane fade" id="sign-Employer">
<div class="row">
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="username" type="text" required="" class="form-control" placeholder="Usearname*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="email" type="text" class="form-control" required="" placeholder="Password*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="phone" type="text" class="form-control" required="" placeholder="Email*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="phone" type="text" class="form-control" required="" placeholder="Phone*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<div class=" form-check">
<input type="checkbox" class="form-check-input" id="agree2" />
<label class="form-check-label" for="agree2">I agree to the <a href="javascript:;">Terms and conditions </a></label>
<p>Already registered?
<button class="twm-backto-login" data-bs-target="#sign_up_popup2" data-bs-toggle="modal" data-bs-dismiss="modal">Log in here </button>
</p>
</div>
</div>
</div>
<div class="col-md-12">
<button type="submit" class="site-button">Sign Up </button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<span class="modal-f-title">Login or Sign up ____ </span>
<ul class="twm-modal-social">
<li><a href="javascript" class="facebook-clr"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="javascript" class="twitter-clr"><i class="fab fa-twitter"></i></a></li>
<li><a href="javascript" class="linkedin-clr"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="javascript" class="google-clr"><i class="fab fa-google"></i></a></li>
</ul>
</div>
</form>
</div>
</div>
</div>
<!--Login popup -->
<div class="modal fade twm-sign-up" id="sign_up_popup2" aria-hidden="true" aria-labelledby="sign_up_popupLabel2" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<form>
<div class="modal-header">
<h2 class="modal-title" id="sign_up_popupLabel2">Login </h2>
<p>Login and get access __ all the features of ________ </p>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="twm-tabs-style-2">
<ul class="nav nav-tabs" id="myTab2" role="tablist">
<!--Login Candidate-->
<li class="nav-item">
<button class="nav-link active" data-bs-toggle="tab" data-bs-target="#login-candidate" type="button"><i class="fas fa-user-tie"></i>Candidate </button>
</li>
<!--Login Employer-->
<li class="nav-item">
<button class="nav-link" data-bs-toggle="tab" data-bs-target="#login-Employer" type="button"><i class="fas fa-building"></i>Employer </button>
</li>
</ul>
<div class="tab-content" id="myTab2Content">
<!--Login Candidate Content-->
<div class="tab-pane fade show active" id="login-candidate">
<div class="row">
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="username" type="text" required="" class="form-control" placeholder="Usearname*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="email" type="text" class="form-control" required="" placeholder="Password*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<div class=" form-check">
<input type="checkbox" class="form-check-input" id="Password3" />
<label class="form-check-label rem-forgot" for="Password3">Remember me <a href="javascript:;">Forgot Password </a></label>
</div>
</div>
</div>
<div class="col-md-12">
<button type="submit" class="site-button">Log in </button>
<div class="mt-3 mb-3">Don't have an account ?
<button class="twm-backto-login" data-bs-target="#sign_up_popup" data-bs-toggle="modal" data-bs-dismiss="modal">Sign Up </button>
</div>
</div>
</div>
</div>
<!--Login Employer Content-->
<div class="tab-pane fade" id="login-Employer">
<div class="row">
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="username" type="text" required="" class="form-control" placeholder="Usearname*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<input name="email" type="text" class="form-control" required="" placeholder="Password*" />
</div>
</div>
<div class="col-lg-12">
<div class="form-group mb-3">
<div class=" form-check">
<input type="checkbox" class="form-check-input" id="Password4" />
<label class="form-check-label rem-forgot" for="Password4">Remember me <a href="javascript:;">Forgot Password </a></label>
</div>
</div>
</div>
<div class="col-md-12">
<button type="submit" class="site-button">Log in </button>
<div class="mt-3 mb-3">Don't have an account ?
<button class="twm-backto-login" data-bs-target="#sign_up_popup" data-bs-toggle="modal" data-bs-dismiss="modal">Sign Up </button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<span class="modal-f-title">Login or Sign up ____ </span>
<ul class="twm-modal-social">
<li><a href="javascript" class="facebook-clr"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="javascript" class="twitter-clr"><i class="fab fa-twitter"></i></a></li>
<li><a href="javascript" class="linkedin-clr"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="javascript" class="google-clr"><i class="fab fa-google"></i></a></li>
</ul>
</div>
</form>
</div>
</div>
</div>
<!--Model Popup Section End-->
</div>
<!-- JAVASCRIPT FILES ========================================= -->
<script src="js/jquery-3.6.0.min.js"></script><!-- JQUERY.MIN JS -->
<script src="js/popper.min.js"></script><!-- POPPER.MIN JS -->
<script src="js/bootstrap.min.js"></script><!-- BOOTSTRAP.MIN JS -->
<script src="js/magnific-popup.min.js"></script><!-- MAGNIFIC-POPUP JS -->
<script src="js/waypoints.min.js"></script><!-- WAYPOINTS JS -->
<script src="js/counterup.min.js"></script><!-- COUNTERUP JS -->
<script src="js/waypoints-sticky.min.js"></script><!-- STICKY HEADER -->
<script src="js/isotope.pkgd.min.js"></script><!-- MASONRY -->
<script src="js/imagesloaded.pkgd.min.js"></script><!-- MASONRY -->
<script src="js/owl.carousel.min.js"></script><!-- OWL SLIDER -->
<script src="js/theia-sticky-sidebar.js"></script><!-- STICKY SIDEBAR -->
<script src="js/lc_lightbox.lite.js"></script><!-- IMAGE POPUP -->
<script src="js/bootstrap-select.min.js"></script><!-- Form js -->
<script src="js/dropzone.js"></script><!-- IMAGE UPLOAD -->
<script src="js/jquery.scrollbar.js"></script><!-- scroller -->
<script src="js/bootstrap-datepicker.js"></script><!-- scroller -->
<script src="js/jquery.dataTables.min.js"></script><!-- Datatable -->
<script src="js/dataTables.bootstrap5.min.js"></script><!-- Datatable -->
<script src="js/chart.js"></script><!-- Chart -->
<script src="js/anm.js"></script>
<script src="js/bootstrap-slider.min.js"></script><!-- Price range slider -->
<script src="js/swiper-bundle.min.js"></script><!-- Swiper JS -->
<script src="js/custom.js"></script><!-- CUSTOM FUCTIONS -->
<script src="js/switcher.js"></script><!-- SHORTCODE FUCTIONS -->
<!-- STYLE SWITCHER ======= -->
<div class="styleswitcher">
<div class="switcher-btn-bx">
<a class="switch-btn">
<span class="fa fa-cog fa-spin"></span>
</a>
</div>
<div class="styleswitcher-inner">
<h6 class="switcher-title">Color Skin </h6>
<ul class="color-skins">
<li><a class="theme-skin skin-1" href="index-5_fbf74df.html"></a></li>
<li><a class="theme-skin skin-2" href="index-5_fbf74e2.html"></a></li>
<li><a class="theme-skin skin-3" href="index-5_fbf74e1.html"></a></li>
<li><a class="theme-skin skin-4" href="index-5_fbf74e4.html"></a></li>
<li><a class="theme-skin skin-5" href="index-5_fbf74e3.html"></a></li>
<li><a class="theme-skin skin-6" href="index-5_fbf74e6.html"></a></li>
<li><a class="theme-skin skin-7" href="index-5_fbf74e5.html"></a></li>
<li><a class="theme-skin skin-8" href="index-5_fbf74e8.html"></a></li>
<li><a class="theme-skin skin-9" href="index-5_fbf74e7.html"></a></li>
<li><a class="theme-skin skin-10" href="index-5_e111f0f.html"></a></li>
</ul>
</div>
</div>
<!-- STYLE SWITCHER END ==== -->
</body>
</html>