ok

Mini Shell

Direktori : /home2/selectio/www/tnpsctestbatch.com/
Upload File :
Current File : /home2/selectio/www/tnpsctestbatch.com/index-10_fbf74e7.html

<!DOCTYPE html>
 <html lang="en">

 <head>
<!-- Original URL: https://thewebmax.org/jobzilla/index-10.html?theme=css/skin/skin-9
Date Downloaded: 31-08-2023 18:57:33 !-->
<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 10 </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-1.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 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-10.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-home-10-banner-section twm-bne-10-skew" style="background-image: url(images/home-10/banner-bg/pic1.jpg);">
                 <div class="container">
                     <div class="row">
                        
                         <!--Left Section-->
                         <div class="col-xl-6 col-lg-6 col-md-12">
                             <div class="twm-bnr-left-section">
                                 <div class="small-qb-box">
                                     <span class="qb-1"></span>
                                     <span class="qb-2 zoom-in-out-box"></span>
                                     <span class="qb-3 zoom-in-out-box2"></span>
                                     <span class="qb-4"></span>
                                 </div>
                                 <div class="twm-bnr-title-large-thin">We are </div>
                                 <div class="twm-bnr-title-large-bold">Hiring Jobs </div>
                                
                                 <div class="twm-bnr-search-bar">
                                     <form>
                                         <div class="row">
                                             <!--Title-->
                                             <div class="form-group col-xl-8 col-lg-8 col-md-8">
                                                 <label>What </label>
                                                 <div class="twm-single-iput">
                                                     <input name="username" type="text" required="" class="form-control  bg-none" placeholder="Job title, Keywords, or company" />
                                                 </div>
                                             </div>
        
                                             <!--Find job btn-->
                                             <div class="form-group col-xl-4 col-lg-4 col-md-4">
                                                 <button type="button" class="site-button">Find Job </button>
                                             </div>
        
                                         </div>
                                     </form>
                                 </div>
                                 <div class="twm-bnr-popular-search">
                                     <span class="twm-title">Popular Searches </span>
                                     <a href="job-list.html">Developer </a> ,
                                     <a href="job-list.html">Designer </a> ,
                                     <a href="job-list.html">Architect </a> ,
                                     <a href="job-list.html">Engineer </a> ,
                                     <a href="job-list.html">PHP </a> ,
                                     <a href="job-list.html">Banking </a> ,
                                     <a href="job-list.html">Ios </a> ,
                                     <a href="job-list.html">Accountancy </a>...
                                 </div>
                             </div>
                         </div>

                         <!--right Section-->
                         <div class="col-xl-6 col-lg-6 col-md-12 twm-bnr-right-section">
                             <div class="twm-bnr-right-content">

                                 <div class="bnr-media-wrap">
                                     <div class="bnr-media">
                                         <img src="images/home-10/banner-bg/right-pic1.jpg" alt="#" />
                                        
                                     </div>
                                     <div class="semi-circle rotate-center-2"></div>
                                 </div>
                                
                             </div>
                         </div>

                     </div>
                     <div class="twm-bnr-bottom-section">
                         <div class="twm-browse-jobs">Search </div>
                     </div>
                 </div>
             </div>
             <!--Banner End-->


           
             <!-- HOW IT WORK SECTION START -->
             <div class="section-full p-t120 p-b90 site-bg-white twm-how-it-work-area2">
                        
                 <div class="container">
                     <div class="row">
                         <div class="col-lg-4 col-md-12">
                             <!-- TITLE START-->
                                 <div class="section-head left wt-small-separator-outer">
                                     <div class="wt-small-separator site-text-primary">
                                     <div>How It Works  </div>                                
                                     </div>
                                     <h2 class="wt-title">Follow our steps we ____ help you. </h2>
                                    
                                 </div>
                                 <ul class="description-list">
                                     <li>
                                         <i class="feather-check"></i>
                                        Trusted & Quality Job 
                                     </li>
                                     <li>
                                         <i class="feather-check"></i>
                                        International Job 
                                     </li>
                                     <li>
                                         <i class="feather-check"></i>
                                        No Extra Charge 
                                     </li>
                                     <li>
                                         <i class="feather-check"></i>
                                        Top Companies 
                                     </li>
                                 </ul>                  
                             <!-- TITLE END-->
                         </div>
                         <div class="col-lg-8 col-md-12">
                             <div class="twm-w-process-steps-2-wrap">
                                 <div class="row">
                                     <div class="col-xl-6 col-lg-6 col-md-6">
                                         <div class="twm-w-process-steps-2">
                                             <div class="twm-w-pro-top bg-clr-sky-light bg-sky-light-shadow">
                                                 <span class="twm-large-number text-clr-sky">01 </span>
                                                 <div class="twm-media">
                                                     <span><img src="images/work-process/icon1.png" alt="icon1" /></span>
                                                 </div>
                                                 <h4 class="twm-title">Register <br />Your Account </h4>
                                                 <p>You need to create __ account to find the ____ and preferred job. </p>
                                             </div>
                                            
                                         </div>
                                     </div>
        
                                     <div class="col-xl-6 col-lg-6 col-md-6">
                                         <div class="twm-w-process-steps-2">
                                             <div class="twm-w-pro-top bg-clr-yellow-light bg-yellow-light-shadow">
                                                 <span class="twm-large-number text-clr-yellow">02 </span>
                                                 <div class="twm-media">
                                                     <span><img src="images/work-process/icon4.png" alt="icon1" /></span>
                                                 </div>
                                                 <h4 class="twm-title">Search  <br />
                                                    Your Job </h4>                                                
                                                 <p>You need to create __ account to find the ____ and preferred job. </p>
                                             </div>
                                        
                                         </div>
                                     </div>
        
                                     <div class="col-xl-6 col-lg-6 col-md-6">
                                         <div class="twm-w-process-steps-2">
                                             <div class="twm-w-pro-top bg-clr-pink-light bg-pink-light-shadow">
                                                 <span class="twm-large-number text-clr-pink">03 </span>
                                                 <div class="twm-media">
                                                     <span><img src="images/work-process/icon3.png" alt="icon1" /></span>
                                                 </div>
                                                 <h4 class="twm-title">Apply  <br />For Dream Job </h4>
                                                 <p>You need to create __ account to find the ____ and preferred job. </p>
                                             </div>
                                            
                                         </div>
                                     </div>

                                     <div class="col-xl-6 col-lg-6 col-md-6">
                                         <div class="twm-w-process-steps-2">
                                             <div class="twm-w-pro-top bg-clr-green-light bg-clr-light-shadow">
                                                 <span class="twm-large-number text-clr-green">04 </span>
                                                 <div class="twm-media">
                                                     <span><img src="images/work-process/icon3.png" alt="icon1" /></span>
                                                 </div>
                                                 <h4 class="twm-title">Upload  <br />Your Resume </h4>
                                                 <p>You need to create __ account to find the ____ and preferred job. </p>
                                             </div>
                                            
                                         </div>
                                     </div>
        
                                 </div>
                             </div>
                         </div>
                     </div>

                    

                     <div class="twm-how-it-work-section">
                        
                     </div>                  
                 </div>

             </div>   
             <!-- HOW IT WORK SECTION END -->

             <!-- JOBS CATEGORIES SECTION START -->
             <div class="section-full p-t120 p-b90 site-bg-gray twm-job-categories-area2">
                 <!-- TITLE START-->
                 <div class="section-head center wt-small-separator-outer">
                     <div class="wt-small-separator site-text-primary">
                        <div>Jobs by Categories </div>                                
                     </div>
                     <h2 class="wt-title">Choose Your Desire Category </h2>
                 </div>                  
                 <!-- TITLE END--> 
                
                 <div class="container">

                     <div class="twm-job-categories-section-2">
                       
                         <div class="job-categories-style1 m-b30">
                             <div class="row">
                            
                                 <!-- COLUMNS 1 --> 
                                 <div class="col-lg-3 col-md-6">
                                     <div class="job-categories-block-2 m-b30">
                                         <div class="twm-media">
                                             <div class="flaticon-dashboard"></div>
                                         </div>                                   
                                         <div class="twm-content">
                                             <div class="twm-jobs-available">9,185 Jobs </div>
                                             <a href="job-detail.html">Business Development </a>
                                         </div>                               
                                     </div>
                                 </div>

                                 <!-- COLUMNS 2 --> 
                                 <div class="col-lg-3 col-md-6">
                                     <div class="job-categories-block-2 m-b30">
                                         <div class="twm-media">
                                             <div class="flaticon-project-management"></div>
                                         </div>                                   
                                         <div class="twm-content">
                                             <div class="twm-jobs-available">3,205 Jobs </div>
                                             <a href="job-detail.html">Project Management </a>
                                         </div>                               
                                     </div>
                                 </div>
                                
                                 <!-- COLUMNS 3 --> 
                                 <div class="col-lg-3 col-md-6">
                                     <div class="job-categories-block-2 m-b30">
                                         <div class="twm-media">
                                             <div class="flaticon-note"></div>
                                         </div>                                   
                                         <div class="twm-content">
                                             <div class="twm-jobs-available">2,100 Jobs </div>
                                             <a href="job-detail.html">Content Writer </a>
                                         </div>                               
                                     </div>
                                 </div>
                                
                                 <!-- COLUMNS 4 --> 
                                 <div class="col-lg-3 col-md-6">
                                     <div class="job-categories-block-2 m-b30">
                                         <div class="twm-media">
                                             <div class="flaticon-customer-support"></div>
                                         </div>                                   
                                         <div class="twm-content">
                                             <div class="twm-jobs-available">1,500 Jobs </div>
                                             <a href="job-detail.html">Costomer Services </a>
                                         </div>                               
                                     </div>
                                 </div>
                                
                                 <!-- COLUMNS 5 --> 
                                 <div class="col-lg-3 col-md-6">
                                     <div class="job-categories-block-2 m-b30">
                                         <div class="twm-media">
                                             <div class="flaticon-bars"></div>
                                         </div>                                   
                                         <div class="twm-content">
                                             <div class="twm-jobs-available">9,185 Jobs </div>
                                             <a href="job-detail.html">Finance </a>
                                         </div>                               
                                     </div>
                                 </div>

                                 <!-- COLUMNS 6 --> 
                                 <div class="col-lg-3 col-md-6">
                                     <div class="job-categories-block-2 m-b30">
                                         <div class="twm-media">
                                             <div class="flaticon-user"></div>
                                         </div>                                   
                                         <div class="twm-content">
                                             <div class="twm-jobs-available">3,205 Jobs </div>
                                             <a href="job-detail.html">Marketing </a>
                                         </div>                               
                                     </div>
                                 </div>
                                
                                 <!-- COLUMNS 7 --> 
                                 <div class="col-lg-3 col-md-6">
                                     <div class="job-categories-block-2 m-b30">
                                         <div class="twm-media">
                                             <div class="flaticon-computer"></div>
                                         </div>                                   
                                         <div class="twm-content">
                                             <div class="twm-jobs-available">2,100 Jobs </div>
                                             <a href="job-detail.html">Design & Art </a>
                                         </div>                               
                                     </div>
                                 </div>
                                
                                 <!-- COLUMNS 8 --> 
                                 <div class="col-lg-3 col-md-6">
                                     <div class="job-categories-block-2 m-b30">
                                         <div class="twm-media">
                                             <div class="flaticon-coding"></div>
                                         </div>                                   
                                         <div class="twm-content">
                                             <div class="twm-jobs-available">1,500 Jobs </div>
                                             <a href="job-detail.html">Web Development </a>
                                         </div>                               
                                     </div>
                                 </div>                                         

                             </div>
                         </div>

                         <div class="text-center job-categories-btn">
                             <a href="job-list.html" class=" site-button">All Categories </a>
                         </div>

                     </div>

                 </div>

             </div>   
             <!-- JOBS CATEGORIES SECTION END -->

             <!-- TOP COMPANIES START -->
             <div class="section-full p-t120 p-b90 site-bg-white twm-companies-wrap">
                  
                 <!-- TITLE START-->
                 <div class="section-head center wt-small-separator-outer">
                     <div class="wt-small-separator site-text-primary">
                        <div>Top Companies </div>                                
                     </div>
                     <h2 class="wt-title">Get hired in top _________ </h2>
                 </div>                  
                 <!-- TITLE END-->

                 <div class="container">
                     <div class="section-content">
                         <div class="owl-carousel home-client-carousel3 owl-btn-vertical-center">
                        
                             <div class="item">
                                 <div class="ow-client-logo">
                                     <div class="client-logo client-logo-media">
                                     <a href="employer-list.html"><img src="images/client-logo2/w1.png" alt="" /></a></div>
                                 </div>
                             </div>
                            
                             <div class="item">
                                 <div class="ow-client-logo">
                                     <div class="client-logo client-logo-media">
                                     <a href="employer-list.html"><img src="images/client-logo2/w2.png" alt="" /></a></div>
                                 </div>
                             </div>
                            
                             <div class="item">
                                 <div class="ow-client-logo">
                                     <div class="client-logo client-logo-media">
                                     <a href="employer-list.html"><img src="images/client-logo2/w3.png" alt="" /></a></div>
                                 </div>
                             </div>
                            
                             <div class="item">
                                 <div class="ow-client-logo">
                                     <div class="client-logo client-logo-media">
                                     <a href="employer-list.html"><img src="images/client-logo2/w4.png" alt="" /></a></div>
                                 </div>
                             </div>
                            
                             <div class="item">
                                 <div class="ow-client-logo">
                                     <div class="client-logo client-logo-media">
                                     <a href="employer-list.html"><img src="images/client-logo2/w5.png" alt="" /></a></div>
                                 </div>
                             </div>
                            
                             <div class="item">
                                 <div class="ow-client-logo">
                                     <div class="client-logo client-logo-media">
                                     <a href="employer-list.html"><img src="images/client-logo2/w6.png" alt="" /></a></div>
                                 </div>
                             </div>
                            
                             <div class="item">
                                 <div class="ow-client-logo">
                                     <div class="client-logo client-logo-media">
                                     <a href="employer-list.html"><img src="images/client-logo2/w1.png" alt="" /></a></div>
                                 </div>
                             </div>
                            
                             <div class="item">
                                 <div class="ow-client-logo">
                                     <div class="client-logo client-logo-media">
                                     <a href="employer-list.html"><img src="images/client-logo2/w2.png" alt="" /></a></div>
                                 </div>
                             </div>
                            
                             <div class="item">
                                 <div class="ow-client-logo">
                                     <div class="client-logo client-logo-media">
                                     <a href="employer-list.html"><img src="images/client-logo2/w3.png" alt="" /></a></div>
                                 </div>
                             </div>
                            
                             <div class="item">
                                 <div class="ow-client-logo">
                                     <div class="client-logo client-logo-media">
                                     <a href="employer-list.html"><img src="images/client-logo2/w5.png" alt="" /></a></div>
                                 </div>
                             </div>
                            
                         </div>
                     </div>
                     <div class="twm-company-approch2-outer">
                         <div class="twm-company-approch2">
                             <div class="row">
    
                                 <!--block 1-->
                                 <div class="col-lg-4 col-md-4">
                                     <div class="counter-outer-two">
                                         <div class="icon-content">
                                             <div class="tw-count-number site-text-black">
                                                 <span class="counter">5 </span>M+ </div>
                                             <p class="icon-content-info">Million daily active users </p>
                                         </div>
                                     </div>
                                 </div>
    
                                 <!--block 2-->
                                 <div class="col-lg-4 col-md-4">
                                     <div class="counter-outer-two">
                                         <div class="icon-content">
                                             <div class="tw-count-number site-text-black">
                                                 <span class="counter">9 </span>K+ </div>
                                             <p class="icon-content-info">Open job positions </p>
                                         </div>
                                     </div>
                                 </div>
    
                                 <!--block 3-->
                                 <div class="col-lg-4 col-md-4">
                                     <div class="counter-outer-two">
                                         <div class="icon-content">
                                             <div class="tw-count-number site-text-black">
                                                 <span class="counter">2 </span>M+ </div>
                                             <p class="icon-content-info">Million stories shared </p>
                                         </div>
                                     </div>
                                 </div>
    
                             </div>
                         </div>
                     </div>
                 </div>
            
             </div>
             <!-- TOP COMPANIES END -->

             <!-- JOB POST START -->
             <div class="section-full p-t120 p-b90 site-bg-light-purple twm-bg-ring-wrap">
                 <div class="twm-bg-ring-right"></div>
                 <div class="twm-bg-ring-left"></div>
                 <div class="container">
                   
                     <!-- TITLE START-->
                     <div class="section-head center wt-small-separator-outer">
                         <div class="wt-small-separator site-text-primary">
                            <div>All Jobs Post </div>                                
                         </div>
                         <h2 class="wt-title">Find Your Career You _______ it </h2>
                     </div>                  
                     <!-- TITLE END-->


                     <div class="section-content">
                        <div class="twm-jobs-list-wrap">
                            <ul>
                                 <li>
                                     <div class="twm-jobs-list-style1 mb-5">
                                         <div class="twm-media">
                                             <img src="images/jobs-company/pic1.jpg" alt="#" />
                                         </div>
                                         <div class="twm-mid-content">
                                             <a href="job-detail.html" class="twm-job-title">
                                                 <h4>Senior Web Designer , _________   <span class="twm-job-post-duration">/ 1 days ago </span></h4>
                                             </a>
                                             <p class="twm-job-address">1363-1385 Sunset Blvd Los _______, CA 90026, USA </p>
                                             <a href="https://themeforest.net/user/thewebmax/portfolio" class="twm-job-websites site-text-primary">https://thewebmax.com </a>
                                         </div>
                                         <div class="twm-right-content">
                                             <div class="twm-jobs-category green"><span class="twm-bg-green">New </span></div>
                                             <div class="twm-jobs-amount">$2500  <span>/ Month </span></div>
                                             <a href="job-detail.html" class="twm-jobs-browse site-text-primary">Browse Job </a>
                                         </div>
                                     </div>
                                 </li>

                                 <li>
                                     <div class="twm-jobs-list-style1 mb-5">
                                         <div class="twm-media">
                                             <img src="images/jobs-company/pic2.jpg" alt="#" />
                                         </div>
                                         <div class="twm-mid-content">
                                             <a href="job-detail.html" class="twm-job-title">
                                                 <h4>Need Senior Rolling Stock __________ <span class="twm-job-post-duration">/ 15 days ago </span></h4>
                                             </a>
                                             <p class="twm-job-address">1363-1385 Sunset Blvd Los _______, CA 90026, USA </p>
                                             <a href="https://themeforest.net/user/thewebmax/portfolio" class="twm-job-websites site-text-primary">https://thewebmax.com </a>
                                         </div>
                                         <div class="twm-right-content">
                                             <div class="twm-jobs-category green"><span class="twm-bg-brown">Intership </span></div>
                                             <div class="twm-jobs-amount">$2000 <span>/ Month </span></div>
                                             <a href="job-detail.html" class="twm-jobs-browse site-text-primary">Browse Job </a>
                                         </div>
                                     </div>
                                 </li>

                                 <li>
                                     <div class="twm-jobs-list-style1 mb-5">
                                         <div class="twm-media">
                                             <img src="images/jobs-company/pic3.jpg" alt="#" />
                                         </div>
                                         <div class="twm-mid-content">
                                             <a href="job-detail.html" class="twm-job-title">
                                                 <h4 class="twm-job-title">IT Department Manager & _______-___________   <span class="twm-job-post-duration">/ 6 Month ago </span></h4>
                                             </a>
                                             <p class="twm-job-address">1363-1385 Sunset Blvd Los _______, CA 90026, USA </p>
                                             <a href="https://themeforest.net/user/thewebmax/portfolio" class="twm-job-websites site-text-primary">https://thewebmax.com </a>
                                         </div>
                                         <div class="twm-right-content">
                                             <div class="twm-jobs-category green"><span class="twm-bg-purple">Fulltime </span></div>
                                             <div class="twm-jobs-amount">$1500  <span>/ Month </span></div>
                                             <a href="job-detail.html" class="twm-jobs-browse site-text-primary">Browse Job </a>
                                         </div>
                                     </div>
                                 </li>

                                 <li>
                                     <div class="twm-jobs-list-style1 mb-5">
                                         <div class="twm-media">
                                             <img src="images/jobs-company/pic4.jpg" alt="#" />
                                         </div>
                                         <div class="twm-mid-content">
                                             <a href="job-detail.html" class="twm-job-title">
                                                 <h4 class="twm-job-title">Art Production Specialist    <span class="twm-job-post-duration">/ 2 days ago </span></h4>
                                             </a>
                                             <p class="twm-job-address">1363-1385 Sunset Blvd Los _______, CA 90026, USA </p>
                                             <a href="https://themeforest.net/user/thewebmax/portfolio" class="twm-job-websites site-text-primary">https://thewebmax.com </a>
                                         </div>
                                         <div class="twm-right-content">
                                             <div class="twm-jobs-category green"><span class="twm-bg-sky">Freelancer </span></div>
                                             <div class="twm-jobs-amount">$1200 <span>/ Month </span></div>
                                             <a href="job-detail.html" class="twm-jobs-browse site-text-primary">Browse Job </a>
                                         </div>
                                     </div>
                                 </li>

                                 <li>
                                     <div class="twm-jobs-list-style1 mb-5">
                                         <div class="twm-media">
                                             <img src="images/jobs-company/pic5.jpg" alt="#" />
                                         </div>
                                         <div class="twm-mid-content">
                                             <a href="job-detail.html" class="twm-job-title">
                                                 <h4 class="twm-job-title">Recreation & Fitness Worker    <span class="twm-job-post-duration">/ 1 days ago </span></h4>
                                             </a>
                                             <p class="twm-job-address">1363-1385 Sunset Blvd Los _______, CA 90026, USA </p>
                                             <a href="https://themeforest.net/user/thewebmax/portfolio" class="twm-job-websites site-text-primary">https://thewebmax.com </a>
                                         </div>
                                         <div class="twm-right-content">
                                             <div class="twm-jobs-category green"><span class="twm-bg-golden">Temporary </span></div>
                                             <div class="twm-jobs-amount">$1700  <span>/ Month </span></div>
                                             <a href="job-detail.html" class="twm-jobs-browse site-text-primary">Browse Job </a>
                                         </div>
                                     </div>
                                 </li>
                            </ul>
                            <div class="text-center m-b30">
                                 <a href="job-list.html" class=" site-button">Browse All Jobs </a>
                            </div>
                        </div>
                     </div>
                   
                 </div>
             </div>
             <!-- JOB POST END -->

             <!-- EXPLORE NEW LIFE START -->
             <div class="section-full p-t120 p-b120 site-bg-white twm-explore-area2">
                 <div class="container">

                     <div class="section-content">
                         <div class="twm-explore-content-2">
                             <div class="row">

                                 <div class="col-lg-8 col-md-12">
                                     <div class="twm-explore-content-outer2">
                                         <div class="twm-explore-top-section">
                                             <div class="twm-title-small">For Employee </div>
                                             <div class="twm-title-large">
                                                 <h2>We help you connect 
                                                    with the organizer </h2>
                                                 <p>Get paid easily and ________. Use our resources to ______
                                                    independent and showcase ____ professional skills. </p>
                                             </div>
                                             <div class="twm-read-more">
                                                 <a href="about-1.html" class="site-button">Read More </a>
                                             </div>
                                         </div>

                                         <div class="twm-explore-bottom-section">
                                             <div class="row">

                                                 <!--block 1-->
                                                 <div class="col-lg-4 col-md-6">
                                                     <div class="counter-outer-two">
                                                         <div class="icon-content">
                                                             <div class="tw-count-number text-clr-yellow-2">
                                                                 <span class="counter">5 </span>M+ </div>
                                                             <p class="icon-content-info">Million daily active users </p>
                                                         </div>
                                                     </div>
                                                 </div>
                
                                                 <!--block 2-->
                                                 <div class="col-lg-4 col-md-6">
                                                     <div class="counter-outer-two">
                                                         <div class="icon-content">
                                                             <div class="tw-count-number text-clr-green">
                                                                 <span class="counter">9 </span>K+ </div>
                                                             <p class="icon-content-info">Open job positions </p>
                                                         </div>
                                                     </div>
                                                 </div>
                
                                                 <!--block 3-->
                                                 <div class="col-lg-4 col-md-12">
                                                     <div class="counter-outer-two">
                                                         <div class="icon-content">
                                                             <div class="tw-count-number text-clr-pink">
                                                                 <span class="counter">2 </span>M+ </div>
                                                             <p class="icon-content-info">Million stories shared </p>
                                                         </div>
                                                     </div>
                                                 </div>
                
                                             </div>
                                         </div>
                                     </div>
                                 </div>

                                 <div class="col-lg-4 col-md-12">
                                     <div class="twm-explore-media-wrap2">
                                         <div class="twm-media">
                                             <img src="images/gir-large-2.png" alt="" />
                                         </div>
                                     </div>
                                 </div>

                                

                             </div>
                         </div>
                     </div>
                   
                 </div>
             </div>
             <!-- EXPLORE NEW LIFE END -->
            
         </div>
         <!-- CONTENT END -->

         <!-- FOOTER START -->
         <footer class="footer-light">
             <div class="container">

                 <!-- NEWS LETTER SECTION START -->
                 <div class="ftr-nw-content">
                     <div class="row">
                         <div class="col-md-5">
                             <div class="ftr-nw-title">
                                Join our _____ subscription now to get _______ 
                                on new ____ and notifications.
                             </div>
                         </div>
                         <div class="col-md-7">
                             <form>
                                 <div class="ftr-nw-form">
                                     <input name="news-letter" class="form-control" placeholder="Enter Your Email" type="text" />
                                     <button class="ftr-nw-subcribe-btn">Subscribe Now </button>
                                 </div>
                             </form>
                         </div>
                     </div>
                 </div>
                 <!-- NEWS LETTER SECTION END -->
                 <!-- 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-10.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-10_fbf74df.html"></a></li>
             <li><a class="theme-skin skin-2" href="index-10_fbf74e2.html"></a></li>
             <li><a class="theme-skin skin-3" href="index-10_fbf74e1.html"></a></li>
             <li><a class="theme-skin skin-4" href="index-10_fbf74e4.html"></a></li>
             <li><a class="theme-skin skin-5" href="index-10_fbf74e3.html"></a></li>
             <li><a class="theme-skin skin-6" href="index-10_fbf74e6.html"></a></li>
             <li><a class="theme-skin skin-7" href="index-10_fbf74e5.html"></a></li>
             <li><a class="theme-skin skin-8" href="index-10_fbf74e8.html"></a></li>
             <li><a class="theme-skin skin-9" href="index-10_fbf74e7.html"></a></li>
             <li><a class="theme-skin skin-10" href="index-10_e111f0f.html"></a></li>
            
         </ul>           
        
     </div>    
 </div>
 <!-- STYLE SWITCHER END ==== -->


 </body>

 </html>
 

Zerion Mini Shell 1.0