Favorites
John Doe typing... Vance Osborn Wolfe Stevie 7 Jonathan Mel Carleton Josiah
Work
Larry Hal Ron Carran typing...
Social
Lucius Skyler 3 Landon Graham
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 Doe uploaded monthly report
12 minutes ago
Vance Osborn commented Project
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
3 hours ago
Ron Carran send you files
30 minutes ago
Larry Hal invited you to Project
10:58
Important
Secondary
Main
Anyone can register
Allow commenting
Allow deleting
Notificatiоns
Commits
Messages
Security
Daily backup
API Access
BUY NOW $24
Layouts
Default
Compact Sidebar
Fixed Header
Sticky Sidebar
Boxed Wrapper
Static
Skins
Material design

Documentation

  1. Home
  2. 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.html file 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-second and .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
Compact Sidebar Optional classes applied to body : .compact-sidebar
Boxed Version Optional classes applied to body : .boxed-wrapper
Sticky sidebar Optional classes applied to body : .fixed-sidebar
Fixed Header Optional classes applied to body : .fixed-header
Fixed Footer Optional classes applied to body : .fixed-footer
Static Optional classes applied to body : .static
RTL Optional classes applied to body : .right-sidebar
Skin 1 Optional classes applied to body : .skin-1
Skin 2 Optional classes applied to body : .skin-2
Skin 3 Optional classes applied to body : .skin-3
Skin 4 Optional classes applied to body : .skin-4
Skin 5 Optional classes applied to body : .skin-5
Skin 6 Optional classes applied to body : .skin-6
Material design Optional classes applied to body : .material-design
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.

Color utilitiesBorder utilitiesOther utilities