sebse/html5-restaurant
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Base of project created

Browse Source
This commit is contained in:
Sebastian Seedorf
2016-01-26 18:24:31 +01:00
parent 89a8e5403e
commit 01f4a0cd49
933 changed files with 171161 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

163
node_modules/jade-bootstrap/layouts/blog.jade generated vendored Normal file
View File

@@ -0,0 +1,163 @@
extends ../_bootstrap
append styles
// Custom styles for this template
link(href='../css/blog.css', rel='stylesheet')
block body
.blog-masthead
.container
nav.blog-nav
a.blog-nav-item.active(href='#') Home
a.blog-nav-item(href='#') New features
a.blog-nav-item(href='#') Press
a.blog-nav-item(href='#') New hires
a.blog-nav-item(href='#') About
.container
.blog-header
h1.blog-title The Bootstrap Blog
p.lead.blog-description The official example template of creating a blog with Bootstrap.
.row
.col-sm-8.blog-main
.blog-post
h2.blog-post-title Sample blog post
p.blog-post-meta
| January 1, 2014 by
a(href='#') Mark
p
| This blog post shows a few different types of content that's supported and styled with Bootstrap. Basic typography, images, and code are all supported.
hr
p
| Cum sociis natoque penatibus et magnis
a(href='#') dis parturient montes
| , nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.
blockquote
p
| Curabitur blandit tempus porttitor.
strong Nullam quis risus eget urna mollis
| ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.
p
| Etiam porta
em sem malesuada magna
| mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.
h2 Heading
p
| Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
h3 Sub-heading
p
| Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
pre.
p
| Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.
h3 Sub-heading
p
| Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
ul
li Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
li Donec id elit non mi porta gravida at eget metus.
li Nulla vitae elit libero, a pharetra augue.
p
| Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.
ol
li Vestibulum id ligula porta felis euismod semper.
li
| Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
li Maecenas sed diam eget risus varius blandit sit amet non magna.
p
| Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis.
.blog-post
h2.blog-post-title Another blog post
p.blog-post-meta
| December 23, 2013 by
a(href='#') Jacob
p
| Cum sociis natoque penatibus et magnis
a(href='#') dis parturient montes
| , nascetur ridiculus mus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Sed posuere consectetur est at lobortis. Cras mattis consectetur purus sit amet fermentum.
blockquote
p
| Curabitur blandit tempus porttitor.
strong Nullam quis risus eget urna mollis
| ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit.
p
| Etiam porta
em sem malesuada magna
| mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.
p
| Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
.blog-post
h2.blog-post-title New feature
p.blog-post-meta
| December 14, 2013 by
a(href='#') Chris
p
| Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
ul
li Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
li Donec id elit non mi porta gravida at eget metus.
li Nulla vitae elit libero, a pharetra augue.
p
| Etiam porta
em sem malesuada magna
| mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.
p
| Donec ullamcorper nulla non metus auctor fringilla. Nulla vitae elit libero, a pharetra augue.
nav
ul.pager
li
a(href='#') Previous
li
a(href='#') Next
.col-sm-3.col-sm-offset-1.blog-sidebar
.sidebar-module.sidebar-module-inset
h4 About
p
| Etiam porta
em sem malesuada magna
| mollis euismod. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur.
.sidebar-module
h4 Archives
ol.list-unstyled
li
a(href='#') March 2014
li
a(href='#') February 2014
li
a(href='#') January 2014
li
a(href='#') December 2013
li
a(href='#') November 2013
li
a(href='#') October 2013
li
a(href='#') September 2013
li
a(href='#') August 2013
li
a(href='#') July 2013
li
a(href='#') June 2013
li
a(href='#') May 2013
li
a(href='#') April 2013
.sidebar-module
h4 Elsewhere
ol.list-unstyled
li
a(href='#') GitHub
li
a(href='#') Twitter
li
a(href='#') Facebook
footer.blog-footer
p
| Blog template built for
a(href='http://getbootstrap.com') Bootstrap
| by
a(href='https://twitter.com/mdo') @mdo
| .
p
a(href='#') Back to top
block content

351
node_modules/jade-bootstrap/layouts/bootswatch.jade generated vendored Normal file
View File

