#### Description

This table contains all classes related to the static layout. This is a custom layout classes for static layout page requirements.

All these options can be set via following classes:

Classes | Description
--- | ---
`.navbar-static` | To set navbar static you need to add `navbar-static` class in `<body>` tag.
`.navbar-static-top` | To set navbar static you need to add `navbar-static-top` class in `<nav>` tag.
`.menu-static` | To set the main navigation static on page `menu-static` class needs to add in navigation wrapper.
`.footer-static` | To set the footer static on page `footer-static` class needs to add in footer wrapper.

#### CSS Classes

Default this template has a static layout elements, so there is no any specific classes need to add to create this layout.

#### HTML Markup

This section contains HTML Markup to create static layout. This layout has a navigation, content and left sidebar sections with common header & footer.

Vuesax has a ready to use starter kit, you can use this layout directly by using the starter kit pages from the `vuesax-html-admin-dashboard-template/starter-kit` folder.

                        <!DOCTYPE html>
                          <html lang="en">
                            <head></head>
                            <body data-menu="vertical-menu-modern" class="vertical-layout vertical-menu-modern 2-columns navbar-static menu-expanded">

                              <!-- fixed-top-->
                              <nav class="header-navbar navbar-expand-lg navbar navbar-with-menu navbar-static-top navbar-light navbar-shadow">
                                  ...
                              </nav>

                              <!-- BEGIN Navigation-->
                              <div class="main-menu menu-static menu-light menu-accordion menu-shadow expanded">
                                  ...
                              </div>
                              <!-- END Navigation-->

                              <!-- BEGIN Content-->
                              <div class="content app-content">
                                  ....
                              </div>
                              <!-- END Content-->

                              <!-- START FOOTER LIGHT-->
                              <footer class="footer footer-static footer-light">
                                  ...
                              </footer>
                              <!-- START FOOTER LIGHT-->

                            </body>
                          </html>