Documentation, User Guide

While you have a complete list of demos for the template, but you're always welcome to use this documentation too.




What's this

Introduction

Read this section to know about TheJobs and its features

Triple is all kind of business purpose HTML template for Business Startups. Responsive design based on Bootstrap framework. All files are well organized and named accordingly so its very easy to change any and all of the design. You can easily change texts, contents, images, objects.

Features

Check out some of features that we have in this template. To know more about features of TheJobs, continue reading our documentation and check our available components.


Unboxing

What's included

Checkout the files that you'll see upon downloading

Once you download the template, you can see a folder with several files and sub folders. You can read description of some important files in continue.

  • assets
  • css
    • style.cssMinified version of all required CSS files
  • fonts
  • imagesHere is a place to put your media files like logo, images, videos, etc.
  • js
    • vendors
    • custom.jsWrite your custom scripts in this file and also edit existence code to fits your need
  • index-1.html
  • index-2.html
  • index-3.html
  • index-4.html
  • index-5.html
  • index-6.html
  • 	
    			<!-- all css here -->
    			<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    			<link rel="stylesheet" href="assets/Normalize/normalize.css">
    			<link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css">
    			<link rel="stylesheet" href="assets/linearicons/css/icon-font.min.css">
    			<link rel="stylesheet" href="assets/animate/animate.css">
    			<link rel="stylesheet" href="assets/css/ionicons.min.css">
    			<link rel="stylesheet" href="assets/css/magnific-popup.css">
                <!-- Revolution css here -->
                <link rel="stylesheet" href="assets/revolution/css/layers.css">
                <link rel="stylesheet" href="assets/revolution/css/navigation.css">
                <!-- custum css here -->
    			<link rel="stylesheet" href="css/style.css">
    					
    		
    		<!-- all js here -->
    		<script src="assets/jquery/jquery-3.2.1.min.js"></script>
    		<script src="assets/bootstrap/js/bootstrap.min.js"></script>
    		<script src="assets/easing/jquery.easing.min.js"></script>
    		<script src="assets/isotope/jquery.isotope.js"></script>
    		<script src="assets/jquery/imagesloaded.pkgd.min.js"></script>
    		<script src="assets/jquery/jquery.magnific-popup.min.js"></script>
            <script src="assets/number-animation/jquery.animateNumber.min.js"></script>
            <script src="assets/jquery/plugins.js"></script>
            <!-- Revolution js here -->
           <script src="assets/revolution/js/source/jquery.themepunch.tools.min.js"></script>
           <script src="assets/revolution/js/source/jquery.themepunch.revolution.js"></script> 
            <!-- custom js here -->
            <script src="js/custom.js"></script>
    		
    		
    Font icons

    Icons

    Symbolizes a command, action, or information using UI icons

    Triple has included FontAwesome Icons & Linearicons in its package and will update it regularly by new releases. So you're safe to use any icon from FontAwesome or Linear Icons websites.

    Project-wide use

    Helper Classes

    Some other helper classes in addition to Bootstrap's helper classes

    Class name Description
    .prl-20 Equals to padding-right: 20px; padding-left: 20px;
    .pt-20 Equals to padding-top: 20px;
    .ptb-20 Equals to padding-top: 20px; padding-bottom: 20px;
    .mt-20 Equals to margin-bottom: 20px;
    .font-55 Equals to font-size: 55px;
    .margin-bottom-2 Equals to margin-bottom:30px;
    .padding-2 Equals to padding:20px;
    .padding-no Equals to padding:0;
    .color-g Equals to color:#777;
    .color-y Equals to color:#fdc318;