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>NFTOcean - NFT Marketplace Website Template + Dark/Light</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">

  

      <!-- fancybox -->

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

      <!-- bootstarp icon -->

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

      <!-- bootstarp icon -->

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

      <!-- animate Css -->

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

      <!-- Swiper bundle Css -->

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

      <!-- Bootstrap CSS -->

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

      <!-- Custom CSS -->

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

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

  

  </head>

  

  <body class="theme-dark-active" id="activeTheme">

  

      <div>

          <!-- Your Code goes here -->

      </div>

  

       <!--Custom jsvascript and Plugins -->

  

      <!-- jquery latest -->

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

      <!-- latest bootstarp bundle -->

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

      <!-- swiper bundle -->

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

      <!-- wow js -->

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

      <!-- nice select -->

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

      <!-- jquery countdown -->

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

      <!-- dropzone js -->

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

      <!-- fancybox -->

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

      <!-- Custom JavaScript -->

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

  </body>

  

  </html>