Layout Configure

Here is the layout and routing configure

<div class="boxed-inner">
  <!-- loader Start -->
  <hui-loader></hui-loader>
  <!-- loader END -->
  <!-- Sidebar Start -->
  <main class="main-content">
    <hui-horizontal-menu></hui-horizontal-menu>
    <!-- Page Style Start -->
    <div class="content-inner container-fluid pb-0" id="page_layout">
      <!-- Page Render Here -->
      <router-outlet></router-outlet>
      <!-- Page Render Here -->
    </div>
    <!-- Page Style Start -->
    <!-- Footer Start -->
    <!-- Footer Start -->
    <!-- Live Customizer Start -->
    <hui-setting-offcanvas></hui-setting-offcanvas>
    <!-- Live Customizer End -->
    <hui-footer></hui-footer>
  </main>
</div>
<!-- loader Start -->
<hui-loader></hui-loader>
<!-- loader END -->
<!-- Sidebar Start -->
<main class="main-content">

  <hui-dual-compact-menu></hui-dual-compact-menu>
  <!-- Page Style Start -->
  <div class="content-inner container-fluid pb-0" id="page_layout">
    <!-- Page Render Here -->
    <router-outlet></router-outlet>
    <!-- Page Render Here -->
  </div>
  <!-- Page Style Start -->
  <!-- Footer Start -->
  <!-- Footer Start -->
  <!-- Live Customizer Start -->
  <hui-setting-offcanvas></hui-setting-offcanvas>
  <!-- Live Customizer End -->
  <hui-footer></hui-footer>
</main>
<!-- loader Start -->
<hui-loader></hui-loader>
<!-- loader END -->
<!-- Sidebar Start -->
<main class="main-content">

  <hui-dual-horizontal-menu></hui-dual-horizontal-menu>
  <!-- Page Style Start -->
  <div class="content-inner container-fluid pb-0" id="page_layout">
    <!-- Page Render Here -->
    <router-outlet></router-outlet>
    <!-- Page Render Here -->
  </div>
  <!-- Page Style Start -->
  <!-- Footer Start -->
  <!-- Footer Start -->
  <!-- Live Customizer Start -->
  <hui-setting-offcanvas></hui-setting-offcanvas>
  <!-- Live Customizer End -->
  <hui-footer></hui-footer>
</main>
<!-- loader Start -->
<hui-loader></hui-loader>
<!-- loader END -->
<!-- Sidebar Start -->
<main class="main-content">
  
  <hui-horizontal-menu></hui-horizontal-menu>
  <!-- Page Style Start -->
  <div class="content-inner container-fluid pb-0" id="page_layout">
    <!-- Page Render Here -->
    <router-outlet></router-outlet>
    <!-- Page Render Here -->
  </div>
  <!-- Page Style Start -->
  <!-- Footer Start -->
  <!-- Footer Start -->
  <!-- Live Customizer Start -->
  <hui-setting-offcanvas></hui-setting-offcanvas>
  <!-- Live Customizer End -->
  <hui-footer></hui-footer>
</main>
const Horizontal = () => {
    return (
        <>
            <main className="main-content">
                <HeaderStyle1 />
                <div className="conatiner-fluid content-inner">
                   <HorizontalRouter />
                </div>
                <Footer />
            </main>
        </>
    )
}
<!-- loader Start -->
<hui-loader></hui-loader>
<!-- loader END -->
<router-outlet></router-outlet>
<!-- Live Customizer Start -->
<hui-setting-offcanvas></hui-setting-offcanvas>
<!-- Live Customizer End -->
Previous Next