红色欧美形式bootstrap招聘门户网页模板代码下载

红色欧美形式bootstrap招聘门户网页模板代码下载

1. 引入CSS

<link rel="stylesheet" type="text/css" href="css/animate.css" />
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="css/fonts.css" />
<link rel="stylesheet" type="text/css" href="css/flaticon.css" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.css" />
<link rel="stylesheet" type="text/css" href="css/owl.carousel.css" />
<link rel="stylesheet" type="text/css" href="css/owl.theme.default.css" />
<link rel="stylesheet" type="text/css" href="css/dropify.min.css" />
<link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css" />
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css" />
<link rel="stylesheet" type="text/css" href="css/nice-select.css" />
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/responsive.css" />

2. 引入JS

<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/modernizr.js"></script>
<script src="js/jquery.menu-aim.js"></script>
<script src="js/plugin.js"></script>
<script src="js/owl.carousel.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery.countto.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script src="js/dropify.min.js"></script>
<script src="js/jquery.inview.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/isotope.pkgd.min.js"></script>
<script src="js/custom.js"></script>

3. HTML代码

  <!-- preloader Start -->
  <div class="jb_preloader">
   <div class="spinner_wrap">
    <div class="spinner"></div>
   </div>
  </div>
  <div class="cursor"></div>
  <!-- Top Scroll Start -->
  <a href="https://www.51qianduan.com/">51前端</a>
  <!-- Top Scroll End -->
  <!-- cp navi wrapper Start -->
  <nav class="cd-dropdown  d-block d-sm-block d-md-block d-lg-none d-xl-none">
   <h2><a href="index.html"><span><img src="picture/logo.png" alt="img" /></span></a></h2>
   <a href="#0" class="cd-close">Close</a>
   <ul class="cd-dropdown-content">
    <li>
     <form class="cd-search">
      <input type="search" placeholder="Search..." />
     </form></li>
    <li class="has-children"><a href="#">home</a>
     <ul class="cd-secondary-dropdown icon_menu is-hidden">
      <li class="go-back"><a href="#0">Menu</a></li>
      <li><a href="index.html">home I</a></li>
      <li><a href="index_II.html">home II</a></li>
      <li><a href="index_III.html">home III</a></li>
     </ul></li>
    <li class="has-children"><a href="#">jobs</a>
     <ul class="cd-secondary-dropdown icon_menu is-hidden">
      <li class="go-back"><a href="#0">Menu</a></li>
      <li><a href="job_listing_grid_left_filter.html">job listing grid </a></li>
      <li><a href="job_listing_list_left_filter.html">job listing list</a></li>
      <li><a href="job_single.html">job single</a></li>
     </ul></li>
    <!-- .has-children -->
    <li class="has-children"><a href="#">pages</a>
     <ul class="cd-secondary-dropdown icon_menu is-hidden">
      <li class="go-back"><a href="#0">Menu</a></li>
      <li><a href="about_us.html">about us</a></li>
      <li><a href="companies.html">companies</a></li>
      <li><a href="company_single.html">company single</a></li>
      <li><a href="error_page.html">error page</a></li>
      <li><a href="login.html">login</a></li>
      <li><a href="pricing_table.html">pricing table</a></li>
      <li><a href="sign_up.html">sign up</a></li>
     </ul></li>
    <li class="has-children"><a href="#">dashboard</a>
     <ul class="cd-secondary-dropdown is-hidden">
      <li class="go-back"><a href="#0">Menu</a></li>
      <li class="has-children"><a href="#">candidate</a>
       <ul class="cd-secondary-dropdown is-hidden">
        <li class="go-back"><a href="#0">Menu</a></li>
        <li><a href="dashboard/candidate_applied_job.html">applied job</a></li>
        <li><a href="dashboard/candidate_dashboard.html">dashboard</a></li>
        <li><a href="dashboard/candidate_edit_profile.html">edit profile</a></li>
        <li><a href="dashboard/candidate_favourite_job.html">favourite job</a></li>
        <li><a href="dashboard/candidate_resume.html">resume</a></li>
        <li><a href="dashboard/message.html">message</a></li>
        <li><a href="dashboard/pricing_plans.html">pricing plans</a></li>
       </ul>
       <!-- .cd-secondary-dropdown --></li>
      <!-- .has-children -->
      <li class="has-children"><a href="#">company</a>
       <ul class="cd-secondary-dropdown is-hidden">
        <li class="go-back"><a href="#0">Menu</a></li>
        <li><a href="https://www.51qianduan.com/">51前端</a></li>
        <li><a href="https://www.51qianduan.com/">51前端</a></li>
        <li><a href="https://www.51qianduan.com/">51前端</a></li>
        <li><a href="https://www.51qianduan.com/">51前端</a></li>
        <li><a href="https://www.51qianduan.com/">51前端</a></li>
        <li><a href="https://www.51qianduan.com/">51前端</a></li>
        <li><a href="dashboard/message.html">message</a></li>
        <li><a href="dashboard/pricing_plans.html">pricing plans</a></li>
       </ul>
       <!-- .cd-secondary-dropdown --></li>
     </ul>
     <!-- .cd-secondary-dropdown --></li>
    <li class="has-children"><a href="#">blog</a>
     <ul class="cd-secondary-dropdown icon_menu is-hidden">
      <li class="go-back"><a href="#0">Menu</a></li>
      <li><a href="blog_single.html">blog single</a></li>
      <li><a href="blog_category_right_sidebar.html">blog category</a></li>
     </ul></li>
    <li><a href="contact_us.html">contact us </a></li>
    <li><a href="login.html">login</a></li>
   </ul>
   <!-- .cd-dropdown-content -->
  </nav>
  <div class="cp_navi_main_wrapper jb_cover">
   <div class="container-fluid">
    <div class="cp_logo_wrapper">
     <a href="index.html"><img src="picture/logo.png" alt="logo" /></a>
    </div>
    <!-- mobile menu area start -->
    <header class="mobail_menu d-block d-sm-block d-md-block d-lg-none d-xl-none">
     <div class="container-fluid">
      <div class="row">
       <div class="col-lg-12">
        <div class="cd-dropdown-wrapper">
         <a class="house_toggle" href="#0">
          <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewbox="0 0 31.177 31.177" style="enable-background:new 0 0 31.177 31.177;" xml:space="preserve" width="25px" height="25px">
           <g>
            <g>
             <path class="menubar" d="M30.23,1.775H0.946c-0.489,0-0.887-0.398-0.887-0.888S0.457,0,0.946,0H30.23    c0.49,0,0.888,0.398,0.888,0.888S30.72,1.775,30.23,1.775z" fill="#004165" />
            </g>
            <g>
             <path class="menubar" d="M30.23,9.126H12.069c-0.49,0-0.888-0.398-0.888-0.888c0-0.49,0.398-0.888,0.888-0.888H30.23    c0.49,0,0.888,0.397,0.888,0.888C31.118,8.729,30.72,9.126,30.23,9.126z" fill="#004165" />
            </g>
            <g>
             <path class="menubar" d="M30.23,16.477H0.946c-0.489,0-0.887-0.398-0.887-0.888c0-0.49,0.398-0.888,0.887-0.888H30.23    c0.49,0,0.888,0.397,0.888,0.888C31.118,16.079,30.72,16.477,30.23,16.477z" fill="#004165" />
            </g>
            <g>
             <path class="menubar" d="M30.23,23.826H12.069c-0.49,0-0.888-0.396-0.888-0.887c0-0.49,0.398-0.888,0.888-0.888H30.23    c0.49,0,0.888,0.397,0.888,0.888C31.118,23.43,30.72,23.826,30.23,23.826z" fill="#004165" />
            </g>
            <g>
             <path class="menubar" d="M30.23,31.177H0.946c-0.489,0-0.887-0.396-0.887-0.887c0-0.49,0.398-0.888,0.887-0.888H30.23    c0.49,0,0.888,0.398,0.888,0.888C31.118,30.78,30.72,31.177,30.23,31.177z" fill="#004165" />
            </g>
           </g>
          </svg></a>
         <!-- .cd-dropdown -->
        </div>
       </div>
      </div>
     </div>
     <!-- .cd-dropdown-wrapper -->
    </header>
    <div class="menu_btn_box header_btn jb_cover">
     <ul>
      <li><a href="sign_up.html"><i class="flaticon-man-user"></i>sign up</a></li>
      <li><a href="login.html"><i class="flaticon-login"></i>login</a></li>
     </ul>
    </div>
    <div class="jb_navigation_wrapper">
     <div class="mainmenu d-xl-block d-lg-block d-md-none d-sm-none d-none">
      <ul class="main_nav_ul">
       <li class="has-mega gc_main_navigation"><a href="#" class="gc_main_navigation active_class">home</a>
        <ul class="navi_2_dropdown">
         <li class="parent"><a href="index.html"><i class="fas fa-square"></i>home I</a></li>
         <li class="parent"><a href="index_II.html"><i class="fas fa-square"></i>home II</a></li>
         <li class="parent"><a href="index_III.html"><i class="fas fa-square"></i>home III</a></li>
        </ul></li>
       <li class="has-mega gc_main_navigation"><a href="#" class="gc_main_navigation">jobs</a>
        <ul class="navi_2_dropdown">
         <li class="parent"><a href="job_listing_grid_left_filter.html"><i class="fas fa-square"></i>job listing grid</a></li>
         <li class="parent"><a href="job_listing_list_left_filter.html"><i class="fas fa-square"></i>job listing list</a></li>
         <li class="parent"><a href="job_single.html"><i class="fas fa-square"></i>job single</a></li>
         <li class="parent"><a href="#"><i class="fas fa-square"></i>jobs<span><i class="fas fa-chevron-right"></i></span></a>
          <ul class="dropdown-menu-right">
           <li><a href="job_listing_grid_left_filter.html"><i class="fas fa-square"></i>job listing grid</a></li>
           <li><a href="job_listing_list_left_filter.html"><i class="fas fa-square"></i>job listing list</a></li>
           <li><a href="job_single.html"><i class="fas fa-square"></i>job single</a></li>
          </ul></li>
        </ul></li>
       <li class="has-mega gc_main_navigation kv_sub_menu"><a href="#" class="gc_main_navigation">candidates</a>
        <!-- mega menu start -->
        <ul class="kv_mega_menu">
         <li class="kv_mega_menu_width">
          <div class="container">
           <div class="jn_menu_partion_div">
            <div class="candidate_width">
             <div class="jen_tabs_conent_list jb_cover">
              <h1>job skills</h1>
              <ul>
               <li><a href="#"><i class="fas fa-square"></i>HTML5 &amp; CSS3</a></li>
               <li><a href="#"><i class="fas fa-square"></i>wordpress</a></li>
               <li><a href="#"><i class="fas fa-square"></i>javascript</a></li>
               <li><a href="#"><i class="fas fa-square"></i>photoshop</a></li>
               <li><a href="#"><i class="fas fa-square"></i>designer</a></li>
               <li><a href="#"><i class="fas fa-square"></i>construction</a></li>
              </ul>
             </div>
            </div>
            <div class="candidate_width">
             <div class="jen_tabs_conent_list jb_cover">
              <h1>categories</h1>
              <ul>
               <li><a href="#"><i class="fas fa-square"></i>graphic design</a></li>
               <li><a href="#"><i class="fas fa-square"></i>engineering jobs</a></li>
               <li><a href="#"><i class="fas fa-square"></i>mainframe jobs</a></li>
               <li><a href="#"><i class="fas fa-square"></i>PSU jobs</a></li>
               <li><a href="#"><i class="fas fa-square"></i>goverment jobs</a></li>
               <li><a href="#"><i class="fas fa-square"></i>IT company</a></li>
              </ul>
             </div>
            </div>
            <div class="candidate_width">
             <div class="jen_tabs_conent_list   jb_cover">
              <h1>job location</h1>
              <ul>
               <li><a href="#"><i class="fas fa-square"></i>india</a></li>
               <li><a href="#"><i class="fas fa-square"></i>united state</a></li>
               <li><a href="#"><i class="fas fa-square"></i>japan</a></li>
               <li><a href="#"><i class="fas fa-square"></i>dubai</a></li>
               <li><a href="#"><i class="fas fa-square"></i>south africa</a></li>
               <li><a href="#"><i class="fas fa-square"></i>china</a></li>
              </ul>
             </div>
            </div>
            <div class="candidate_width">
             <div class="jen_tabs_conent_list   jb_cover">
              <h1>open jobs</h1>
              <div class="open_jobs_wrapper">
               <div class="open_jobs_wrapper_1 jb_cover">
                <img src="picture/job1.jpg" alt="img" />
                <div class="open_job_text">
                 <h3><a href="#">Some designers inelevated the..</a></h3>
                 <p>5 hour ago</p>
                </div>
               </div>
               <div class="open_jobs_wrapper_1 jb_cover">
                <img src="picture/job1.jpg" alt="img" />
                <div class="open_job_text">
                 <h3><a href="#">Some designers inelevated the..</a></h3>
                 <p>12 hour ago</p>
                </div>
               </div>
               <div class="view_all_job jb_cover">
                <a href="#">view all jobs</a>
               </div>
              </div>
             </div>
            </div>
           </div>
          </div></li>
        </ul></li>
       <li class="has-mega gc_main_navigation"><a href="#" class="gc_main_navigation">pages</a>
        <ul class="navi_2_dropdown">
         <li class="parent"><a href="about_us.html"><i class="fas fa-square"></i>about us</a></li>
         <li class="parent"><a href="companies.html"><i class="fas fa-square"></i>companies</a></li>
         <li class="parent"><a href="company_single.html"><i class="fas fa-square"></i>company single</a></li>
         <li class="parent"><a href="error_page.html"><i class="fas fa-square"></i>error page</a></li>
         <li class="parent"><a href="login.html"><i class="fas fa-square"></i>login</a></li>
         <li class="parent"><a href="pricing_table.html"><i class="fas fa-square"></i>pricing table</a></li>
         <li class="parent"><a href="sign_up.html"><i class="fas fa-square"></i>sign_up</a></li>
        </ul></li>
       <li class="has-mega gc_main_navigation"><a href="#" class="gc_main_navigation">dashboard</a>
        <ul class="navi_2_dropdown">
         <li class="parent"><a href="#"><i class="fas fa-square"></i>candidate<span><i class="fas fa-chevron-right"></i></span></a>
          <ul class="dropdown-menu-right">
           <li><a href="dashboard/candidate_applied_job.html"><i class="fas fa-square"></i>applied job</a></li>
           <li><a href="dashboard/candidate_dashboard.html"><i class="fas fa-square"></i>dashboard</a></li>
           <li><a href="dashboard/candidate_edit_profile.html"><i class="fas fa-square"></i>edit profile</a></li>
           <li><a href="dashboard/candidate_favourite_job.html"><i class="fas fa-square"></i>favourite job</a></li>
           <li><a href="dashboard/candidate_resume.html"><i class="fas fa-square"></i>resume</a></li>
           <li><a href="dashboard/message.html"><i class="fas fa-square"></i>message</a></li>
           <li><a href="dashboard/pricing_plans.html"><i class="fas fa-square"></i>pricing plans</a></li>
          </ul></li>
         <li class="parent"><a href="#"><i class="fas fa-square"></i>company<span><i class="fas fa-chevron-right"></i></span></a>
          <ul class="dropdown-menu-right">
           <li><a href="https://www.51qianduan.com/">51前端</a></li>
           <li><a href="https://www.51qianduan.com/">51前端</a></li>
           <li><a href="https://www.51qianduan.com/">51前端</a></li>
           <li><a href="https://www.51qianduan.com/">51前端</a></li>
           <li><a href="https://www.51qianduan.com/">51前端</a></li>
           <li><a href="https://www.51qianduan.com/">51前端</a></li>
           <li><a href="dashboard/message.html"><i class="fas fa-square"></i>message</a></li>
           <li><a href="dashboard/pricing_plans.html"><i class="fas fa-square"></i>pricing plans</a></li>
          </ul></li>
        </ul></li>
       <li class="has-mega gc_main_navigation"><a href="#" class="gc_main_navigation">blog</a>
        <ul class="navi_2_dropdown">
         <li class="parent"><a href="blog_single.html"><i class="fas fa-square"></i>blog single</a></li>
         <li class="parent"><a href="blog_category_right_sidebar.html"><i class="fas fa-square"></i>blog category</a></li>
        </ul></li>
       <li><a href="contact_us.html" class="gc_main_navigation">contact</a></li>
      </ul>
     </div>
     <!-- mainmenu end -->
     <div class="jb_search_btn_wrapper d-none d-sm-none d-md-none d-lg-block d-xl-block">
      <!-- extra nav -->
      <div class="extra-nav">
       <div class="extra-cell">
        <button id="quik-search-btn" type="button" class="site-button radius-xl"><i class="fas fa-search"></i></button>
       </div>
      </div>
      <!-- Quik search -->
      <div class="dez-quik-search bg-primary-dark">
       <form action="#">
        <input name="search" value="" type="text" class="form-control" placeholder="Type to search..." />
        <span id="quik-search-remove"><i class="fas fa-times"></i></span>
       </form>
      </div>
     </div>
    </div>
   </div>
  </div>
  <!-- navi wrapper End -->
  <!-- job banner wrapper start-->
  <div class="jb_banner_wrapper jb_cover">
   <div class="jb_banner_left">
    <h1>The Easy Way To GetYour New Job</h1>
    <p>This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor . sollicitudin, lorem quis bibendum auctor, sem nibh id elit.</p>
    <div class="contect_form3">
     <input type="text" name="name" placeholder="Keyword e.g. (Job Title, Description, Tags)" />
    </div>
    <div class="select_box">
     <i class="flaticon-map"></i>
     <select><option>select location</option><option>california</option><option>los velas</option><option>noida</option><option>chicago</option></select>
    </div>
    <div class="select_box select_box_2">
     <i class="flaticon-squares-gallery-grid-layout-interface-symbol"></i>
     <select><option>category</option><option>real estate</option><option>electronics</option><option>marketing</option><option>education</option></select>
    </div>
    <div class="select_box">
     <i class="flaticon-statistics"></i>
     <select><option>experience</option><option>5 years</option><option>3 years</option><option>2 years</option><option>fresher</option></select>
    </div>
    <div class="header_btn search_btn jb_cover">
     <a href="#"><i class="fas fa-search"></i>search</a>
    </div>
    <div class="jb_btm_keyword jb_cover">
     <ul>
      <li><i class="flaticon-tag"></i>Trending Keywords :</li>
      <li><a href="#">ui designer,</a></li>
      <li><a href="#">developer,</a></li>
      <li><a href="#">senior</a></li>
      <li><a href="#">it company,</a></li>
      <li><a href="#">design,</a></li>
      <li><a href="#">call center</a></li>
     </ul>
    </div>
   </div>
   <div class="jb_banner_right d-none d-sm-none d-md-none d-lg-none d-xl-block"></div>
  </div>
  <!-- job banner wrapper end-->
  <!-- job list wrapper start-->
  <div class="jb_banner_list jb_cover">
   <div class="container">
    <div class="row">
     <div class="col-lg-2 col-md-4 col-sm-4 col-xs-12">
      <div class="jb_top_jobs_category jb_cover">
       <h3><a href="#">laravel</a></h3>
       <img src="picture/jb1.png" alt="img" />
      </div>
     </div>
     <div class="col-lg-2 col-md-4 col-sm-4 col-xs-12">
      <div class="jb_top_jobs_category jb_cover">
       <h3><a href="#">Wordpress</a></h3>
       <img src="picture/jb2.png" alt="img" />
      </div>
     </div>
     <div class="col-lg-2 col-md-4 col-sm-4 col-xs-12">
      <div class="jb_top_jobs_category jb_cover">
       <h3><a href="#">AngularJS</a></h3>
       <img src="picture/jb3.png" alt="img" />
      </div>
     </div>
     <div class="col-lg-2 col-md-4 col-sm-4 col-xs-12">
      <div class="jb_top_jobs_category jb_cover">
       <h3><a href="#">node js</a></h3>
       <img src="picture/jb4.png" alt="img" />
      </div>
     </div>
     <div class="col-lg-2 col-md-4 col-sm-4 col-xs-12">
      <div class="jb_top_jobs_category jb_cover">
       <h3><a href="#">1onic</a></h3>
       <img src="picture/jb5.png" alt="img" />
      </div>
     </div>
     <div class="col-lg-2 col-md-4 col-sm-4 col-xs-12">
      <div class="jb_top_jobs_category">
       <h3><a href="#">node js</a></h3>
       <img src="picture/jb4.png" alt="img" />
      </div>
     </div>
    </div>
   </div>
  </div>
  <!-- job list wrapper end-->
  <!-- job category wrapper start-->
  <div class="jb_category_wrapper jb_cover">
   <div class="container">
    <div class="row">
     <div class="col-lg-10 offset-lg-1 col-md-12 col-sm-12">
      <div class="jb_heading_wraper">
       <h3>Browse Jobs By Category</h3>
       <p>Your next level Product developemnt company assets</p>
      </div>
     </div>
     <div class="col-lg-3 col-md-6 col-sm-12">
      <div class="jb_browse_category jb_cover">
       <a href="job_listing_list_left_filter.html">
        <div class="hover-block"></div><i class="flaticon-code"></i><h3>developer</h3><p>(1450 jobs)</p></a>
      </div>
     </div>
     <div class="col-lg-3 col-md-6 col-sm-12">
      <div class="jb_browse_category jb_cover">
       <a href="job_listing_list_left_filter.html">
        <div class="hover-block"></div><i class="flaticon-laptop"></i><h3>technology</h3><p>(4525 jobs)</p></a>
      </div>
     </div>
     <div class="col-lg-3 col-md-6 col-sm-12">
      <div class="jb_browse_category jb_cover">
       <a href="job_listing_list_left_filter.html">
        <div class="hover-block"></div><i class="flaticon-bar-chart"></i><h3>accounting</h3><p>(214 jobs)</p></a>
      </div>
     </div>
     <div class="col-lg-3 col-md-6 col-sm-12">
      <div class="jb_browse_category jb_cover">
       <a href="job_listing_list_left_filter.html">
        <div class="hover-block"></div><i class="flaticon-doctor"></i><h3>medical</h3><p>(4572 jobs)</p></a>
      </div>
     </div>
     <div class="col-lg-10 offset-lg-1 col-md-12 col-sm-12 pd5">
      <div class="row">
       <div class="col-lg-4 col-md-6 col-sm-12">
        <div class="jb_browse_category jb_cover">
         <a href="job_listing_list_left_filter.html">
          <div class="hover-block"></div><i class="flaticon-city-hall"></i><h3>goverment</h3><p>(2414 jobs)</p></a>
        </div>
       </div>
       <div class="col-lg-4 col-md-6 col-sm-12">
        <div class="jb_browse_category jb_cover">
         <a href="job_listing_list_left_filter.html">
          <div class="hover-block"></div><i class="flaticon-newspaper"></i><h3>media &amp; news</h3><p>(2142 jobs)</p></a>
        </div>
       </div>
       <div class="col-lg-4 col-md-6 col-sm-12">
        <div class="jb_browse_category jb_cover">
         <a href="job_listing_list_left_filter.html">
          <div class="hover-block"></div><i class="flaticon-lunch"></i><h3>restaurents</h3><p>(2342 jobs)</p></a>
        </div>
       </div>
      </div>
     </div>
     <div class="header_btn search_btn load_btn jb_cover">
      <a href="#">load more</a>
     </div>
    </div>
   </div>
  </div>
  <!-- job category wrapper end-->
  <!-- grow next Wrapper Start -->
  <div class="grow_next_wrapper jb_cover">
   <div class="container">
    <div class="row">
     <div class="col-lg-6 col-md-12 col-12 col-sm-12">
      <div class="jb_heading_wraper left_jb_jeading">
       <h3>Grow next level business</h3>
       <p>#1 MOST trusted digital marketplace company</p>
      </div>
      <div class="grow_next_text jb_cover">
       <p>What do all consultants need? In short, trust. This is achieved with professional presentation and the ability to communicate clearly with and potential clients. Whether you are an accountant.<br /><br />Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusd tempor incididunt ut labore et dolore magna aliqua.</p>
       <div class="header_btn search_btn jb_cover">
        <a href="#">discover more</a>
       </div>
      </div>
     </div>
     <div class="col-lg-6 col-md-12 col-12 col-sm-12">
      <div class="grow_next_img jb_cover">
       <img src="picture/gnxt.jpg" class="img-responsive" alt="img" />
      </div>
     </div>
    </div>
   </div>
  </div>
  <!-- grow next Wrapper end -->
  <!-- latest job wrapper start-->
  <div class="latest_job_wrapper jb_cover">
   <div class="container">
    <div class="row">
     <div class="job_main_overflow jb_cover">
      <div class="latest_job_overlow jb_cover">
       <div class="col-lg-12 col-md-12 col-sm-12">
        <div class="latest_job_toper jb_cover">
         <h1>latest jobs</h1>
         <div class="latest_job_tabs">
          <ul class="nav nav-tabs">
           <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#home">all</a></li>
           <li class="nav-item"><a class="nav-link " data-toggle="tab" href="#menu1">featured</a></li>
           <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#menu2">remotely</a></li>
           <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#menu3">part time</a></li>
           <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#menu4">full time</a></li>
          </ul>
         </div>
        </div>
       </div>
       <div class="col-xl-12 col-lg-12 col-md-12">
        <div class="tab-content">
         <div id="home" class="tab-pane active">
          <div class="row">
           <div class="col-lg-12 col-md-12 col-12">
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt1.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-1" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt2.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal1">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal1" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-2" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt3.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal2">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal2" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-3" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt4.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal3">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal3" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-4" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt1.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal4">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal4" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-5" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt2.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal5">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal5" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-6" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <p class="showing">Showing 1-5 of 23 Latest Jobs</p>
            <span class="se_all_job"><a href="#">See All Jobs <i class="fas fa-long-arrow-alt-right"></i></a></span>
           </div>
          </div>
         </div>
         <div id="menu1" class="tab-pane fade">
          <div class="row">
           <div class="col-lg-12 col-md-12 col-12">
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt4.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModa7">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal7" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-7" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt3.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal8">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal8" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-8" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt2.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal9">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal9" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-9" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt1.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal0">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal0" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-0" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt2.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal11">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal11" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-12" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt3.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal15">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal15" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-22" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <p class="showing">Showing 1-5 of 23 Latest Jobs</p>
            <span class="se_all_job"><a href="#">See All Jobs <i class="fas fa-long-arrow-alt-right"></i></a></span>
           </div>
          </div>
         </div>
         <div id="menu2" class="tab-pane fade">
          <div class="row">
           <div class="col-lg-12 col-md-12 col-12">
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt2.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal01">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal01" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-23" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt1.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal02">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal02" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-24" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt3.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal21">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal21" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-25" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt4.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal31">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal31" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-26" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt1.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal41">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal41" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-27" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt2.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal51">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal51" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-28" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <p class="showing">Showing 1-5 of 23 Latest Jobs</p>
            <span class="se_all_job"><a href="#">See All Jobs <i class="fas fa-long-arrow-alt-right"></i></a></span>
           </div>
          </div>
         </div>
         <div id="menu3" class="tab-pane fade">
          <div class="row">
           <div class="col-lg-12 col-md-12 col-12">
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt1.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal00">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal00" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-29" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt3.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal1500">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal500" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-20" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt4.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal201">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal201" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-211" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt1.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal302">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal302" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-222" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt1.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal401">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal401" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-233" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt2.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModal501">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModal501" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-255" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <p class="showing">Showing 1-5 of 23 Latest Jobs</p>
            <span class="se_all_job"><a href="#">See All Jobs <i class="fas fa-long-arrow-alt-right"></i></a></span>
           </div>
          </div>
         </div>
         <div id="menu4" class="tab-pane fade">
          <div class="row">
           <div class="col-lg-12 col-md-12 col-12">
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt1.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModalt">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModalt" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-266" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt2.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModalt1">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModalt1" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-277" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt3.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModalt2">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModalt2" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-288" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt4.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModalt3">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModalt3" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-299" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt1.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModalt4">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModalt4" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-200" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <div class="latest_job_box jb_cover">
             <div class="job_list">
              <a href="#"><img src="picture/lt2.png" alt="img" /><h6>Trainee Web Designer, (Fresher)</h6></a>
             </div>
             <div class="job_list_next">
              <p>google</p>
             </div>
             <div class="job_list_next">
              <p>Remotely</p>
             </div>
             <div class="job_list_next">
              <p>new york</p>
             </div>
             <div class="job_list_next">
              <p>$9,000</p>
             </div>
             <div class="job_list_next">
              <div class="header_btn search_btn apply_btn jb_cover">
               <a href="#" data-toggle="modal" data-target="#myModalt5">apply</a>
              </div>
             </div>
             <div class="modal fade apply_job_popup" id="myModalt5" role="dialog">
              <div class="modal-dialog">
               <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <div class="row">
                 <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                  <div class="apply_job jb_cover">
                   <h1>apply for this job :</h1>
                   <div class="search_alert_box jb_cover">
                    <div class="apply_job_form">
                     <input type="text" name="name" placeholder="full name" />
                    </div>
                    <div class="apply_job_form">
                     <input type="text" name="Email" placeholder="Enter Your Email" />
                    </div>
                    <div class="apply_job_form">
                     <textarea class="form-control" name="message" placeholder="Message"></textarea>
                    </div>
                    <div class="resume_optional jb_cover">
                     <p>resume (optional)</p>
                     <div class="width_50">
                      <input type="file" id="input-file-now-custom-082" class="dropify" data-height="90" />
                      <span class="post_photo">upload resume</span>
                     </div>
                     <p class="word_file">microsoft word or pdf file only (5mb)</p>
                    </div>
                   </div>
                   <div class="header_btn search_btn applt_pop_btn jb_cover">
                    <a href="#">apply now</a>
                   </div>
                  </div>
                 </div>
                </div>
               </div>
              </div>
             </div>
            </div>
            <p class="showing">Showing 1-5 of 23 Latest Jobs</p>
            <span class="se_all_job"><a href="#">See All Jobs <i class="fas fa-long-arrow-alt-right"></i></a></span>
           </div>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
    </div>
   </div>
  </div>
  <!-- latest job wrapper end-->
  <!-- counter wrapper start-->
  <div class="counter_wrapper jb_cover">
   <div class="counter_overlay"></div>
   <div class="container">
    <div class="row">
     <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
      <div class="counter_mockup_design jb_cover">
       <div class="animation-circle-inverse">
        <i></i>
        <i></i>
        <i></i>
       </div>
       <img src="picture/mockup2.png" class="img-responsive" alt="img" />
      </div>
     </div>
     <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
      <div class="counter_right_wrapper jb_cover">
       <h1>Some Statistical Facts</h1>
       <div class="counter_width">
        <div class="counter_cntnt_box">
         <div class="count-description">
          <span class="timer">2500</span>
          <p class="con2">happy customers</p>
         </div>
        </div>
       </div>
       <div class="counter_width">
        <div class="counter_cntnt_box">
         <div class="count-description">
          <span class="timer">9425</span>
          <p class="con2">ticket solved</p>
         </div>
        </div>
       </div>
       <div class="counter_width">
        <div class="counter_cntnt_box">
         <div class="count-description">
          <span class="timer">9</span>
          <span>+</span>
          <p class="con2">average rating</p>
         </div>
        </div>
       </div>
      </div>
     </div>
    </div>
   </div>
  </div>
  <!-- counter wrapper end-->
  <!-- company Wrapper start -->
  <div class="top_company_wrapper jb_cover">
   <div class="container">
    <div class="row">
     <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
      <div class="top_hiring_cpmpany_heading jb_cover">
       <div class="jb_heading_wraper left_jb_jeading">
        <h3>Top Hiring Companies</h3>
       </div>
       <p>What do all consultants need? In short, trust. This is achieved with professional presentation and the ability to communicate. Clearly with existing and potential clients.ll consultants need? In short, trust. This is achieved with Whether you Whether you are an accountant.</p>
      </div>
     </div>
     <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
      <div class="top_company_slider_wrapper jb_cover">
       <div class="owl-carousel owl-theme">
        <div class="item">
         <div class="row">
          <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
           <div class="company_main_wrapper">
            <div class="company_img_wrapper">
             <img src="picture/cmp1.png" alt="team_img1" />
             <div class="btc_team_social_wrapper">
              <h1>(usa)</h1>
             </div>
            </div>
            <div class="opening_job">
             <h1><a href="#">04 job open</a></h1>
            </div>
            <div class="company_img_cont_wrapper">
             <h4>Akshay INC.</h4>
            </div>
           </div>
          </div>
          <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
           <div class="company_main_wrapper">
            <div class="company_img_wrapper">
             <img src="picture/cmp2.png" alt="team_img1" />
             <div class="btc_team_social_wrapper">
              <h1>(usa)</h1>
             </div>
            </div>
            <div class="opening_job">
             <h1><a href="#">25 job open</a></h1>
            </div>
            <div class="company_img_cont_wrapper">
             <h4>burger patty</h4>
            </div>
           </div>
          </div>
         </div>
        </div>
        <div class="item">
         <div class="row">
          <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
           <div class="company_main_wrapper">
            <div class="company_img_wrapper">
             <img src="picture/cmp3.png" alt="team_img1" />
             <div class="btc_team_social_wrapper">
              <h1>(usa)</h1>
             </div>
            </div>
            <div class="opening_job">
             <h1><a href="#">04 job open</a></h1>
            </div>
            <div class="company_img_cont_wrapper">
             <h4>Akshay INC.</h4>
            </div>
           </div>
          </div>
          <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
           <div class="company_main_wrapper">
            <div class="company_img_wrapper">
             <img src="picture/cmp4.png" alt="team_img1" />
             <div class="btc_team_social_wrapper">
              <h1>(usa)</h1>
             </div>
            </div>
            <div class="opening_job">
             <h1><a href="#">25 job open</a></h1>
            </div>
            <div class="company_img_cont_wrapper">
             <h4>burger patty</h4>
            </div>
           </div>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
    </div>
   </div>
  </div>
  <!-- top company Wrapper End -->
  <!-- pricing plan wrapper start-->
  <div class="pricing_plan_wrapper jb_cover">
   <div class="container">
    <div class="row">
     <div class="col-lg-10 offset-lg-1 col-md-12 col-sm-12">
      <div class="jb_heading_wraper">
       <h3>choose pricing plan</h3>
       <p>Your next level Product developemnt company assets</p>
      </div>
     </div>
     <div class="col-lg-4 col-md-12 col-sm-12 col-12">
      <div class="pricing_box_wrapper jb_cover">
       <h1>basic plan</h1>
       <div class="main_pdet jb_cover">
        <h2><span class="dollarr">$ </span>29</h2>
        <span class="monthly">/ per month</span>
       </div>
       <ul class="pricing_list22">
        <li>5 Jobs Posting</li>
        <li>2 Featured jobs</li>
        <li>1 Renew Jobs</li>
        <li>10 Days Duration</li>
        <li>Email Alert</li>
       </ul>
       <a href="#" class="price_btn">select plan</a>
      </div>
     </div>
     <div class="col-lg-4 col-md-12 col-sm-12 col-12">
      <div class="pricing_box_wrapper jb_cover">
       <h1>premium plan</h1>
       <div class="main_pdet jb_cover">
        <h2><span class="dollarr">$ </span>49 </h2>
        <span class="monthly">/ per month</span>
       </div>
       <ul class="pricing_list22">
        <li>5 Jobs Posting</li>
        <li>2 Featured jobs</li>
        <li>1 Renew Jobs</li>
        <li>10 Days Duration</li>
        <li>Email Alert</li>
       </ul>
       <a href="#" class="price_btn">select plan</a>
      </div>
     </div>
     <div class="col-lg-4 col-md-12 col-sm-12 col-12">
      <div class="pricing_box_wrapper jb_cover">
       <h1>advanced plan</h1>
       <div class="main_pdet jb_cover">
        <h2><span class="dollarr">$ </span>69</h2>
        <span class="monthly">/ per month</span>
       </div>
       <ul class="pricing_list22">
        <li>5 Jobs Posting</li>
        <li>2 Featured jobs</li>
        <li>1 Renew Jobs</li>
        <li>10 Days Duration</li>
        <li>Email Alert</li>
       </ul>
       <a href="#" class="price_btn">select plan</a>
      </div>
     </div>
    </div>
   </div>
  </div>
  <!-- pricing plan wrapper end-->
  <!-- job rivew wrapper start-->
  <div class="job_rivew_wrapper jb_cover">
   <div class="job_rivew_img">
    <img src="picture/mockup3.png" alt="img" />
   </div>
   <div class="job_rivew_testimonial">
    <div class="jb_heading_wraper left_rivew_heading">
     <h3>our job rivew</h3>
     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, <br />sed do eiusmod tempor incididunt</p>
    </div>
    <div class="rivew_testimonial_slider jb_cover">
     <div class="owl-carousel owl-theme">
      <div class="item">
       <div class="jb_saying_content_wrapper jb_cover">
        <div class="saying_img">
         <img src="picture/testi.png" alt="img" />
        </div>
        <div class="rating_star">
         <i class="flaticon-star-1"></i>
         <i class="flaticon-star-1"></i>
         <i class="flaticon-star-1"></i>
         <i class="flaticon-star"></i>
         <i class="flaticon-star"></i>
        </div>
        <p>“ I don't always clap, but when I do, it'sbecause of Sella. We can't understandhow we've been Sella. ”</p>
        <div class="jb_saying_img_name">
         <h1><a href="#">Marita Irene</a></h1>
         <p>Support Manager @ Echo</p>
        </div>
       </div>
      </div>
      <div class="item">
       <div class="jb_saying_content_wrapper jb_cover">
        <div class="saying_img">
         <img src="picture/testi1.png" alt="img" />
        </div>
        <div class="rating_star">
         <i class="flaticon-star-1"></i>
         <i class="flaticon-star-1"></i>
         <i class="flaticon-star-1"></i>
         <i class="flaticon-star"></i>
         <i class="flaticon-star"></i>
        </div>
        <p>“ I don't always clap, but when I do, it'sbecause of Sella. We can't understandhow we've been Sella. ”</p>
        <div class="jb_saying_img_name">
         <h1><a href="#">Marita Irene</a></h1>
         <p>Support Manager @ Echo</p>
        </div>
       </div>
      </div>
     </div>
    </div>
   </div>
  </div>
  <!-- job rivew wrapper end-->
  <!-- download app wrapper start-->
  <div class="download_wrapper jb_cover">
   <div class="counter_overlay"></div>
   <div class="container">
    <div class="row">
     <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
      <div class="download_mockup_design jb_cover">
       <div class="animation-circle-inverse2">
        <i></i>
        <i></i>
        <i></i>
       </div>
       <img src="picture/mockup5.png" class="img-responsive" alt="img" />
      </div>
     </div>
     <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
      <div class="download_app_store jb_cover">
       <h1>Download</h1>
       <h2>Job Portal App Now!</h2>
       <p>All it takes is 30 seconds to Download. Your Mobile App for Job <br />Fast, Simple &amp; Delightful.</p>
       <div class="app_btn jb_cover">
        <a href="#" class="ss_playstore"><span><i class="flaticon-android-logo"></i></span>Play Store</a>
        <a href="#" class="ss_appstore"><span><i class="flaticon-apple"></i></span>App Store</a>
       </div>
      </div>
     </div>
    </div>
   </div>
  </div>
  <!-- download app wrapper end-->
  <!-- blog wrapper start-->
  <div class="blog_wrapper jb_cover">
   <div class="container">
    <div class="row">
     <div class="col-lg-10 offset-lg-1 col-md-12 col-sm-12">
      <div class="jb_heading_wraper">
       <h3>from our blog</h3>
       <p>Your next level Product developemnt company assets</p>
      </div>
     </div>
     <div class="col-lg-4 col-md-12 col-sm-12">
      <div class="blog_newsleeter jb_cover">
       <h1>Request Call Back</h1>
       <p>What do all consultants need? In short trust This is achieved with professional and the ability to communicate. and the ability to communicate.</p>
       <div class="contect_form3 blog_letter">
        <input type="text" name="name" placeholder="how can we help ?" />
       </div>
       <div class="contect_form3 blog_letter">
        <input type="text" name="name" placeholder="your name" />
       </div>
       <div class="contect_form3 blog_letter">
        <input type="email" name="name" placeholder="your email" />
       </div>
       <div class="header_btn search_btn submit_btn jb_cover">
        <a href="#">submit</a>
       </div>
      </div>
     </div>
     <div class="col-lg-8 col-md-12 col-sm-12">
      <div class="row">
       <div class="col-lg-6 col-md-6 col-sm-12">
        <div class="our_blog_content jb_cover">
         <div class="jb_cover">
          <img src="picture/blog1.jpg" class="img-responsive" alt="img" />
         </div>
         <div class="blog_content jb_cover">
          <p>FEb 19, 2019</p>
          <h4><a href="#">Want to Be an Ace Designer? TryTravelling the World</a></h4>
         </div>
        </div>
       </div>
       <div class="col-lg-6 col-md-6 col-sm-12">
        <div class="our_blog_content jb_cover">
         <div class="jb_cover">
          <img src="picture/blog2.jpg" class="img-responsive" alt="img" />
         </div>
         <div class="blog_content jb_cover">
          <p>jan 19, 2019</p>
          <h4><a href="#">Hey Seeker, It’s Time to TryTravelling the World</a></h4>
         </div>
        </div>
       </div>
       <div class="col-lg-12 col-md-12 col-sm-12">
        <div id="accordion" role="tablist">
         <h1>Frequently Asked Question?</h1>
         <div class="card">
          <div class="card_pagee" role="tab" id="heading1">
           <h5 class="h5-md"><a href="https://www.51qianduan.com/">51前端</a></h5>
          </div>
          <div id="collapseTwo" class="collapse" role="tabpanel" aria-labelledby="heading1" data-parent="#accordion" style="">
           <div class="card-body">
            <div class="card_cntnt">
             <p>This is Photoshop's version of LoremProin gravida nibh vel velit auctor Ipsum. Proin gravida nibh vel velit auctor aliquet....</p>
            </div>
           </div>
          </div>
         </div>
         <div class="card">
          <div class="card_pagee" role="tab" id="heading2">
           <h5 class="h5-md"><a href="https://www.51qianduan.com/">51前端</a></h5>
          </div>
          <div id="collapsethree" class="collapse" role="tabpanel" aria-labelledby="heading2" data-parent="#accordion" style="">
           <div class="card-body">
            <div class="card_cntnt">
             <p>This is Photoshop's version of LoremProin gravida nibh vel velit auctor Ipsum. Proin gravida nibh vel velit auctor aliquet....</p>
            </div>
           </div>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
     <div class="col-lg-12 col-md-12 col-sm-12">
      <div class="job_newsletter_wrapper jb_cover">
       <div class="jb_newslwtteter_left">
        <h2>Looking For A Job</h2>
        <p>Your next level Product developemnt company assetsYour next level Product</p>
       </div>
       <div class="jb_newslwtteter_button">
        <div class="header_btn search_btn news_btn jb_cover">
         <a href="#">submit</a>
        </div>
       </div>
      </div>
     </div>
    </div>
   </div>
  </div>
  <!-- blog wrapper end-->
  <!-- footer Wrapper Start -->
  <div class="footer jb_cover">
   <div class="container">
    <div class="row">
     <div class="col-lg-3 col-sm-6 col-12">
      <div class="footerNav jb_cover">
       <a href="#"><img src="picture/logo2.png" alt="img" /></a>
       <ul class="footer_first_contact">
        <li><i class="flaticon-location-pointer"></i><p>123 City Avenue, Floor 10, <br />malbourne, Australia.</p></li>
        <li><i class="flaticon-telephone"></i><p>1 -234 -456 -7890 <br />1 -234 -456 -7890</p></li>
        <li><i class="flaticon-envelope"></i><a href="#">info@Jbdesks.com</a><br /><a href="#">support@Jbdesks.com</a></li>
       </ul>
       <ul class="icon_list_news jb_cover">
        <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
        <li><a href="#"><i class="fab fa-twitter"></i></a></li>
        <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
        <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
       </ul>
      </div>
     </div>
     <div class="col-lg-3 col-sm-6 col-12">
      <div class="footerNav jb_cover footer_border_displ">
       <h5>features</h5>
       <ul class="nav-widget">
        <li><a href="#"><i class="fa fa-square"></i>Job Management &amp; Billing</a></li>
        <li><a href="#"><i class="fa fa-square"></i>Time &amp; Materials Tracking</a></li>
        <li><a href="#"><i class="fa fa-square"></i>Standards Compliance </a></li>
        <li><a href="#"><i class="fa fa-square"></i>Real Time GPS Tracking</a></li>
        <li><a href="#"><i class="fa fa-square"></i>Client Portal</a></li>
        <li><a href="#"><i class="fa fa-square"></i>Powerful Workflow</a></li>
       </ul>
      </div>
     </div>
     <div class="col-lg-3 col-sm-6 col-12">
      <div class="footerNav jb_cover footer_border_displ">
       <h5>browse</h5>
       <ul class="nav-widget">
        <li><a href="#"><i class="fa fa-square"></i>Freelancers by Category</a></li>
        <li><a href="#"><i class="fa fa-square"></i>Freelancers in USA </a></li>
        <li><a href="#"><i class="fa fa-square"></i>Freelancers in UK</a></li>
        <li><a href="#"><i class="fa fa-square"></i>Freelancers in Canada</a></li>
        <li><a href="#"><i class="fa fa-square"></i>Freelancers in india</a></li>
        <li><a href="#"><i class="fa fa-square"></i>find jobs</a></li>
       </ul>
      </div>
     </div>
     <div class="col-lg-3 col-sm-6 col-12">
      <div class="footerNav jb_cover footer_border_displ">
       <h5>app &amp; integration</h5>
       <ul class="nav-widget">
        <li><a href="#"><img src="picture/ft1.png" alt="img" />Xero</a></li>
        <li><a href="#"><img src="picture/ft2.png" alt="img" />Reckon</a></li>
        <li><a href="#"><img src="picture/ft3.png" alt="img" />Flexidocs</a></li>
        <li><a href="#"><img src="picture/ft4.png" alt="img" />Microsoft Exchange</a></li>
        <li><a href="#"><img src="picture/ft5.png" alt="img" />Mailchimp</a></li>
        <li><a href="#"><img src="picture/ft6.png" alt="img" />MYOB</a></li>
       </ul>
      </div>
     </div>
     <div class="copyright_left">Copyright &copy; 2019.Company name All rights reserved.<a href="https://www.51qianduan.com/">51前端</a></div>
     <div class="clearfix"></div>
    </div>
    <!--/.row-->
   </div>
   <!--/.container-->
   <div class="waveWrapper waveAnimation">
    <div class="waveWrapperInner bgTop gradient-color">
     <div class="wave waveTop"></div>
    </div>
    <div class="waveWrapperInner bgMiddle">
     <div class="wave waveMiddle"></div>
    </div>
    <div class="waveWrapperInner bgBottom">
     <div class="wave waveBottom"></div>
    </div>
   </div>
  </div>
  <!-- footer Wrapper End -->
  <!-- chat box Wrapper start -->
  <div id="chat-circle" class="btn btn-raised">
   <i class="fas fa-comment-alt"></i>
  </div>
  <div class="chat-box">
   <div class="chat-box-header">
    ChatBot 
    <span class="chat-box-toggle"><i class="fas fa-times"></i></span>
   </div>
   <div class="chat-box-body">
    <div class="chat-box-overlay"></div>
    <div class="chat-logs"></div>
    <!--chat-log -->
   </div>
   <div class="chat-input">
    <form>
     <input type="text" id="chat-input" placeholder="Send a message..." />
     <button type="submit" class="chat-submit" id="chat-submit"><i class="fas fa-paper-plane"></i></button>
    </form>
   </div>
  </div>
  <!-- chat box Wrapper end -->
  <!--custom js files-->
  <!-- custom js-->

用户评论

18素材网

一个让开发更高效的素材分享平台,用于快速开发强大的Web界面。


官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:864918708
Css3+Html5讨论群
群号:864918708

加群请备注:从官网了解到