HTML Structure

Jobpath template is based on Bootstrap Framework (http://getbootstrap.com/) Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

Below is sample coding structure:

<meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="description" content="Your Ultimate Job HTML Template">
        <meta name="keywords" content="Job, Resume">
        <link rel="canonical" href="https://html.themewant.com/hostie">
        <meta name="robots" content="index, follow">
        <!-- for open graph social media -->
        <meta property="og:title" content="Your Ultimate Job HTML Template">
        <meta property="og:description" content="Your Ultimate Job HTML Template">
        <meta property="og:image" content="https://www.example.com/image.jpg">
        <meta property="og:url" content="https://html.themewant.com/hostie/">
        <!-- for twitter sharing -->
        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:title" content="Your Ultimate Job HTML Template">
        <meta name="twitter:description" content="Your Ultimate Job HTML Template">
        <meta name="twitter:image" content="https://html.themewant.com/hostie/landing/assets/images/banner/slider-img-01.webp">
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
        <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200..800&amp;display=swap" rel="stylesheet">
        <link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon">
        <title>Jobpath - Job Seeker &amp; Job Holder HTML Template</title>
        <!-- rt icons -->
        <link rel="stylesheet" href="assets/fonts/icon/css/rt-icons.css">
        <!-- fontawesome -->
        <link rel="stylesheet" href="assets/fonts/fontawesome/fontawesome.min.css">
        <!-- all plugin css -->
        <link rel="stylesheet" href="assets/css/plugins.min.css">
        <link rel="stylesheet" href="assets/css/style.css">
        <!-- header area -->
        <header class="rts__section rts__header absolute__header">
            ...........
        </header>
        <!-- header area end -->
        <!-- banner area -->
        <section class="rts__banner home__one__banner pt-260">
            .........
        </section>
        <!-- banner area end -->

        <!-- work process area -->
        <section class="rts__section section__padding">
            .........
        </section>
        <!-- work process area end -->

        <!-- brand area -->
        <div class="rts__section rts__brand pb-120 pt-50 text-center">
            ............
        </div>
        <!-- brand area end -->

        <!-- cat slider -->
        <div class="rts__section overflow-hidden cat__slider__bg pt-100 pb-100">
            ...........
        </div>
        <!-- cat slider end -->

        <!-- current open position -->
        <section class="rts__section section__padding">
            ..........
        </section>
        <!-- current open position end -->

        <!-- what we are -->
        <div class="rts__section pb-120">
            ...........
        </div>
        <!-- what we are end -->

        <!-- testimonial section -->
        <div class="rts__section section__padding rts__testimonial__background">
            ..........
        </div>
        <!-- testimonial section end -->

        <!-- funfact section -->
        <div class="rts__section section__padding">
            .............
        </div>
        <!-- funfact section end -->

        <!-- pricing section -->
        <div class="rts__section pt--10">
            .............
        </div>
        <!-- pricing section end -->

        <!-- footer section -->
        <footer class="rts__section  footer__home__one">
            ........
        </footer>
        <!-- footer section end -->

        <!-- mobile menu -->
        <div class="offcanvas offcanvas-end" id="offcanvas" aria-labelledby="offcanvasLabel">
            ........
        </div>
        <!-- mobile menu end -->

        <!-- THEME PRELOADER START -->
        <div class="loader-wrapper">
            .....
        </div>
        <!-- THEME PRELOADER END -->

        <!-- all plugin js -->
        <script src="assets/js/plugins.min.js"></script>
        <script src="assets/js/main.js"></script>