Analysing the Starter Template

We have provided a skeleton template code below for you to copy. Follow this guide to understand and make a quick start.

For HTML Users/Customizers

We have used some common plugins in all our themes. We have linked their path in the starter base code. You can copy the below code and start to create a new page in no time.


  <!doctype html>

  <html lang="en">

  

  <head>

       <title>Line - Creative Agency Html Template</title>

  

      <!-- Required meta tags -->

      <meta charset="utf-8">

      <meta name="viewport" content="width=device-width, initial-scale=1">

      <!-- favicon -->

      <link rel="icon" href="assets/images/favicon.png" type="image/gif" sizes="20x20">

  

      <!-- Box Icon CSS -->

      <link rel="stylesheet" href="assets/css/boxicons.min.css">

      <!-- bootstarp icon -->

      <link rel="stylesheet" href="assets/css/bootstrap-icons.css">

      <!-- Swiper Carousel CSS -->

      <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">

      <!-- Magnific Popup CSS -->

      <link rel="stylesheet" href="assets/css/magnific-popup.css">

      <!-- Odometer CSS -->

      <link rel="stylesheet" href="assets/css/odometer.css">

      <!-- Bootstrap CSS -->

      <link rel="stylesheet" href="assets/css/bootstrap.min.css">
      <link rel="stylesheet" href="assets/css/meanmenu.min.css">


      <!-- Custom CSS -->

      <link rel="stylesheet" href="assets/css/style.css">

      <link rel="stylesheet" href="assets/css/responsive.css">

  

  </head>

  

  <body>

  

      <div id="smooth-wrapper">

          <!-- Your Code goes here -->

      </div>

  

       <!--Custom jsvascript and Plugins -->

  

      <!-- jquery latest -->

      <script src="assets/js/jquery-3.6.0.min.js" ></script>

      <!-- Bootstrap JS -->

      <script src="assets/js/bootstrap.bundle.min.js" ></script>

      <!-- Gsap  -->

      <script src="assets/js/gsap.min.js" ></script>

      <script src="assets/js/ScrollTrigger.min.js" ></script>

      <script src="assets/js/ScrollSmoother.min.js" ></script>

      <script src="assets/js/SplitText.min.js" ></script>

      <!-- Swiper Carousel JS -->

      <script src="assets/js/swiper-bundle.min.js" ></script>

      <!-- Magnific Popup JS -->

      <script src="assets/js/jquery.magnific-popup.min.js" ></script>

      <!-- Odometer JS -->

      <script src="assets/js/odometer.min.js" ></script>

      <script src="assets/js/viewport.jquery.js" ></script>

      <!-- Mean menu JS -->

      <script src="assets/js/jquery.meanmenu.min.js" ></script>

      <script async src="assets/js/main.js"></script>

  </body>

  

  </html>