Description
Frest Admin provides different types of page layouts i.e: 1 Column, 2 Column, Content Sidebar, Content Detached Sidebar, Fixed, Static etc...
Below you can find how to use these layouts. We have provided CSS Classes, HTML Markup for usage.
TIP: These classes and markup are flexible can be remixed and extended with ease.
1 Column
CSS Classes
This table contains all classes related to the 1 column layout. This is a custom layout for full width page requirements.
All these options can be set via following classes:
| Classes | Description |
|---|---|
.1-column |
You can create 1 column layout by adding
.1-column class in
<body> tag.
|
This section contains HTML Markup to create 1 column
layout. You need to add the .1-column class
in the <body> tag as show in below.
Please note that 1 column layout do not have Navigation
section and it has inner starter-kit pages links with
icons in Navbar.
Frest has a ready to use starter kit, you can use this
layout directly by using the
sk-1-column.html
<!DOCTYPE html>
<html lang="en">
<head></head>
<body data-menu="vertical-menu-modern" class="vertical-layout vertical-menu-modern 1-column navbar-sticky footer-static">
<!-- fixed-top-->
<nav class="header-navbar main-header-navbar navbar-expand-lg navbar navbar-with-menu fixed-top">
.....
</nav>
<!-- BEGIN Content-->
<div class="app-content content">
<!-- Content-wrapper-->
<div class="content-wrapper">
.....
</div>
</div>
<!-- END Content-->
<!-- START FOOTER Light-->
<footer class="footer footer-static footer-light">
.....
</footer>
<!-- END FOOTER Light-->
</body>
</html>