BUY NOW $24
Layouts
Default
Compact Sidebar
Fixed Header
Sticky Sidebar
Boxed Wrapper
Static
Skins
Material design

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