-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
add theme, sticky-footer, sticky-footer-navbar, signin, offcanvas
- Loading branch information
Showing
17 changed files
with
696 additions
and
62 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,4 @@ | ||
| !!! 5 | ||
| doctype 5 | ||
| html(lang='en') | ||
| head | ||
| meta(charset='utf-8') | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,4 @@ | ||
| !!! 5 | ||
| doctype 5 | ||
| html(lang='en') | ||
| head | ||
| meta(charset='utf-8') | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,4 @@ | ||
| !!! 5 | ||
| doctype 5 | ||
| html(lang='en') | ||
| head | ||
| meta(charset='utf-8') | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,4 @@ | ||
| !!! 5 | ||
| doctype 5 | ||
| html(lang='en') | ||
| head | ||
| meta(charset='utf-8') | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,4 @@ | ||
| !!! 5 | ||
| doctype 5 | ||
| html(lang='en') | ||
| head | ||
| meta(charset='utf-8') | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,4 @@ | ||
| !!! 5 | ||
| doctype 5 | ||
| html(lang='en') | ||
| head | ||
| meta(charset='utf-8') | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,4 @@ | ||
| !!! 5 | ||
| doctype 5 | ||
| html(lang='en') | ||
| head | ||
| meta(charset='utf-8') | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,4 @@ | ||
| !!! 5 | ||
| doctype 5 | ||
| html(lang='en') | ||
| head | ||
| meta(charset='utf-8') | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,127 @@ | ||
| doctype 5 | ||
| html(lang='en') | ||
| head | ||
| meta(charset='utf-8') | ||
| meta(name='viewport', content='width=device-width, initial-scale=1.0') | ||
| meta(name='description', content='') | ||
| meta(name='author', content='') | ||
| link(rel='shortcut icon', href='#{pathToAssets}/assets/ico/favicon.png') | ||
| title Off Canvas Template for Bootstrap | ||
| // Bootstrap core CSS | ||
| link(href='#{pathToAssets}/dist/css/bootstrap.min.css', rel='stylesheet') | ||
| // Custom styles for this template | ||
| link(href='#{pathToSelectedTemplateWithinBootstrap}/offcanvas.css', rel='stylesheet') | ||
| // HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries | ||
| //if lt IE 9 | ||
| script(src='#{pathToAssets}/assets/js/html5shiv.js') | ||
| script(src='#{pathToAssets}/assets/js/respond.min.js') | ||
| body | ||
| .navbar.navbar-fixed-top.navbar-inverse(role='navigation') | ||
| .container | ||
| .navbar-header | ||
| button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse') | ||
| span.icon-bar | ||
| span.icon-bar | ||
| span.icon-bar | ||
| a.navbar-brand(href='#') Project name | ||
| .collapse.navbar-collapse | ||
| ul.nav.navbar-nav | ||
| li.active | ||
| a(href='#') Home | ||
| li | ||
| a(href='#about') About | ||
| li | ||
| a(href='#contact') Contact | ||
| // /.nav-collapse | ||
| // /.container | ||
| // /.navbar | ||
| .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-6.col-sm-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='#') View details » | ||
| // /span | ||
| .col-6.col-sm-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='#') View details » | ||
| // /span | ||
| .col-6.col-sm-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='#') View details » | ||
| // /span | ||
| .col-6.col-sm-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='#') View details » | ||
| // /span | ||
| .col-6.col-sm-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='#') View details » | ||
| // /span | ||
| .col-6.col-sm-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='#') View details » | ||
| // /span | ||
| // /row | ||
| // /span | ||
| #sidebar.col-xs-6.col-sm-3.sidebar-offcanvas(role='navigation') | ||
| .well.sidebar-nav | ||
| ul.nav | ||
| li Sidebar | ||
| li.active | ||
| a(href='#') Link | ||
| li | ||
| a(href='#') Link | ||
| li | ||
| a(href='#') Link | ||
| li Sidebar | ||
| li | ||
| a(href='#') Link | ||
| li | ||
| a(href='#') Link | ||
| li | ||
| a(href='#') Link | ||
| li Sidebar | ||
| li | ||
| a(href='#') Link | ||
| li | ||
| a(href='#') Link | ||
| // /.well | ||
| // /span | ||
| // /row | ||
| hr | ||
| footer | ||
| p © Company 2013 | ||
| // /.container | ||
| // | ||
| Bootstrap core JavaScript | ||
| // ================================================== | ||
| // Placed at the end of the document so the pages load faster | ||
| script(src='#{pathToAssets}/assets/js/jquery.js') | ||
| script(src='#{pathToAssets}/dist/js/bootstrap.min.js') | ||
| script(src='#{pathToSelectedTemplateWithinBootstrap}/offcanvas.js') |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,32 @@ | ||
| doctype 5 | ||
| html(lang='en') | ||
| head | ||
| meta(charset='utf-8') | ||
| meta(name='viewport', content='width=device-width, initial-scale=1.0') | ||
| meta(name='description', content='') | ||
| meta(name='author', content='') | ||
| link(rel='shortcut icon', href='#{pathToAssets}/assets/ico/favicon.png') | ||
| title Signin Template for Bootstrap | ||
| // Bootstrap core CSS | ||
| link(href='#{pathToAssets}/dist/css/bootstrap.css', rel='stylesheet') | ||
| // Custom styles for this template | ||
| link(href='#{pathToSelectedTemplateWithinBootstrap}/signin.css', rel='stylesheet') | ||
| // HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries | ||
| //if lt IE 9 | ||
| script(src='#{pathToAssets}/assets/js/html5shiv.js') | ||
| script(src='#{pathToAssets}/assets/js/respond.min.js') | ||
| body | ||
| .container | ||
| form.form-signin | ||
| h2.form-signin-heading Please sign in | ||
| input.form-control(type='text', placeholder='Email address', autofocus='autofocus') | ||
| input.form-control(type='password', placeholder='Password') | ||
| label.checkbox | ||
| input(type='checkbox', value='remember-me') | ||
| | Remember me | ||
| button.btn.btn-lg.btn-primary.btn-block(type='submit') Sign in | ||
| // /container | ||
| // | ||
| Bootstrap core JavaScript | ||
| //================================================== | ||
| // Placed at the end of the document so the pages load faster |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,4 @@ | ||
| !!! 5 | ||
| doctype 5 | ||
| html(lang='en') | ||
| head | ||
| meta(charset='utf-8') | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,85 @@ | ||
| doctype 5 | ||
| html(lang='en') | ||
| head | ||
| meta(charset='utf-8') | ||
| meta(name='viewport', content='width=device-width, initial-scale=1.0') | ||
| meta(name='description', content='') | ||
| meta(name='author', content='') | ||
| link(rel='shortcut icon', href='#{pathToAssets}/assets/ico/favicon.png') | ||
| title Sticky Footer Navbar Template for Bootstrap | ||
| // Bootstrap core CSS | ||
| link(href='#{pathToAssets}/dist/css/bootstrap.css', rel='stylesheet') | ||
| // Custom styles for this template | ||
| link(href='#{pathToSelectedTemplateWithinBootstrap}/sticky-footer-navbar.css', rel='stylesheet') | ||
| // HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries | ||
| //if lt IE 9 | ||
| script(src='#{pathToAssets}/assets/js/html5shiv.js') | ||
| script(src='#{pathToAssets}/assets/js/respond.min.js') | ||
| body | ||
| // Wrap all page content here | ||
| #wrap | ||
| // Fixed navbar | ||
| .navbar.navbar-default.navbar-fixed-top | ||
| .container | ||
| .navbar-header | ||
| button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse') | ||
| span.icon-bar | ||
| span.icon-bar | ||
| span.icon-bar | ||
| a.navbar-brand(href='#') Project name | ||
| .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') | ||
| | Dropdown | ||
| b.caret | ||
| ul.dropdown-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-collapse | ||
| // Begin page content | ||
| .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 within | ||
| code #wrap | ||
| | with | ||
| code padding-top: 60px; | ||
| | on the | ||
| code .container | ||
| | . | ||
| p | ||
| | Back to | ||
| a(href='/template/sticky-footer') the default sticky footer | ||
| | minus the navbar. | ||
| #footer | ||
| .container | ||
| p.text-muted.credit | ||
| | Example courtesy | ||
| a(href='http://martinbean.co.uk') Martin Bean | ||
| | and | ||
| a(href='http://ryanfait.com/sticky-footer/') Ryan Fait | ||
| | . | ||
| // | ||
| Bootstrap core JavaScript | ||
| //================================================== | ||
| // Placed at the end of the document so the pages load faster | ||
| script(src='#{pathToAssets}/assets/js/jquery.js') | ||
| script(src='#{pathToAssets}/dist/js/bootstrap.min.js') |
Oops, something went wrong.