@@ -0,0 +1,351 @@
extends ../_bootstrap
append styles
// Bootstrap theme
+bootswatch("cerulean")
// Custom styles for this template
link(href='../css/theme.css', rel='stylesheet')
block body
// Fixed navbar
nav.navbar.navbar-default.navbar-fixed-top
.container
.navbar-header
button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#navbar', aria-expanded='false', aria-controls='navbar')
span.sr-only Toggle navigation
span.icon-bar
span.icon-bar
span.icon-bar
a.navbar-brand(href='#') Bootswatch theme
#navbar.navbar-collapse.collapse
ul.nav.navbar-nav
li.active
a(href='#') Home
li
a(href='#about') About
li
a(href='#contact') Contact
li.dropdown
a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-expanded='false')
| Dropdown
span.caret
ul.dropdown-menu(role='menu')
li
a(href='#') Action
li
a(href='#') Another action
li
a(href='#') Something else here
li.divider
li.dropdown-header Nav header
li
a(href='#') Separated link
li
a(href='#') One more separated link
.container.theme-showcase(role='main')
// Main jumbotron for a primary marketing message or call to action
.jumbotron
h1 Bootswatch Themes example
p
| This is a template showcasing the various themes included in Bootswatch. Use it as a starting point to create something more unique by building on or modifying it.
.page-header
h1 Buttons
p
button.btn.btn-lg.btn-default(type='button') Default
button.btn.btn-lg.btn-primary(type='button') Primary
button.btn.btn-lg.btn-success(type='button') Success
button.btn.btn-lg.btn-info(type='button') Info
button.btn.btn-lg.btn-warning(type='button') Warning
button.btn.btn-lg.btn-danger(type='button') Danger
button.btn.btn-lg.btn-link(type='button') Link
p
button.btn.btn-default(type='button') Default
button.btn.btn-primary(type='button') Primary
button.btn.btn-success(type='button') Success
button.btn.btn-info(type='button') Info
button.btn.btn-warning(type='button') Warning
button.btn.btn-danger(type='button') Danger
button.btn.btn-link(type='button') Link
p
button.btn.btn-sm.btn-default(type='button') Default
button.btn.btn-sm.btn-primary(type='button') Primary
button.btn.btn-sm.btn-success(type='button') Success
button.btn.btn-sm.btn-info(type='button') Info
button.btn.btn-sm.btn-warning(type='button') Warning
button.btn.btn-sm.btn-danger(type='button') Danger
button.btn.btn-sm.btn-link(type='button') Link
p
button.btn.btn-xs.btn-default(type='button') Default
button.btn.btn-xs.btn-primary(type='button') Primary
button.btn.btn-xs.btn-success(type='button') Success
button.btn.btn-xs.btn-info(type='button') Info
button.btn.btn-xs.btn-warning(type='button') Warning
button.btn.btn-xs.btn-danger(type='button') Danger
button.btn.btn-xs.btn-link(type='button') Link
.page-header
h1 Tables
.row
.col-md-6
+table(["#","First Name","Last Name","Username"],[["1","Mark","Otto","@mdo"],["2","Jacob","Thornton","@fat"],["3","Larry","the Bird","@twitter"]])
.col-md-6
+table-striped(["#","First Name","Last Name","Username"],[["1","Mark","Otto","@mdo"],["2","Jacob","Thornton","@fat"],["3","Larry","the Bird","@twitter"]])
.row
.col-md-6
+table-bordered(["#","First Name","Last Name","Username"],[["1","Mark","Otto","@mdo"],["2","Jacob","Thornton","@fat"],["3","Larry","the Bird","@twitter"]])
.col-md-6
+table-condensed(["#","First Name","Last Name","Username"],[["1","Mark","Otto","@mdo"],["2","Jacob","Thornton","@fat"],["3","Larry","the Bird","@twitter"]])
.page-header
h1 Thumbnails
img.img-thumbnail(src='../images/thumb.jpg', alt='A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera')
.page-header
h1 Labels
h1
span.label.label-default Default
span.label.label-primary Primary
span.label.label-success Success
span.label.label-info Info
span.label.label-warning Warning
span.label.label-danger Danger
h2
span.label.label-default Default
span.label.label-primary Primary
span.label.label-success Success
span.label.label-info Info
span.label.label-warning Warning
span.label.label-danger Danger
h3
span.label.label-default Default
span.label.label-primary Primary
span.label.label-success Success
span.label.label-info Info
span.label.label-warning Warning
span.label.label-danger Danger
h4
span.label.label-default Default
span.label.label-primary Primary
span.label.label-success Success
span.label.label-info Info
span.label.label-warning Warning
span.label.label-danger Danger
h5
span.label.label-default Default
span.label.label-primary Primary
span.label.label-success Success
span.label.label-info Info
span.label.label-warning Warning
span.label.label-danger Danger
h6
span.label.label-default Default
span.label.label-primary Primary
span.label.label-success Success
span.label.label-info Info
span.label.label-warning Warning
span.label.label-danger Danger
p
span.label.label-default Default
span.label.label-primary Primary
span.label.label-success Success
span.label.label-info Info
span.label.label-warning Warning
span.label.label-danger Danger
.page-header
h1 Badges
p
a(href='#')
| Inbox
span.badge 42
ul.nav.nav-pills(role='tablist')
li.active(role='presentation')
a(href='#')
| Home
span.badge 42
li(role='presentation')
a(href='#') Profile
li(role='presentation')
a(href='#')
| Messages
span.badge 3
.page-header
h1 Dropdown menus
.dropdown.theme-dropdown.clearfix
a#dropdownMenu1.sr-only.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-expanded='false')
| Dropdown
span.caret
ul.dropdown-menu(role='menu', aria-labelledby='dropdownMenu1')
li.active(role='presentation')
a(role='menuitem', tabindex='-1', href='#') Action
li(role='presentation')
a(role='menuitem', tabindex='-1', href='#') Another action
li(role='presentation')
a(role='menuitem', tabindex='-1', href='#') Something else here
li.divider(role='presentation')
li(role='presentation')
a(role='menuitem', tabindex='-1', href='#') Separated link
.page-header
h1 Navs
ul.nav.nav-tabs(role='tablist')
li.active(role='presentation')
a(href='#') Home
li(role='presentation')
a(href='#') Profile
li(role='presentation')
a(href='#') Messages
ul.nav.nav-pills(role='tablist')
li.active(role='presentation')
a(href='#') Home
li(role='presentation')
a(href='#') Profile
li(role='presentation')
a(href='#') Messages
.page-header
h1 Navbars
nav.navbar.navbar-default
.container
.navbar-header
button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='.navbar-collapse')
span.sr-only Toggle navigation
span.icon-bar
span.icon-bar
span.icon-bar
a.navbar-brand(href='#') Project name
.navbar-collapse.collapse
ul.nav.navbar-nav
li.active
a(href='#') Home
li
a(href='#about') About
li
a(href='#contact') Contact
li.dropdown
a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-expanded='false')
| Dropdown
span.caret
ul.dropdown-menu(role='menu')
li
a(href='#') Action
li
a(href='#') Another action
li
a(href='#') Something else here
li.divider
li.dropdown-header Nav header
li
a(href='#') Separated link
li
a(href='#') One more separated link
nav.navbar.navbar-inverse
.container
.navbar-header
button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='.navbar-collapse')
span.sr-only Toggle navigation
span.icon-bar
span.icon-bar
span.icon-bar
a.navbar-brand(href='#') Project name
.navbar-collapse.collapse
ul.nav.navbar-nav
li.active
a(href='#') Home
li
a(href='#about') About
li
a(href='#contact') Contact
li.dropdown
a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-expanded='false')
| Dropdown
span.caret
ul.dropdown-menu(role='menu')
li
a(href='#') Action
li
a(href='#') Another action
li
a(href='#') Something else here
li.divider
li.dropdown-header Nav header
li
a(href='#') Separated link
li
a(href='#') One more separated link
.page-header
h1 Alerts
+alert-success("<strong>Well done!</strong> You successfully read this important alert message.")
+alert-info("<strong>Heads up!</strong> This alert needs your attention, but it's not super important.")
+alert-warning("<strong>Warning!</strong> Best check yo self, you're not looking too good.")
+alert-danger("<strong>Oh snap!</strong> Change a few things up and try submitting again.")
.page-header
h1 Progress bars
+progress-bar(60)
+progress-bar-info(20)
+progress-bar-warning(60)
+progress-bar-danger(80)
+progress-bar-striped(60)
.progress
.progress-bar.progress-bar-success(style='width: 35%')
span.sr-only 35% Complete (success)
.progress-bar.progress-bar-warning(style='width: 20%')
span.sr-only 20% Complete (warning)
.progress-bar.progress-bar-danger(style='width: 10%')
span.sr-only 10% Complete (danger)
.page-header
h1 List groups
.row
.col-sm-4
ul.list-group
li.list-group-item Cras justo odio
li.list-group-item Dapibus ac facilisis in
li.list-group-item Morbi leo risus
li.list-group-item Porta ac consectetur ac
li.list-group-item Vestibulum at eros
// /.col-sm-4
.col-sm-4
.list-group
a.list-group-item.active(href='#')
| Cras justo odio
a.list-group-item(href='#') Dapibus ac facilisis in
a.list-group-item(href='#') Morbi leo risus
a.list-group-item(href='#') Porta ac consectetur ac
a.list-group-item(href='#') Vestibulum at eros
// /.col-sm-4
.col-sm-4
.list-group
a.list-group-item.active(href='#')
h4.list-group-item-heading List group item heading
p.list-group-item-text
| Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
a.list-group-item(href='#')
h4.list-group-item-heading List group item heading
p.list-group-item-text
| Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
a.list-group-item(href='#')
h4.list-group-item-heading List group item heading
p.list-group-item-text
| Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
// /.col-sm-4
.page-header
h1 Panels
.row
.col-sm-4
+panel-default("Panel title")
| Panel content
+panel-primary("Panel title")
| Panel content
.col-sm-4
+panel-success("Panel title")
| Panel content
+panel-info("Panel title")
| Panel content
.col-sm-4
+panel-warning("Panel title")
| Panel content
+panel-danger("Panel title")
| Panel content
.page-header
h1 Wells
.well
p
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.
.page-header
h1 Carousel
+carousel("example-generic",[{image:'../images/carousel/slide1.jpg'},{image:'../images/carousel/slide2.jpg'},{image:'../images/carousel/slide3.jpg',}])

