Created
November 26, 2012 16:21
-
-
Save jonschlinkert/4149115 to your computer and use it in GitHub Desktop.
Five partials are referenced on this page: navbar.mustache, alert.mustache, button.mustache, modal.mustache and footer.mustache.
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
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<title>{{title}}</title><!-- mustache tag for page title, value is specified in gruntfile --> | |
<!-- styles --> | |
<link href="styles.css" rel="stylesheet"> | |
</head> | |
<body> | |
<!-- navar-fixed-top.mustache --> | |
{{> navar-fixed-top}} | |
<!-- button.mustache --> | |
{{> button}} | |
<!-- alert.mustache --> | |
{{> alert}} | |
<!-- modal.mustache --> | |
{{> modal}} | |
<!-- footer.mustache --> | |
{{> footer}} | |
<!-- javascript --> | |
<script src="scripts.js"></script> | |
</body> | |
</html> |
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
{{!-- alert --}} | |
<div class="alert"> | |
<button type="button" class="close" data-dismiss="alert">×</button> | |
<strong>Heads up!</strong> Change a few things up and try submitting again. | |
</div> |
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
{{!-- modal --}} | |
<div class="modal" style="position: relative; top: auto; left: auto; right: auto; margin: 0 auto 20px; z-index: 1; max-width: 100%;"> | |
<div class="modal-header"> | |
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | |
<h3>Modal header</h3> | |
</div> | |
<div class="modal-body"> | |
<p>One fine body…</p> | |
</div> | |
<div class="modal-footer"> | |
<a href="#" class="btn">Close</a> | |
<a href="#" class="btn btn-primary">Save changes</a> | |
</div> | |
</div> |
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
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<title>{{title}}</title><!-- mustache tag for page title, value is specified in gruntfile --> | |
<!-- styles --> | |
<link href="styles.css" rel="stylesheet"> | |
</head> | |
<body> | |
<!-- navar-fixed-top.mustache --> | |
<div class="navbar navbar-fixed-top"> | |
<div class="navbar-inner"> | |
<div class="container-fluid"> | |
<a href="#" class="brand">Sellside</a> | |
<ul class="nav nav-pills pull-right"> | |
<li><a href="#"> Help </a></li> | |
<li><a href="#">Create account</a></li> | |
</ul> | |
</div> | |
</div> | |
</div><!-- /navbar --> | |
<!-- button.mustache --> | |
<button class="btn">{{text}}</button> | |
<!-- alert.mustache --> | |
<div class="alert"> | |
<button type="button" class="close" data-dismiss="alert">×</button> | |
<strong>Heads up!</strong> Change a few things up and try submitting again. | |
</div> | |
<!-- modal.mustache --> | |
<div class="modal" style="position: relative; top: auto; left: auto; right: auto; margin: 0 auto 20px; z-index: 1; max-width: 100%;"> | |
<div class="modal-header"> | |
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> | |
<h3>Modal header</h3> | |
</div> | |
<div class="modal-body"> | |
<p>One fine body…</p> | |
</div> | |
<div class="modal-footer"> | |
<a href="#" class="btn">Close</a> | |
<a href="#" class="btn btn-primary">Save changes</a> | |
</div> | |
</div> | |
<!-- footer.mustache --> | |
<footer class="footer"> | |
<div class="container"> | |
<p class="pull-right"><a href="#">Back to top</a></p> | |
<ul class="footer-links"> | |
<li><a href="#">Help</a></li> | |
<li><a href="#">About Us</a></li> | |
<li><a href="#">Contact</a></li> | |
</ul> | |
</div> | |
</footer> | |
<!-- javascript --> | |
<script src="scripts.js"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I had to prefix the example titles with numbers since GitHub sorts the files by alphabetical order.