Static Layout
This section contains HTML Markup to create static layout. No need to add any specific classes just do not use fixed layout classes. This layout has a navigation, content and left sidebar sections with common header & footer.
Markup
<!DOCTYPE html>
<html lang="en">
<head></head>
<body data-menu="vertical-menu" class="vertical-layout vertical-menu content-left-sidebar menu-expanded">
<!-- fixed-top-->
<nav role="navigation" class="header-navbar navbar navbar-with-menu navbar-dark navbar-shadow navbar-border">
...
</nav>
<!-- BEGIN Navigation-->
<div class="main-menu menu-dark menu-shadow">
...
</div>
<!-- END Navigation-->
<!-- BEGIN Content-->
<div class="content modern-content container-fluid">
<div class="content-wrapper">
<!-- content header-->
<div class="content-header row">
...
</div>
<!-- content header-->
<!-- content body-->
<div class="content-body">
...
</div>
<!-- content body-->
</div>
</div>
<!-- END Content-->
<!-- START FOOTER DARK-->
<footer class="footer footer-dark">
...
</footer>
<!-- START FOOTER DARK-->
</body>
</html>
CSS Classes
Default this template has a static layout elements, so there is no any specific classes need to add to create this layout.
To create this layout just need to confirm .fixed-top
, .menu-fixed
and .footer-fixed
not applied to their respective element, in short do not use fixed layout classes.