118
node_modules/jade-bootstrap/layouts/carousel.jade generated vendored Normal file
View File

@@ -0,0 +1,118 @@
extends ../_bootstrap
append styles
// Custom styles for this template
link(href="../css/carousel.css", rel="stylesheet")
block body
.navbar-wrapper
.container
nav.navbar.navbar-inverse.navbar-static-top
.container
.navbar-header
button(type="button" ,class="navbar-toggle collapsed", data-toggle="collapse", data-target="#navbar" ,aria-expanded="false", aria-controls="navbar")
span.sr-only Toggle navigation
span.icon-bar
span.icon-bar
span.icon-bar
a(class="navbar-brand", href="#") Project name
#navbar.navbar-collapse.collapse
ul.nav.navbar-nav
li.active
a(href="#") Home
li
a(href="#about") About
li
a(href="#contact") Contact
li.dropdown
a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-expanded='false')
| Dropdown
span.caret
ul.dropdown-menu(role='menu')
li
a(href='#') Action
li
a(href='#') Another action
li
a(href='#') Something else here
li.divider
li.dropdown-header Nav header
li
a(href='#') Separated link
li
a(href='#') One more separated link
// Carousel
// ==================================================
+carousel("myCarousel",[{image:"../images/carousel1.jpg",h1:"Example headline",p:"Note: If you're viewing this page via a codefile:///code URL, the 'next' and 'previous' Glyphicon buttons on the left and right might not load/display properly due to web browser security rules.",button:{caption:"Sign up today",url:"#"}},{image:"../images/carousel2.jpg",h1:"Another example headline",p:"Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.",button:{caption:"Learn more",url:"#"}}, {image:"../images/carousel3.jpg",h1:"One more for good measure.",p:"Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.",button:{caption:"Browse gallery",url:"#"}}])
// Marketing messaging and featurettes
// ==================================================
// Wrap the rest of the page in another container to center all the content.
.container.marketing
// Three columns of text below the carousel
.row
.col-lg-4
img.img-circle(src='../images/marketing1.jpg', alt='Generic placeholder image', width='140', height='140')
h2 Heading
p
| Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.
p
a.btn.btn-default(href='#', role='button') View details »
.col-lg-4
img.img-circle(src='../images/marketing2.jpg', alt='Generic placeholder image', width='140', height='140')
h2 Heading
p
| Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.
p
a.btn.btn-default(href='#', role='button') View details »
.col-lg-4
img.img-circle(src='../images/marketing3.jpg', alt='Generic placeholder image', width='140', height='140')
h2 Heading
p
| Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
p
a.btn.btn-default(href='#', role='button') View details »
// START THE FEATURETTES
hr.featurette-divider
.row.featurette
.col-md-7
h2.featurette-heading
| First featurette heading.
span.text-muted It'll blow your mind.
p.lead
| Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.
.col-md-5
img.featurette-image.img-responsive.center-block(src='../images/featurette1.jpg', alt='Generic placeholder image')
hr.featurette-divider
.row.featurette
.col-md-7.col-md-push-5
h2.featurette-heading
| Oh yeah, it's that good.
span.text-muted See for yourself.
p.lead
| Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.
.col-md-5.col-md-pull-7
img.featurette-image.img-responsive.center-block(src='../images/featurette2.jpg', alt='Generic placeholder image')
hr.featurette-divider
.row.featurette
.col-md-7
h2.featurette-heading
| And lastly, this one.
span.text-muted Checkmate.
p.lead
| Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.
.col-md-5
img.featurette-image.img-responsive.center-block(src='../images/featurette3.jpg', alt='Generic placeholder image')
hr.featurette-divider
// /END THE FEATURETTES
// FOOTER
footer
p.pull-right
a(href='#') Back to top
p
| © 2014 Company, Inc. ·
a(href='#') Privacy
| ·
a(href='#') Terms

