Html structure

Including left navbar, top bar, and right sidebar structure

Support Url: Design_Mylife

Support Email: mylifedesign143@gmail.com

03. HTML Structure

Top bar

.top-bar common class
.light-top-bar use this class for light top bar
.bg-dark, .bg-primary, .bg-teal, .bg-indigo etc Classes are you can use for top-bar background-color


Main left navigation

.light-navigation Use this class for light navigation
.bg-dark Class for dark left navigation
.bg-teal, .bg-indigo, .bg-success etc. Classes for colored left navigation

                    
 
  <!-- Top Bar start -->
  <div id="" class="top-bar light-top-bar">
                            
  </div>
  <!-- Top bar end -->



  <!-- Right panel start -->
  <nav id="right-sidebar-toggle" class="right_sidebar">
                            
  </nav>
  <!-- Right panel end -->



  <!-- Left navigation start -->
  <aside id="" class="float-navigation light-navigation">
                            
  </aside>
  <!-- Left navigation End -->



  <!-- Main content -->
  <section id="" class="main-content">
                 
         <!-- Page Breadcrumb -->
          <div id="" class="page-header">
                            
          </div>
         <!-- Page Breadcrumb End -->     
                     
  </section>
  <!-- Main content End -->

  <!-- Footer start -->
  <footer id="" class="footer">
                            
  </footer>
  <!-- Footer End -->