Page Structure

Using Blank template
You can start your project by using blank.html in getting started folder. it comes with default navigation and few sidebar links to begin with.
blank template Markup
By using Includes
CSS Includes
1
    <link rel="stylesheet" href="assets/vendor/pace/pace.css">
2
    <script src="assets/vendor/pace/pace.min.js"></script>
3
    <!--vendors-->
4
    <link rel="stylesheet" type="text/css" href="assets/vendor/bootstrap-datepicker/css/bootstrap-datepicker3.min.css">
5
    <link rel="stylesheet" type="text/css" href="assets/vendor/jquery-scrollbar/jquery.scrollbar.css">
6
    <link rel="stylesheet" href="assets/vendor/select2/css/select2.min.css">
7
    <link rel="stylesheet" href="assets/vendor/jquery-ui/jquery-ui.min.css">
8
    <link rel="stylesheet" href="assets/vendor/daterangepicker/daterangepicker.css">
9
    <link rel="stylesheet" href="assets/vendor/timepicker/bootstrap-timepicker.min.css">
10
    <link href="https://fonts.googleapis.com/css?family=Hind+Vadodara:500,600,700|Roboto:400,500,600,700" rel="stylesheet">
11
    <!--Material Icons-->
12
    <link rel="stylesheet" type="text/css" href="assets/fonts/materialdesignicons/materialdesignicons.min.css">
13
    <!--Bootstrap + Atmos Admin CSS-->
14
    <link rel="stylesheet" type="text/css" href="assets/css/atmos.min.css">
15
    <!-- Additional library for page -->
Copied!
JS Includes
1
<script src="assets/vendor/jquery/jquery.min.js" type="text/javascript"></script>
2
<script src="assets/vendor/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
3
<script src="assets/vendor/popper/popper.js" type="text/javascript"></script>
4
<script src="assets/vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
5
<script src="assets/vendor/select2/js/select2.full.min.js" type="text/javascript"></script>
6
<script src="assets/vendor/jquery-scrollbar/jquery.scrollbar.min.js" type="text/javascript"></script>
7
<script src="assets/vendor/listjs/listjs.min.js" type="text/javascript"></script>
8
<script src="assets/vendor/moment/moment.min.js"></script>
9
<script src="assets/vendor/daterangepicker/daterangepicker.js"></script>
10
<script src="assets/vendor/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script>
11
<script src="assets/vendor/bootstrap-notify/bootstrap-notify.min.js" type="text/javascript"></script>
12
<script src="assets/js/atmos.min.js"></script>
13
<!--page specific scripts for demo-->
Copied!

Gulp 4

Next - Build System

Sass Modules

Last modified 3yr ago

Copy link

Contents

Using Blank template

By using Includes