29
node_modules/jade-bootstrap/layouts/cover.jade generated vendored Normal file
View File

@@ -0,0 +1,29 @@
extends ../_bootstrap
append styles
// !-- Custom styles for this template --
link(href="../css/cover.css", rel="stylesheet")
block body
.site-wrapper
.site-wrapper-inner
.cover-container
.masthead.clearfix
.inner
h3.masthead-brand Cover
nav
ul.nav.masthead-nav
li.active
a(href="#") Home
li
a(href="#") Features
li
a(href="#") Contact
.inner.cover
h1.cover-heading Cover your page.
p.lead Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.
p.lead
a(href="#", class="btn btn-lg btn-default") Learn more
.mastfoot
.inner
p Cover template for <a href="http://getbootstrap.com">Bootstrap </a>, by <a href="https://twitter.com/mdo">@mdo</a>.

184
node_modules/jade-bootstrap/layouts/dashboard.jade generated vendored Normal file
View File

@@ -0,0 +1,184 @@
extends ../_bootstrap
append styles
// Custom styles for this template
link(href='../css/dashboard.css', rel='stylesheet')
block body
nav.navbar.navbar-inverse.navbar-fixed-top
.container-fluid
.navbar-header
button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#navbar', aria-expanded='false', aria-controls='navbar')
span.sr-only Toggle navigation
span.icon-bar
span.icon-bar
span.icon-bar
a.navbar-brand(href='#') Project name
#navbar.navbar-collapse.collapse
ul.nav.navbar-nav.navbar-right
li
a(href='#') Dashboard
li
a(href='#') Settings
li
a(href='#') Profile
li
a(href='#') Help
form.navbar-form.navbar-right
input.form-control(type='text', placeholder='Search...')
.container-fluid
.row
.col-sm-3.col-md-2.sidebar
ul.nav.nav-sidebar
li.active
a(href='#')
| Overview
span.sr-only (current)
li
a(href='#') Reports
li
a(href='#') Analytics
li
a(href='#') Export
ul.nav.nav-sidebar
li
a(href='') Nav item
li
a(href='') Nav item again
li
a(href='') One more nav
li
a(href='') Another nav item
li
a(href='') More navigation
ul.nav.nav-sidebar
li
a(href='') Nav item again
li
a(href='') One more nav
li
a(href='') Another nav item
.col-sm-9.col-sm-offset-3.col-md-10.col-md-offset-2.main
h1.page-header Dashboard
.row.placeholders
.col-xs-6.col-sm-3.placeholder
img.img-responsive(src='../images/dashboard_blue.jpg', alt='Generic placeholder thumbnail')
h4 Label
span.text-muted Something else
.col-xs-6.col-sm-3.placeholder
img.img-responsive(src='../images/dashboard_green.jpg', alt='Generic placeholder thumbnail')
h4 Label
span.text-muted Something else
.col-xs-6.col-sm-3.placeholder
img.img-responsive(src='../images/dashboard_blue.jpg', alt='Generic placeholder thumbnail')
h4 Label
span.text-muted Something else
.col-xs-6.col-sm-3.placeholder
img.img-responsive(src='../images/dashboard_green.jpg', alt='Generic placeholder thumbnail')
h4 Label
span.text-muted Something else
h2.sub-header Section title
.table-responsive
table.table.table-striped
thead
tr
th #
th Header
th Header
th Header
th Header
tbody
tr
td 1,001
td Lorem
td ipsum
td dolor
td sit
tr
td 1,002
td amet
td consectetur
td adipiscing
td elit
tr
td 1,003
td Integer
td nec
td odio
td Praesent
tr
td 1,003
td libero
td Sed
td cursus
td ante
tr
td 1,004
td dapibus
td diam
td Sed
td nisi
tr
td 1,005
td Nulla
td quis
td sem
td at
tr
td 1,006
td nibh
td elementum
td imperdiet
td Duis
tr
td 1,007
td sagittis
td ipsum
td Praesent
td mauris
tr
td 1,008
td Fusce
td nec
td tellus
td sed
tr
td 1,009
td augue
td semper
td porta
td Mauris
tr
td 1,010
td massa
td Vestibulum
td lacinia
td arcu
tr
td 1,011
td eget
td nulla
td Class
td aptent
tr
td 1,012
td taciti
td sociosqu
td ad
td litora
tr
td 1,013
td torquent
td per
td conubia
td nostra
tr
td 1,014
td per
td inceptos
td himenaeos
td Curabitur
tr
td 1,015
td sodales
td ligula
td in
td libero

43
node_modules/jade-bootstrap/layouts/jumbotron-narrow.jade generated vendored Normal file
View File

@@ -0,0 +1,43 @@
extends ../_bootstrap
append styles
// Custom styles for this template
link(href='../css/jumbotron-narrow.css', rel='stylesheet')
block body
.container
.header.clearfix
nav
ul.nav.nav-pills.pull-right
li.active(role='presentation')
a(href='#') Home
li(role='presentation')
a(href='#') About
li(role='presentation')
a(href='#') Contact
h3.text-muted Project name
.jumbotron
h1 Jumbotron heading
p.lead
| Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
p
a.btn.btn-lg.btn-success(href='#', role='button') Sign up today
.row.marketing
.col-lg-6
h4 Subheading
p
| Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.
h4 Subheading
p
| Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.
h4 Subheading
p Maecenas sed diam eget risus varius blandit sit amet non magna.
.col-lg-6
h4 Subheading
p
| Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.
h4 Subheading
p
| Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.
h4 Subheading
p Maecenas sed diam eget risus varius blandit sit amet non magna.
footer.footer
p © Company 2014

53
node_modules/jade-bootstrap/layouts/jumbotron.jade generated vendored Normal file
View File

