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>Epicurean - Food & Restaurant 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/fav.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">

      <!-- Wow CSS -->

      <link rel="stylesheet" href="assets/css/animate.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">
      <!-- Meanmenu CSS -->

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

      <!-- YouTubePopUp CSS -->

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

      <!-- Select2 CSS -->

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

      <!-- Datepicker CSS -->

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


      <!-- Custom CSS -->

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


  

  </head>

  

  <body>

  

      <div id="site-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>

      <!-- Wow JS -->

      <script src="assets/js/wow.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>

      <!-- YouTubePopUp JS -->

      <script src="assets/js/YouTubePopUp.js" ></script>

      <!-- Datepicker JS -->

      <script src="assets/js/datepicker.js" ></script>

      <!-- Select2 JS -->

      <script src="assets/js/select2.js" ></script>

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

  </body>

  

  </html>