63 lines
1.9 KiB
Text
63 lines
1.9 KiB
Text
|
doctype html
|
||
|
|
html(lang='en')
|
||
|
|
|
||
|
|
head
|
||
|
|
meta(charset='utf-8')
|
||
|
|
meta(http-equiv='X-UA-Compatible', content='IE=edge')
|
||
|
|
meta(name='viewport', content='width=device-width, initial-scale=1, shrink-to-fit=no')
|
||
|
|
meta(name='description', content='')
|
||
|
|
meta(name='author', content='')
|
||
|
|
|
||
|
|
title SB Admin - Start Bootstrap Template
|
||
|
|
|
||
|
|
include includes/css/core.pug
|
||
|
|
|
||
|
|
include includes/css/custom.pug
|
||
|
|
|
||
|
|
body#page-top.fixed-nav.sticky-footer.bg-dark
|
||
|
|
include includes/navbar.pug
|
||
|
|
.content-wrapper
|
||
|
|
.container-fluid
|
||
|
|
// Breadcrumbs
|
||
|
|
ol.breadcrumb
|
||
|
|
li.breadcrumb-item
|
||
|
|
a(href='#') Dashboard
|
||
|
|
li.breadcrumb-item.active Navbar
|
||
|
|
h1 Navbar
|
||
|
|
hr
|
||
|
|
p The SB Admin navbar can be either fixed or static, and it supports the navbar-light and navbar-dark Bootstrap 4 classes.
|
||
|
|
a(href='#').btn.btn-primary#toggleNavPosition Toggle Fixed/Static Navbar
|
||
|
|
a(href='#').btn.btn-primary#toggleNavColor Toggle Navbar Color
|
||
|
|
|
||
|
|
// Blank div to give the page height to preview the fixed vs. static navbar
|
||
|
|
div(style='height: 1000px')
|
||
|
|
// /.container-fluid
|
||
|
|
// /.content-wrapper
|
||
|
|
|
||
|
|
include includes/footer.pug
|
||
|
|
|
||
|
|
include includes/scroll-to-top.pug
|
||
|
|
|
||
|
|
include includes/modals/logout.pug
|
||
|
|
|
||
|
|
include includes/js/core.pug
|
||
|
|
|
||
|
|
include includes/js/custom.pug
|
||
|
|
|
||
|
|
// Custom scripts for this page
|
||
|
|
|
||
|
|
// Toggle between fixed and static navbar
|
||
|
|
script.
|
||
|
|
$('#toggleNavPosition').click(function() {
|
||
|
|
$('body').toggleClass('fixed-nav');
|
||
|
|
$('nav').toggleClass('fixed-top static-top');
|
||
|
|
});
|
||
|
|
|
||
|
|
// Toggle between dark and light navbar
|
||
|
|
script.
|
||
|
|
$('#toggleNavColor').click(function() {
|
||
|
|
$('nav').toggleClass('navbar-dark navbar-light');
|
||
|
|
$('nav').toggleClass('bg-dark bg-light');
|
||
|
|
$('body').toggleClass('bg-dark bg-light');
|
||
|
|
});
|