@@ -0,0 +1,53 @@
extends ../_bootstrap
append styles
// Custom styles for this template
link(href='../css/jumbotron.css', rel='stylesheet')
block body
nav.navbar.navbar-inverse.navbar-fixed-top
.container
.navbar-header
button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#navbar', aria-expanded='false', aria-controls='navbar')
span.sr-only Toggle navigation
span.icon-bar
span.icon-bar
span.icon-bar
a.navbar-brand(href='#') Project name
#navbar.navbar-collapse.collapse
form.navbar-form.navbar-right
.form-group
input.form-control(type='text', placeholder='Email')
.form-group
input.form-control(type='password', placeholder='Password')
button.btn.btn-success(type='submit') Sign in
.jumbotron
.container
h1 Hello, world!
p
| This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three supporting pieces of content. Use it as a starting point to create something more unique.
p
a.btn.btn-primary.btn-lg(href='#', role='button') Learn more »
.container
.row
.col-md-4
h2 Heading
p
| Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
p
a.btn.btn-default(href='#', role='button') View details »
.col-md-4
h2 Heading
p
| Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
p
a.btn.btn-default(href='#', role='button') View details »
.col-md-4
h2 Heading
p
| Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
p
a.btn.btn-default(href='#', role='button') View details »
hr
footer
p © Company 2014
block content

55
node_modules/jade-bootstrap/layouts/justified-nav.jade generated vendored Normal file
View File

@@ -0,0 +1,55 @@
extends ../_bootstrap
append styles
// Custom styles for this template
link(href='../css/justified-nav.css', rel='stylesheet')
block body
.container
// The justified navigation menu is meant for single line per list item. Multiple lines will require custom code not provided by Bootstrap.
.masthead
h3.text-muted Project name
nav
ul.nav.nav-justified
li.active
a(href='#') Home
li
a(href='#') Projects
li
a(href='#') Services
li
a(href='#') Downloads
li
a(href='#') About
li
a(href='#') Contact
// Jumbotron
.jumbotron
h1 Marketing stuff!
p.lead
| Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet.
p
a.btn.btn-lg.btn-success(href='#', role='button') Get started today
// Example row of columns
.row
.col-lg-4
h2 Safari bug warning!
p.text-danger
| As of v8.0, Safari exhibits a bug in which resizing your browser horizontally causes rendering errors in the justified nav that are cleared upon refreshing.
p
| Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
p
a.btn.btn-primary(href='#', role='button') View details »
.col-lg-4
h2 Heading
p
| Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
p
a.btn.btn-primary(href='#', role='button') View details »
.col-lg-4
h2 Heading
p
| Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.
p
a.btn.btn-primary(href='#', role='button') View details »
// Site footer
footer.footer
p © Company 2014

30
node_modules/jade-bootstrap/layouts/navbar-fixed.jade generated vendored Normal file
View File

@@ -0,0 +1,30 @@
extends ../_bootstrap
append styles
// Custom styles for this template
link(href='../css/navbar-fixed-top.css', rel='stylesheet')
block body
// Fixed navbar
+navbar-fixed("Project name","navbar")
+nav_item("#","active") Home
+nav_item("#") About
+nav_item("#") Contact
+nav_item_dropdown("#")(label="Dropdown")
+nav_item("#") Action
+nav_item("#") Another action
+nav_item("#") Something else here
+nav_divider
+nav_item("#") Separated link
+nav_item("#") One more separated link
.container
// Main component for a primary marketing message or call to action
.jumbotron
h1 Navbar example
p
| This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.
p To see the difference between static and fixed top navbars, just scroll.
p
a.btn.btn-lg.btn-primary(href='../../components/#navbar', role='button') View navbar docs »

27
node_modules/jade-bootstrap/layouts/navbar-static.jade generated vendored Normal file
View File

@@ -0,0 +1,27 @@
extends ../_bootstrap
append styles
// Custom styles for this template
link(href='../css/navbar-static-top.css', rel='stylesheet')
block body
// Static navbar
+navbar-static("Project name","navbar")
+nav_item("#","active") Home
+nav_item("#") About
+nav_item("#") Contact
+nav_item_dropdown("#")(label="Dropdown")
+nav_item("#") Action
+nav_item("#") Another action
+nav_item("#") Something else here
+nav_divider
+nav_item("#") Separated link
+nav_item("#") One more separated link
.container
// Main component for a primary marketing message or call to action
.jumbotron
h1 Navbar example
p
| This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.
p To see the difference between static and fixed top navbars, just scroll.
p
a.btn.btn-lg.btn-primary(href='../../components/#navbar', role='button') View navbar docs »

58
node_modules/jade-bootstrap/layouts/navbar.jade generated vendored Normal file
View File

@@ -0,0 +1,58 @@
extends ../_bootstrap
append styles
// Custom styles for this template
link(href='../css/navbar.css', rel='stylesheet')
block body
.container
// Static navbar
nav.navbar.navbar-default
.container-fluid
.navbar-header
button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#navbar', aria-expanded='false', aria-controls='navbar')
span.sr-only Toggle navigation
span.icon-bar
span.icon-bar
span.icon-bar
a.navbar-brand(href='#') Project name
#navbar.navbar-collapse.collapse
ul.nav.navbar-nav
li.active
a(href='#') Home
li
a(href='#') About
li
a(href='#') Contact
li.dropdown
a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-expanded='false')
| Dropdown
span.caret
ul.dropdown-menu(role='menu')
li
a(href='#') Action
li
a(href='#') Another action
li
a(href='#') Something else here
li.divider
li.dropdown-header Nav header
li
a(href='#') Separated link
li
a(href='#') One more separated link
ul.nav.navbar-nav.navbar-right
li.active
a(href='#')
| Default
span.sr-only (current)
li
a(href='navbar-static.html') Static top
li
a(href='navbar-fixed.html') Fixed top
// Main component for a primary marketing message or call to action
.jumbotron
h1 Navbar example
p
| This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.
p
a.btn.btn-lg.btn-primary(href='../../components/#navbar', role='button') View navbar docs »

77
node_modules/jade-bootstrap/layouts/non-responsive.jade generated vendored Normal file
View File

