Jobtex | Job Board HTML Template

  • Version: 1.0.0
  • Last Updated: April 18 23
  • Author: themesflat
Thank you so much for your interests. Your comments and ratings would be much appreciated. If you purchase this template, you will get support. We will update this template time by time and we want to hear your wishes for the future updates or for complete new templates. Create ticket id : https://themesflat.ticksy.com/ticket

Template features:

  • 10 Home Page Styles
  • 106+ Inner Pages
  • Super Clear and Clean Layout
  • Professional and Creative Design
  • Clean & Unique Design
  • HTML5 & CSS3
  • Responsive Template
  • Free icons used
  • Pixel Perfect
  • Clean & Unique Design
  • Easy to customize
  • Retina Ready
  • Unlimited Colors
  • Boxed or Wide layout
  • Ajax Contact Form
  • Parallax Effect
  • & much more...

HTML Structure

Jobtex | Job Board HTML Template

Below is Labaid basic structure:

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>Jobtex | Job Board HTML Template</title>

    <!-- Mobile Specific Metas -->

    <!-- Bootstrap  -->

    <!-- Theme Style -->

    <!-- Responsive -->

    <!-- colors -->    
   
    <!-- Animation Style -->    

    <!-- Favicon and touch icons  -->
</head>

<body>
	<!-- Header -->	

	<!-- Slider -->

    <!-- Section -->
    <section class="flat-row"> </section>

    <!-- Footer -->
    <footer class="footer"> </footer>

   	<!-- Bottom -->
   	<div class="bottom"> </bottom>

   	<!-- Go Top -->
    <a class="go-top">
     	<i class="fa fa-angle-up"></a>
    </a>
   
   <!-- Javascript -->
   <script type="text/javascript" src="assets/js/jquery.min.js"></script>
   <script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
   <script type="text/javascript" src="assets/js/jquery.easing.js"></script>
   <script type="text/javascript" src="assets/js/jquery-waypoints.js"></script>
   <script type="text/javascript" src="assets/js/owl.carousel.js"></script>
   <script type="text/javascript" src="assets/js/parallax.js"></script>
   <script type="text/javascript" src="assets/js/jquery.cookie.js"></script>   
   <script type="text/javascript" src="assets/js/switcher.js"></script>      
   <script type="text/javascript" src="assets/js/main.js"></script>
</body>

</html>

CSS System

The Jobtex CSS System contains 3 parts:
  • Template style
  • Shortcodes style
  • Responsive style
  • Javascript - Fonts - Animation - Bootstrap style

Your_template/asset/scss/style.scss ( Template style )


/* 

  * Reset
  * Header
  * Menu mobile
  * Blog
  * Blog masonry
  * Blog grid
  * Blog detail
  * Footer
  * Preload
  * Scroll 
  
*/

Your_template/asset/scss/Shortcodes.scss ( Shortcodes - Elements style )

You can easily use the shortcodes to create your own page.


/* 
  * widget menu link
  * widget blog 1 
  * blog-pagination 
  * blog
  * widget-side-bar 
  * widget box-latest 
  * HOME PAGE
  * widget review job
  * widget get app 
  * widget counter 
  * widget testimonials
  * widget location
  * slider 
  * CV item
  * banner rating 
  * sidebar popup
  * popup
  * haft map
  * list radio 
  * single job 
  * accordion 
  * term 
  * contact 
  * pricing
  * shop
  * animation
  * widget features job
  * widget category job 
  * widget Employer
  * wd-employer style-2  
  * wd-employer style3
  * widget-icon-box
  * widget-partner
  * widget-thumb-career
  * widget-thumb-career style-2 
  * wd-form-rating-page 
  * wd-form-rating 
  * wd-job-author
  * wd-author-page-title
  * jobs tab
  * PAGE 
  * Check out
  * MAP
  * TF section spacing 
  * Inner page section spacing 
  */

Javascript - Fonts - Animation - Bootstrap style


/*
 * Header Fixed
 * scrollEffect
 * show search
 * Categories slideToggle
 * accordion
 * parallax
 * goTop
 * counter
 * filter
 * popUpLightBox
 * gallery
 * flatProgressBar
 * load more
 * load more2
 * fasterPreview
 * UpImg
 * delete_img
 * tfTabs
 * btn nav menu
 * btnCategory
 * dropOptionForm
 * progressProduct
 * Modal_Right
 * rangeSlider
 * btnQuantity
 * stickSidebar
 * preload
 */

Javascript Custom

Here you can modify any settings for ( Retina Logos, Animations, Testimonials, Sliders, & Progress bar and more..)

Main.js ( js/main.js )


/*
 * Header Fixed
 * scrollEffect
 * show search
 * Categories slideToggle
 * accordion
 * parallax
 * goTop
 * counter
 * filter
 * popUpLightBox
 * gallery
 * flatProgressBar
 * load more
 * load more2
 * fasterPreview
 * UpImg
 * delete_img
 * tfTabs
 * btn nav menu
 * btnCategory
 * dropOptionForm
 * progressProduct
 * Modal_Right
 * rangeSlider
 * btnQuantity
 * stickSidebar
 * preload
 */

Shortcodes System

You can easily use the shortcodes to create your own page.

    
/*
 * Header Fixed
 * scrollEffect
 * show search
 * Categories slideToggle
 * accordion
 * parallax
 * goTop
 * counter
 * filter
 * popUpLightBox
 * gallery
 * flatProgressBar
 * load more
 * load more2
 * fasterPreview
 * UpImg
 * delete_img
 * tfTabs
 * btn nav menu
 * btnCategory
 * dropOptionForm
 * progressProduct
 * Modal_Right
 * rangeSlider
 * btnQuantity
 * stickSidebar
 * preload
 */

Credits