The Mou template general HTML markup is shown here:
<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<title>Mou - Demo Main</title>
<meta name="description" content="Mou - Creative Multipurpose HTML5 Template">
<meta name="keywords" content="creative agency, blog, personal, corporate, modern, multipurpose, woocommerce, one page">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="priyodesign">
<!-- Favicons -->
<link rel="shortcut icon" type="image/x-icon" href="assets/images/icons/favicon.svg" />
<!-- All CSS Called Here -->
<link rel="stylesheet" href="assets/css/style.css">
<meta name="theme-color" content="#1c222e">
</head>
<body>
<!-- Preloader -->
<div class="loader-mask">
...
</div> <!-- Preloader end -->
<!-- Header -->
<header class="site-header">
<div class="container-fluid gx-small gx-sm-small">
<div class="row align-items-center">
<!-- Header Left -->
<div class="col-xl-2 col-lg-3 col-5 d-flex align-items-center">
<div class="slidingbar-open pointer_large">
...
</div>
<!-- Site Logo -->
<div class="nav-logo">
<a href="index.html"><img src="assets/images/logo.svg" alt="logo"></a>
</div>
</div> <!-- Header Left End -->
<!-- Header Center -->
<div class="col-xl-8 col-lg-6 col-2 d-flex align-items-center justify-content-center">
<!-- Nav Container -->
<div class="nav-container">
<nav id="responsive_menu" class="menu">
<!-- Main Menu -->
<ul class="menu-main">
<li class="menu-item current-menu-item menu-item-has-children">
...
</li>
</ul> <!-- Main Menu End -->
</nav>
</div> <!-- Nav Container End -->
</div> <!-- Header Center End -->
<!-- Header Right -->
<div class="col-xl-2 col-lg-3 col-5 header-right-items d-flex align-items-center justify-content-end">
...
</div> <!-- Header Right End -->
</div>
</div>
</header> <!-- Header End -->
<div class="offcanvas-overlay"></div>
<!-- Sliding Bar Container -->
<div class="slidingbar-container">
<div class="slidingbar-close pointer_large"></div>
...
</div> <!-- Sliding Bar End -->
<!-- Search Container -->
<div class="search-container">
...
</div> <!-- Search Container End -->
<!-- Offcanvas: mou_offcanvas_account -->
<div class="offcanvas mou_offcanvas-account" tabindex="-1" id="mouOffCanvasAccount" aria-labelledby="mouOffCanvasAccountLabel">
...
<div class="offcanvas-account-register">
<!-- Offcanvas Body Content -->
...
</div>
</div> <!-- Offcanvas: mou_offcanvas_cart End -->
<!-- Offcanvas: mou_offcanvas_cart -->
<div class="offcanvas mou_offcanvas-cart" tabindex="-1" id="mouOffCanvasCart" aria-labelledby="mouOffCanvasCartLabel">
...
</div> <!-- Offcanvas: mou_offcanvas_cart End -->
<main class="page-main-wrapper" id="main">
...
</main>
<!-- Footer -->
<footer class="site-footer">
<!-- Footer Top -->
...
<!-- Footer Bottom -->
...
</footer> <!-- Footer End -->
<!-- Back to Top -->
<button id="back_to_top" class="btnEntrance"><i class="flaticon-up-arrow"></i></button>
<!-- All JS Called Here -->
<script src="assets/js/main.js"></script>
</body>
</html>