@@ -0,0 +1,77 @@
extends ../_bootstrap
append styles
// Custom styles for this template
link(href='/css/non-responsive.css', rel='stylesheet')
block body
// Fixed navbar
nav.navbar.navbar-default.navbar-fixed-top
.container
.navbar-header
// The mobile navbar-toggle button can be safely removed since you do not need it in a non-responsive implementation
a.navbar-brand(href='#') Project name
// Note that the .navbar-collapse and .collapse classes have been removed from the #navbar
#navbar
ul.nav.navbar-nav
li.active
a(href='#') Home
li
a(href='#about') About
li
a(href='#contact') Contact
li.dropdown
a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-expanded='false')
| Dropdown
span.caret
ul.dropdown-menu(role='menu')
li
a(href='#') Action
li
a(href='#') Another action
li
a(href='#') Something else here
li.divider
li.dropdown-header Nav header
li
a(href='#') Separated link
li
a(href='#') One more separated link
form.navbar-form.navbar-left(role='search')
.form-group
input.form-control(type='text', placeholder='Search')
button.btn.btn-default(type='submit') Submit
ul.nav.navbar-nav.navbar-right
li
a(href='#') Link
li
a(href='#') Link
li
a(href='#') Link
.container
.page-header
h1 Non-responsive Bootstrap
p.lead
| Disable the responsiveness of Bootstrap by fixing the width of the container and using the first grid system tier.
a(href='http://getbootstrap.com/getting-started/#disable-responsive') Read the documentation
| for more information.
h3 What changes
p
| Note the lack of the
code <meta name="viewport" content="width=device-width, initial-scale=1">
| , which disables the zooming aspect of sites in mobile devices. In addition, we reset our container's width and changed the navbar to prevent collapsing, and are basically good to go.
h3 Regarding navbars
p
| As a heads up, the navbar component is rather tricky here in that the styles for displaying it are rather specific and detailed. Overrides to ensure desktop styles display are not as performant or sleek as one would like. Just be aware there may be potential gotchas as you build on top of this example when using the navbar.
h3 Browsers, scrolling, and fixed elements
p
| Non-responsive layouts highlight a key drawback to fixed elements.
strong.text-danger
| Any fixed component, such as a fixed navbar, will not be scrollable when the viewport becomes narrower than the page content.
| In other words, given the non-responsive container width of 970px and a viewport of 800px, you'll potentially hide 170px of content.
p
| There is no way around this as it's default browser behavior. The only solution is a responsive layout or using a non-fixed element.
h3 Non-responsive grid system
.row
.col-xs-4 One third
.col-xs-4 One third
.col-xs-4 One third

94
node_modules/jade-bootstrap/layouts/offcanvas.jade generated vendored Normal file
View File

@@ -0,0 +1,94 @@
extends ../_bootstrap
append styles
// Custom styles for this template
link(href='/css/offcanvas.css', rel='stylesheet')
block body
nav.navbar.navbar-fixed-top.navbar-inverse
.container
.navbar-header
button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#navbar', aria-expanded='false', aria-controls='navbar')
span.sr-only Toggle navigation
span.icon-bar
span.icon-bar
span.icon-bar
a.navbar-brand(href='#') Project name
#navbar.collapse.navbar-collapse
ul.nav.navbar-nav
li.active
a(href='#') Home
li
a(href='#about') About
li
a(href='#contact') Contact
.container
.row.row-offcanvas.row-offcanvas-right
.col-xs-12.col-sm-9
p.pull-right.visible-xs
button.btn.btn-primary.btn-xs(type='button', data-toggle='offcanvas') Toggle nav
.jumbotron
h1 Hello, world!
p
| This is an example to show the potential of an offcanvas layout pattern in Bootstrap. Try some responsive-range viewport sizes to see it in action.
.row
.col-xs-6.col-lg-4
h2 Heading
p
| Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
p
a.btn.btn-default(href='#', role='button') View details »
.col-xs-6.col-lg-4
h2 Heading
p
| Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
p
a.btn.btn-default(href='#', role='button') View details »
.col-xs-6.col-lg-4
h2 Heading
p
| Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
p
a.btn.btn-default(href='#', role='button') View details »
.col-xs-6.col-lg-4
h2 Heading
p
| Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
p
a.btn.btn-default(href='#', role='button') View details »
.col-xs-6.col-lg-4
h2 Heading
p
| Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
p
a.btn.btn-default(href='#', role='button') View details »
// /.col-xs-6.col-lg-4
.col-xs-6.col-lg-4
h2 Heading
p
| Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
p
a.btn.btn-default(href='#', role='button') View details »
#sidebar.col-xs-6.col-sm-3.sidebar-offcanvas
.list-group
a.list-group-item.active(href='#') Link
a.list-group-item(href='#') Link
a.list-group-item(href='#') Link
a.list-group-item(href='#') Link
a.list-group-item(href='#') Link
a.list-group-item(href='#') Link
a.list-group-item(href='#') Link
a.list-group-item(href='#') Link
a.list-group-item(href='#') Link
a.list-group-item(href='#') Link
block content
hr
footer
p © Company 2014
append scripts
script(src='/js/offcanvas.js')

19
node_modules/jade-bootstrap/layouts/sign-in.jade generated vendored Normal file
View File

@@ -0,0 +1,19 @@
extends ../_bootstrap
append styles
// Custom styles for this template
link(href='../css/signin.css', rel='stylesheet')
block body
.container
form.form-signin
h2.form-signin-heading Please sign in
label.sr-only(for='inputEmail') Email address
input#inputEmail.form-control(type='email', placeholder='Email address', required='', autofocus='')
label.sr-only(for='inputPassword') Password
input#inputPassword.form-control(type='password', placeholder='Password', required='')
.checkbox
label
input(type='checkbox', value='remember-me')
| Remember me
button.btn.btn-lg.btn-primary.btn-block(type='submit') Sign in

18
node_modules/jade-bootstrap/layouts/starter.jade generated vendored Normal file
View File

@@ -0,0 +1,18 @@
extends ../_bootstrap
append styles
// Custom styles for this template
link(href='../css/starter-template.css', rel='stylesheet')
block body
+navbar-fixed("Project name","navbar","inverse")
+nav_item("#","active") Home
+nav_item("#") About
+nav_item("#") Contact
.container
.starter-template
h1 Bootstrap starter template
p.lead
| Use this document as a way to quickly start any new project.
br
| All you get is this text and a mostly barebones HTML document.

57
node_modules/jade-bootstrap/layouts/sticky-footer-navbar.jade generated vendored Normal file
View File

