HTML Structure

Here is the general HTML structure of the template:

<!doctype html>
<html lang="en" data-bs-theme="light" dir="ltr" class="landing-pages">

<head>
  [Page meta, page css, page js files, page title etc...]
</head>

<body class=" body-bg landing-pages">
  <span class="screen-darken"></span>
  <!-- loader Start -->
  <div id="loading">
    [LOADER CONTENT]
  </div>
  <!-- loader END -->
  <main class="main-content">
    <div class="position-relative">
      <!--Nav Start-->
      [HEADER CONTENT]

      <!--bread-crumb-->
      [BREAD CRUMB CONTENT]
      <!--bread-crumb-->
    </div>
    [MAIN CONTENT]
  </main>
  <!-- Wrapper End -->
  <!-- Footer start -->
  [FOOTER CONTENT]
  <!-- footer end -->

  <!-- Back To Top -->
  [Back to Top CONTENT]
  <!-- Back To Top -->
  
<!-- Script Start -->
[SCRIPT CONTENT]
<!-- Script END -->
</body>

</html>