Left sidebar HTML example:
<div class="container">
<div class="row equal-height">
<div class="col-lg-8 push-lg-4">
<div class="nk-gap-4"></div>
Content
<div class="nk-gap-4"></div>
</div>
<div class="col-lg-4 pull-lg-8">
<!--
START: Sidebar
Additional Classes:
.nk-sidebar-left
.nk-sidebar-right
.nk-sidebar-sticky
-->
<aside class="nk-sidebar nk-sidebar-left">
<div class="nk-gap-4"></div>
<div class="nk-widget">
<h4 class="nk-widget-title">About Us</h4>
<div>
<p>
Bring bring sea fly over day sixth, land said wherein land blessed third seasons I likeness seed sixth god image.
</p>
<img src="assets/images/signature.png" alt="" class="nk-img-fit">
</div>
</div>
...
<div class="nk-gap-4"></div>
</aside>
<!-- END: Sidebar -->
</div>
</div>
</div>
Right sidebar HTML example:
<div class="container">
<div class="row equal-height">
<div class="col-lg-8">
<div class="nk-gap-4"></div>
Content
<div class="nk-gap-4"></div>
</div>
<div class="col-lg-4">
<!--
START: Sidebar
Additional Classes:
.nk-sidebar-left
.nk-sidebar-right
.nk-sidebar-sticky
-->
<aside class="nk-sidebar nk-sidebar-right">
<div class="nk-gap-4"></div>
<div class="nk-widget">
<h4 class="nk-widget-title">About Us</h4>
<div>
<p>
Bring bring sea fly over day sixth, land said wherein land blessed third seasons I likeness seed sixth god image.
</p>
<img src="assets/images/signature.png" alt="" class="nk-img-fit">
</div>
</div>
...
<div class="nk-gap-4"></div>
</aside>
<!-- END: Sidebar -->
</div>
</div>
</div>
Additional classes:
.nk-sidebar-left– left sidebar;.nk-sidebar-right– right sidebar;.nk-sidebar-sticky– sticky sidebar content on scroll;