@@ -0,0 +1,57 @@
extends ../_bootstrap
append styles
// Custom styles for this template
link(href='/css/sticky-footer-navbar.css', rel='stylesheet')
block body
// Fixed navbar
nav.navbar.navbar-default.navbar-fixed-top
.container
.navbar-header
button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#navbar', aria-expanded='false', aria-controls='navbar')
span.sr-only Toggle navigation
span.icon-bar
span.icon-bar
span.icon-bar
a.navbar-brand(href='#') Project name
#navbar.collapse.navbar-collapse
ul.nav.navbar-nav
li.active
a(href='#') Home
li
a(href='#about') About
li
a(href='#contact') Contact
li.dropdown
a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-expanded='false')
| Dropdown
span.caret
ul.dropdown-menu(role='menu')
li
a(href='#') Action
li
a(href='#') Another action
li
a(href='#') Something else here
li.divider
li.dropdown-header Nav header
li
a(href='#') Separated link
li
a(href='#') One more separated link
.container
.page-header
h1 Sticky footer with fixed navbar
p.lead
| Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added with
code padding-top: 60px;
| on the
code body > .container
| .
p
| Back to
a(href='../sticky-footer') the default sticky footer
| minus the navbar.
footer.footer
.container
p.text-muted Place sticky footer content here.

20
node_modules/jade-bootstrap/layouts/sticky-footer.jade generated vendored Normal file
View File

@@ -0,0 +1,20 @@
extends ../_bootstrap
append styles
// Custom styles for this template
link(href='../css/sticky-footer.css', rel='stylesheet')
block body
// Begin page content
.container
.page-header
h1 Sticky footer
p.lead
| Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.
p
| Use
a(href='../sticky-footer-navbar') the sticky footer with a fixed navbar
| if need be, too.
footer.footer
.container
p.text-muted Place sticky footer content here.

351
node_modules/jade-bootstrap/layouts/theme-template.jade generated vendored Normal file
View File

