HTML file structure
We are use gulp & Webpack
for compile html,scss files
You can check our main layout
code structure for new page design
<html lang="en">
<head>
<!-- all meta tags code here -->
<!-- css files links here -->
</head>
<body>
<div class="compact-sidebar compact-small material-icon" id="pageWrapper">
<!-- Page Header Start-->
<div class="page-header">
<!-- Header code here -->
</div>
<div class="page-body-wrapper">
<!-- Page Sidebar Start-->
<div class="sidebar-wrapper">
<!-- Sidebar code here -->
</div>
<div class="page-body">
<div class="page-title">
<!-- page title and breadcrumb code here -->
</div>
<div class="container-fluid">
<!-- your page content add here -->
</div>
</div>
<footer class="footer">
</footer>
</div>
</body>
</html>