Back
Jonathan Mel
Hello!
Meeting at 16:00 in the conference room. Remember?
No problem. Thank's for reminder!
Prepare to be amazed.
Good. Can't wait!
John Doeuploaded monthly report
12 minutes ago
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
3 hours ago
Layouts
Default
Compact Sidebar
Fixed Header
Boxed Wrapper
Skins
Documentation
1. Introduction
Neptune – is flat admin template, based on Bootstrap 4 framework. It contains more than 80 HTML files which offer you great variety of layout options. Template is fully responsive and looks perfect on mobiles and tablets.
To get started with Neptune template, you should be familiar with Bootstrap - the most popular HTML, CSS, and JS framework in the world for building projects on the web. Firstly, open pages-blank.htmlfile to learn template structure. It basically includes the markup that all other pages will include too.
2. Template Structure
Template files have fixed structure consisting of .site-header, .site-sidebar, .site-sidebar-secondand .site-content
<head> ...</head><body> <!-- Wrapper --> <div class="wrapper> <!-- Sidebar --> <div class="site-sidebar> ... </div> <!-- Sidebar second --> <div class="site-sidebar-second> ... </div> <!-- Header --> <div class="site-header> ... </div> <!-- Content --> <div class="site-content> ... </div> </div></body>
3. Options
| Title | Instruction |
|---|---|
| Light-red scheme | Optional classes applied to body: .skin-1 |
| Dark-green scheme | Optional classes applied to body: .skin-2 |
| Light-purple scheme | Optional classes applied to body: .skin-3 |
| Dark-orange scheme | Optional classes applied to body: .skin-4 |
| Light-blue scheme | Optional classes applied to body: .skin-5 |
| Compact Sidebar | Optional classes applied to body: .compact-sidebar |
| Boxed Version | Optional classes applied to body: .boxed-wrapper |
| Fixed Top Menu | Optional classes applied to body: .fixed-header |
| Preloader | Just put inside .wrapper: <div class="preloader"></div> |
| Content appearing with slide effect | Optional classes applied to body: .content-appear |
4. Helper classes
Helper classes will help you in your developement process. Checkout the below links.