@@ -0,0 +1,351 @@
extends ../_bootstrap
append styles
// Bootstrap theme
link(rel="stylesheet", href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css")
// Custom styles for this template
link(href='../css/theme.css', rel='stylesheet')
block body
// Fixed navbar
nav.navbar.navbar-inverse.navbar-fixed-top
.container
.navbar-header
button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#navbar', aria-expanded='false', aria-controls='navbar')
span.sr-only Toggle navigation
span.icon-bar
span.icon-bar
span.icon-bar
a.navbar-brand(href='#') Bootstrap theme
#navbar.navbar-collapse.collapse
ul.nav.navbar-nav
li.active
a(href='#') Home
li
a(href='#about') About
li
a(href='#contact') Contact
li.dropdown
a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-expanded='false')
| Dropdown
span.caret
ul.dropdown-menu(role='menu')
li
a(href='#') Action
li
a(href='#') Another action
li
a(href='#') Something else here
li.divider
li.dropdown-header Nav header
li
a(href='#') Separated link
li
a(href='#') One more separated link
.container.theme-showcase(role='main')
// Main jumbotron for a primary marketing message or call to action
.jumbotron
h1 Theme example
p
| This is a template showcasing the optional theme stylesheet included in Bootstrap. Use it as a starting point to create something more unique by building on or modifying it.
.page-header
h1 Buttons
p
button.btn.btn-lg.btn-default(type='button') Default
button.btn.btn-lg.btn-primary(type='button') Primary
button.btn.btn-lg.btn-success(type='button') Success
button.btn.btn-lg.btn-info(type='button') Info
button.btn.btn-lg.btn-warning(type='button') Warning
button.btn.btn-lg.btn-danger(type='button') Danger
button.btn.btn-lg.btn-link(type='button') Link
p
button.btn.btn-default(type='button') Default
button.btn.btn-primary(type='button') Primary
button.btn.btn-success(type='button') Success
button.btn.btn-info(type='button') Info
button.btn.btn-warning(type='button') Warning
button.btn.btn-danger(type='button') Danger
button.btn.btn-link(type='button') Link
p
button.btn.btn-sm.btn-default(type='button') Default
button.btn.btn-sm.btn-primary(type='button') Primary
button.btn.btn-sm.btn-success(type='button') Success
button.btn.btn-sm.btn-info(type='button') Info
button.btn.btn-sm.btn-warning(type='button') Warning
button.btn.btn-sm.btn-danger(type='button') Danger
button.btn.btn-sm.btn-link(type='button') Link
p
button.btn.btn-xs.btn-default(type='button') Default
button.btn.btn-xs.btn-primary(type='button') Primary
button.btn.btn-xs.btn-success(type='button') Success
button.btn.btn-xs.btn-info(type='button') Info
button.btn.btn-xs.btn-warning(type='button') Warning
button.btn.btn-xs.btn-danger(type='button') Danger
button.btn.btn-xs.btn-link(type='button') Link
.page-header
h1 Tables
.row
.col-md-6
+table(["#","First Name","Last Name","Username"],[["1","Mark","Otto","@mdo"],["2","Jacob","Thornton","@fat"],["3","Larry","the Bird","@twitter"]])
.col-md-6
+table-striped(["#","First Name","Last Name","Username"],[["1","Mark","Otto","@mdo"],["2","Jacob","Thornton","@fat"],["3","Larry","the Bird","@twitter"]])
.row
.col-md-6
+table-bordered(["#","First Name","Last Name","Username"],[["1","Mark","Otto","@mdo"],["2","Jacob","Thornton","@fat"],["3","Larry","the Bird","@twitter"]])
.col-md-6
+table-condensed(["#","First Name","Last Name","Username"],[["1","Mark","Otto","@mdo"],["2","Jacob","Thornton","@fat"],["3","Larry","the Bird","@twitter"]])
.page-header
h1 Thumbnails
img.img-thumbnail(src='../images/thumb.jpg', alt='A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera')
.page-header
h1 Labels
h1
span.label.label-default Default
span.label.label-primary Primary
span.label.label-success Success
span.label.label-info Info
span.label.label-warning Warning
span.label.label-danger Danger
h2
span.label.label-default Default
span.label.label-primary Primary
span.label.label-success Success
span.label.label-info Info
span.label.label-warning Warning
span.label.label-danger Danger
h3
span.label.label-default Default
span.label.label-primary Primary
span.label.label-success Success
span.label.label-info Info
span.label.label-warning Warning
span.label.label-danger Danger
h4
span.label.label-default Default
span.label.label-primary Primary
span.label.label-success Success
span.label.label-info Info
span.label.label-warning Warning
span.label.label-danger Danger
h5
span.label.label-default Default
span.label.label-primary Primary
span.label.label-success Success
span.label.label-info Info
span.label.label-warning Warning
span.label.label-danger Danger
h6
span.label.label-default Default
span.label.label-primary Primary
span.label.label-success Success
span.label.label-info Info
span.label.label-warning Warning
span.label.label-danger Danger
p
span.label.label-default Default
span.label.label-primary Primary
span.label.label-success Success
span.label.label-info Info
span.label.label-warning Warning
span.label.label-danger Danger
.page-header
h1 Badges
p
a(href='#')
| Inbox
span.badge 42
ul.nav.nav-pills(role='tablist')
li.active(role='presentation')
a(href='#')
| Home
span.badge 42
li(role='presentation')
a(href='#') Profile
li(role='presentation')
a(href='#')
| Messages
span.badge 3
.page-header
h1 Dropdown menus
.dropdown.theme-dropdown.clearfix
a#dropdownMenu1.sr-only.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-expanded='false')
| Dropdown
span.caret
ul.dropdown-menu(role='menu', aria-labelledby='dropdownMenu1')
li.active(role='presentation')
a(role='menuitem', tabindex='-1', href='#') Action
li(role='presentation')
a(role='menuitem', tabindex='-1', href='#') Another action
li(role='presentation')
a(role='menuitem', tabindex='-1', href='#') Something else here
li.divider(role='presentation')
li(role='presentation')
a(role='menuitem', tabindex='-1', href='#') Separated link
.page-header
h1 Navs
ul.nav.nav-tabs(role='tablist')
li.active(role='presentation')
a(href='#') Home
li(role='presentation')
a(href='#') Profile
li(role='presentation')
a(href='#') Messages
ul.nav.nav-pills(role='tablist')
li.active(role='presentation')
a(href='#') Home
li(role='presentation')
a(href='#') Profile
li(role='presentation')
a(href='#') Messages
.page-header
h1 Navbars
nav.navbar.navbar-default
.container
.navbar-header
button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='.navbar-collapse')
span.sr-only Toggle navigation
span.icon-bar
span.icon-bar
span.icon-bar
a.navbar-brand(href='#') Project name
.navbar-collapse.collapse
ul.nav.navbar-nav
li.active
a(href='#') Home
li
a(href='#about') About
li
a(href='#contact') Contact
li.dropdown
a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-expanded='false')
| Dropdown
span.caret
ul.dropdown-menu(role='menu')
li
a(href='#') Action
li
a(href='#') Another action
li
a(href='#') Something else here
li.divider
li.dropdown-header Nav header
li
a(href='#') Separated link
li
a(href='#') One more separated link
nav.navbar.navbar-inverse
.container
.navbar-header
button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='.navbar-collapse')
span.sr-only Toggle navigation
span.icon-bar
span.icon-bar
span.icon-bar
a.navbar-brand(href='#') Project name
.navbar-collapse.collapse
ul.nav.navbar-nav
li.active
a(href='#') Home
li
a(href='#about') About
li
a(href='#contact') Contact
li.dropdown
a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-expanded='false')
| Dropdown
span.caret
ul.dropdown-menu(role='menu')
li
a(href='#') Action
li
a(href='#') Another action
li
a(href='#') Something else here
li.divider
li.dropdown-header Nav header
li
a(href='#') Separated link
li
a(href='#') One more separated link
.page-header
h1 Alerts
+alert-success("<strong>Well done!</strong> You successfully read this important alert message.")
+alert-info("<strong>Heads up!</strong> This alert needs your attention, but it's not super important.")
+alert-warning("<strong>Warning!</strong> Best check yo self, you're not looking too good.")
+alert-danger("<strong>Oh snap!</strong> Change a few things up and try submitting again.")
.page-header
h1 Progress bars
+progress-bar(60)
+progress-bar-info(20)
+progress-bar-warning(60)
+progress-bar-danger(80)
+progress-bar-striped(60)
.progress
.progress-bar.progress-bar-success(style='width: 35%')
span.sr-only 35% Complete (success)
.progress-bar.progress-bar-warning(style='width: 20%')
span.sr-only 20% Complete (warning)
.progress-bar.progress-bar-danger(style='width: 10%')
span.sr-only 10% Complete (danger)
.page-header
h1 List groups
.row
.col-sm-4
ul.list-group
li.list-group-item Cras justo odio
li.list-group-item Dapibus ac facilisis in
li.list-group-item Morbi leo risus
li.list-group-item Porta ac consectetur ac
li.list-group-item Vestibulum at eros
// /.col-sm-4
.col-sm-4
.list-group
a.list-group-item.active(href='#')
| Cras justo odio
a.list-group-item(href='#') Dapibus ac facilisis in
a.list-group-item(href='#') Morbi leo risus
a.list-group-item(href='#') Porta ac consectetur ac
a.list-group-item(href='#') Vestibulum at eros
// /.col-sm-4
.col-sm-4
.list-group
a.list-group-item.active(href='#')
h4.list-group-item-heading List group item heading
p.list-group-item-text
| Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
a.list-group-item(href='#')
h4.list-group-item-heading List group item heading
p.list-group-item-text
| Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
a.list-group-item(href='#')
h4.list-group-item-heading List group item heading
p.list-group-item-text
| Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
// /.col-sm-4
.page-header
h1 Panels
.row
.col-sm-4
+panel-default("Panel title")
| Panel content
+panel-primary("Panel title")
| Panel content
.col-sm-4
+panel-success("Panel title")
| Panel content
+panel-info("Panel title")
| Panel content
.col-sm-4
+panel-warning("Panel title")
| Panel content
+panel-danger("Panel title")
| Panel content
.page-header
h1 Wells
.well
p
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.
.page-header
h1 Carousel
+carousel("example-generic",[{image:'../images/carousel/slide1.jpg'},{image:'../images/carousel/slide2.jpg'},{image:'../images/carousel/slide3.jpg',}])