157 lines
6.9 KiB
Text
157 lines
6.9 KiB
Text
|
// Navigation
|
||
|
|
nav#mainNav.navbar.navbar-expand-lg.navbar-dark.bg-dark.fixed-top
|
||
|
|
a.navbar-brand(href='index.html') Start Bootstrap
|
||
|
|
button.navbar-toggler.navbar-toggler-right(type='button', data-toggle='collapse', data-target='#navbarResponsive', aria-controls='navbarResponsive', aria-expanded='false', aria-label='Toggle navigation')
|
||
|
|
span.navbar-toggler-icon
|
||
|
|
#navbarResponsive.collapse.navbar-collapse
|
||
|
|
ul#exampleAccordion.navbar-nav.navbar-sidenav
|
||
|
|
li.nav-item(data-toggle='tooltip', data-placement='right', title='Dashboard')
|
||
|
|
a.nav-link(href='index.html')
|
||
|
|
i.fa.fa-fw.fa-dashboard
|
||
|
|
span.nav-link-text
|
||
|
|
| Dashboard
|
||
|
|
li.nav-item(data-toggle='tooltip', data-placement='right', title='Charts')
|
||
|
|
a.nav-link(href='charts.html')
|
||
|
|
i.fa.fa-fw.fa-area-chart
|
||
|
|
span.nav-link-text
|
||
|
|
| Charts
|
||
|
|
li.nav-item(data-toggle='tooltip', data-placement='right', title='Tables')
|
||
|
|
a.nav-link(href='tables.html')
|
||
|
|
i.fa.fa-fw.fa-table
|
||
|
|
span.nav-link-text
|
||
|
|
| Tables
|
||
|
|
li.nav-item(data-toggle='tooltip', data-placement='right', title='Components')
|
||
|
|
a.nav-link.nav-link-collapse.collapsed(data-toggle='collapse', href='#collapseComponents', data-parent='#exampleAccordion')
|
||
|
|
i.fa.fa-fw.fa-wrench
|
||
|
|
span.nav-link-text
|
||
|
|
| Components
|
||
|
|
ul#collapseComponents.sidenav-second-level.collapse
|
||
|
|
li
|
||
|
|
a(href='navbar.html') Navbar
|
||
|
|
li
|
||
|
|
a(href='cards.html') Cards
|
||
|
|
li.nav-item(data-toggle='tooltip', data-placement='right', title='Example Pages')
|
||
|
|
a.nav-link.nav-link-collapse.collapsed(data-toggle='collapse', href='#collapseExamplePages', data-parent='#exampleAccordion')
|
||
|
|
i.fa.fa-fw.fa-file
|
||
|
|
span.nav-link-text
|
||
|
|
| Example Pages
|
||
|
|
ul#collapseExamplePages.sidenav-second-level.collapse
|
||
|
|
li
|
||
|
|
a(href='login.html') Login Page
|
||
|
|
li
|
||
|
|
a(href='register.html') Registration Page
|
||
|
|
li
|
||
|
|
a(href='forgot-password.html') Forgot Password Page
|
||
|
|
li
|
||
|
|
a(href='blank.html') Blank Page
|
||
|
|
li.nav-item(data-toggle='tooltip', data-placement='right', title='Menu Levels')
|
||
|
|
a.nav-link.nav-link-collapse.collapsed(data-toggle='collapse', href='#collapseMulti', data-parent='#exampleAccordion')
|
||
|
|
i.fa.fa-fw.fa-sitemap
|
||
|
|
span.nav-link-text
|
||
|
|
| Menu Levels
|
||
|
|
ul#collapseMulti.sidenav-second-level.collapse
|
||
|
|
li
|
||
|
|
a(href='#') Second Level Item
|
||
|
|
li
|
||
|
|
a(href='#') Second Level Item
|
||
|
|
li
|
||
|
|
a(href='#') Second Level Item
|
||
|
|
li
|
||
|
|
a.nav-link-collapse.collapsed(data-toggle='collapse', href='#collapseMulti2') Third Level
|
||
|
|
ul#collapseMulti2.sidenav-third-level.collapse
|
||
|
|
li
|
||
|
|
a(href='#') Third Level Item
|
||
|
|
li
|
||
|
|
a(href='#') Third Level Item
|
||
|
|
li
|
||
|
|
a(href='#') Third Level Item
|
||
|
|
li.nav-item(data-toggle='tooltip', data-placement='right', title='Link')
|
||
|
|
a.nav-link(href='#')
|
||
|
|
i.fa.fa-fw.fa-link
|
||
|
|
span.nav-link-text
|
||
|
|
| Link
|
||
|
|
ul.navbar-nav.sidenav-toggler
|
||
|
|
li.nav-item
|
||
|
|
a#sidenavToggler.nav-link.text-center
|
||
|
|
i.fa.fa-fw.fa-angle-left
|
||
|
|
ul.navbar-nav.ml-auto
|
||
|
|
li.nav-item.dropdown
|
||
|
|
a#messagesDropdown.nav-link.dropdown-toggle.mr-lg-2(href='#', data-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
|
||
|
|
i.fa.fa-fw.fa-envelope
|
||
|
|
span.d-lg-none
|
||
|
|
| Messages
|
||
|
|
span.badge.badge-pill.badge-primary 12 New
|
||
|
|
span.indicator.text-primary.d-none.d-lg-block
|
||
|
|
i.fa.fa-fw.fa-circle
|
||
|
|
.dropdown-menu(aria-labelledby='messagesDropdown')
|
||
|
|
h6.dropdown-header New Messages:
|
||
|
|
.dropdown-divider
|
||
|
|
a.dropdown-item(href='#')
|
||
|
|
strong David Miller
|
||
|
|
span.small.float-right.text-muted 11:21 AM
|
||
|
|
.dropdown-message.small
|
||
|
|
| Hey there! This new version of SB Admin is pretty awesome! These messages clip off when they reach the end of the box so they don't overflow over to the sides!
|
||
|
|
.dropdown-divider
|
||
|
|
a.dropdown-item(href='#')
|
||
|
|
strong Jane Smith
|
||
|
|
span.small.float-right.text-muted 11:21 AM
|
||
|
|
.dropdown-message.small
|
||
|
|
| I was wondering if you could meet for an appointment at 3:00 instead of 4:00. Thanks!
|
||
|
|
.dropdown-divider
|
||
|
|
a.dropdown-item(href='#')
|
||
|
|
strong John Doe
|
||
|
|
span.small.float-right.text-muted 11:21 AM
|
||
|
|
.dropdown-message.small
|
||
|
|
| I've sent the final files over to you for review. When you're able to sign off of them let me know and we can discuss distribution.
|
||
|
|
.dropdown-divider
|
||
|
|
a.dropdown-item.small(href='#')
|
||
|
|
| View all messages
|
||
|
|
li.nav-item.dropdown
|
||
|
|
a#alertsDropdown.nav-link.dropdown-toggle.mr-lg-2(href='#', data-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
|
||
|
|
i.fa.fa-fw.fa-bell
|
||
|
|
span.d-lg-none
|
||
|
|
| Alerts
|
||
|
|
span.badge.badge-pill.badge-warning 6 New
|
||
|
|
span.indicator.text-warning.d-none.d-lg-block
|
||
|
|
i.fa.fa-fw.fa-circle
|
||
|
|
.dropdown-menu(aria-labelledby='alertsDropdown')
|
||
|
|
h6.dropdown-header New Alerts:
|
||
|
|
.dropdown-divider
|
||
|
|
a.dropdown-item(href='#')
|
||
|
|
span.text-success
|
||
|
|
strong
|
||
|
|
i.fa.fa-long-arrow-up.fa-fw
|
||
|
|
| Status Update
|
||
|
|
span.small.float-right.text-muted 11:21 AM
|
||
|
|
.dropdown-message.small This is an automated server response message. All systems are online.
|
||
|
|
.dropdown-divider
|
||
|
|
a.dropdown-item(href='#')
|
||
|
|
span.text-danger
|
||
|
|
strong
|
||
|
|
i.fa.fa-long-arrow-down.fa-fw
|
||
|
|
| Status Update
|
||
|
|
span.small.float-right.text-muted 11:21 AM
|
||
|
|
.dropdown-message.small This is an automated server response message. All systems are online.
|
||
|
|
.dropdown-divider
|
||
|
|
a.dropdown-item(href='#')
|
||
|
|
span.text-success
|
||
|
|
strong
|
||
|
|
i.fa.fa-long-arrow-up.fa-fw
|
||
|
|
| Status Update
|
||
|
|
span.small.float-right.text-muted 11:21 AM
|
||
|
|
.dropdown-message.small This is an automated server response message. All systems are online.
|
||
|
|
.dropdown-divider
|
||
|
|
a.dropdown-item.small(href='#')
|
||
|
|
| View all alerts
|
||
|
|
li.nav-item
|
||
|
|
form.form-inline.my-2.my-lg-0.mr-lg-2
|
||
|
|
.input-group
|
||
|
|
input.form-control(type='text', placeholder='Search for...')
|
||
|
|
span.input-group-btn
|
||
|
|
button.btn.btn-primary(type='button')
|
||
|
|
i.fa.fa-search
|
||
|
|
li.nav-item
|
||
|
|
a.nav-link(data-toggle='modal', data-target='#exampleModal')
|
||
|
|
i.fa.fa-fw.fa-sign-out
|
||
|
|
| Logout
|