HTML Markup

This section contains HTML Markup to create layout without menu. You need to add data-col="1-column" attribute to <body> tag and also remove <div> section with .main-menu classes. Default layout of the template comes with menu but you can create without menu layout with below changes.

Vuexy has a ready to use starter kit, you can use this layout directly by using layout-without-menu.html.

<!DOCTYPE html>
<html lang="en">
<body class="vertical-layout vertical-menu-modern navbar-floating footer-static" data-menu="vertical-menu-modern" data-col="1-column">   <!-- Add here -->

  <!-- BEGIN: Navbar -->
  <nav class="header-navbar navbar navbar-expand-lg align-items-center floating-nav navbar-light navbar-shadow">
  <!-- END: Navbar -->

  <!-- BEGIN: Content -->
  <div class="app-content content">

      <!-- Content-wrapper -->
      <div class="content-wrapper">

  <!-- END: Content -->

  <!-- Begin: Footer -->
  <footer class="footer footer-static footer-light">
  <!-- END: Footer -->