Buy now
Buy now

What are you looking for?

Use our live search form to get specific articles of documentation.

Basic HTML Markup

The Nijhum template general HTML markup is shown here:

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="description" content="Page Scroll Percentage">
  <meta name="keywords" content="creative agency, blog, personal, corporate">
  <meta name="author" content="priyodesign">
  <!-- Page Title -->
  <title>Nijhum - Personal and Creative Agency HTML5 Template</title>
  <!-- Favicons -->
  <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.svg"/>
  <!-- All CSS Called Here -->
  <link rel="stylesheet" href="assets/css/style.css">
  <meta name="theme-color" content="#100F21">
</head>
<body>
<!-- Preloader -->
<div class="loader-mask">
  ...
</div> <!-- Preloader end -->
<!--Site Header-->
<header class="site-header flex-between-center">
  <div class="header-left">
    <!-- Site Logo -->
    <div class="nav-logo">
      ...
    </div>
  </div>
  <div class="header-right flex-between-center">
    <!-- Nav Menu -->
    ...
  </div>
</header> <!-- Header End -->
<div class="offcanvas-overlay"></div>
<!-- Nav Container -->
<div class="nav-container priyo-scrollbar">  
  <!-- Main Menu wrapper -->
  <nav class="nav-menu-wrapper">
    <!-- Sub-Menu Close -->
    ...
    <!-- Main Menu -->
    <ul class="menu-main">
      <!-- Main Menu Item -->
      ...
    </ul>
  </nav> <!-- Main Menu End -->
  <!--  Sliding nav extra info-->
  <div class="sliding-nav-extra-info">
    ...
  </div>
</div> <!-- Nav Container End -->
<!-- Search Container -->
<div class="search-container">
...
</div> <!-- Search Container End -->
<!-- Mini Contact Form Modal -->
<div class="contact-form-modal">
  ...
</div>
<!--Main Wrapper-->
<main class="page-main-wrapper" id="main">
  <!--  Hero Banner-->
  <section class="section section-fullHeight background-auto-2">
    ...
  </section>
...
</main>
<!-- Footer -->
<footer class="site-footer pt-xLarge background-dark overlay_noise">
  ...
</footer>
<!--Color-mode switcher-->
...
<!-- Back to Top -->
...
<!--Page Scroll Progress-->
...
<!-- All JS Called Here -->
<script src="assets/js/main.js"></script>
...
</body>
</html>