Skip to content

Instantly share code, notes, and snippets.

@gilbertbw
Created August 23, 2012 17:10
Show Gist options
  • Save gilbertbw/3438843 to your computer and use it in GitHub Desktop.
Save gilbertbw/3438843 to your computer and use it in GitHub Desktop.
<html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!-- Use the .htaccess and remove these lines to avoid edge case issues.
More info: h5bp.com/i/378 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<!-- Mobile viewport optimized: h5bp.com/viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->
<link rel="stylesheet" href="../public/stylesheets/bootstrap.css">
<!-- More ideas for your head here: h5bp.com/d/head-Tips -->
<!-- Want to try a different theme?
If not using LESS compiler: Uncomment below
and change to name of desired theme. (See docs) -->
<!--link type="text/css" rel="stylesheet" href="extras/css/amelia.css" /-->
<!-- All JavaScript at the bottom, except this Modernizr build.
Modernizr enables HTML5 elements & feature detects for optimal performance.
Create your own custom Modernizr build: www.modernizr.com/download/ -->
<script src="../public/extras/h5bp/js/libs/modernizr-2.5.3.min.js"></script>
</head>
<body>
<!-- Prompt IE 6 users to install Chrome Frame. Remove this if you support IE 6.
chromium.org/developers/how-tos/chrome-frame-getting-started -->
<!--[if lt IE 7]>
<link href="stylesheets/bootstrap.ie6.css" rel="stylesheet">
<p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p>
<![endif]-->
<div class="container">
<header>
</header>
<div role="main">
{{$content}}{{/contentb}}
</div>
<!-- JavaScript at the bottom for fast page loading -->
<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../public/extras/h5bp/js/libs/jquery-1.7.1.min.js"><\/script>')</script>
<!-- scripts concatenated and minified via ant build script-->
<script src="../public/extras/prettify/prettify.js"></script>
<script src="../public/javascripts/bootstrap.min.js"></script>
<script type="text/javascript" src="../public/javascripts/validator.js"></script>
<script type="text/javascript" src="../public/javascripts/signupValidation.js"></script>
<!-- end scripts-->
<!-- If you'd rather pick and choose, comment the above and uncomment what you need below -->
<!--script type="text/javascript" src="javascripts/bootstrap-alert.min.js"></script-->
<!--script type="text/javascript" src="javascripts/bootstrap-button.min.js"></script-->
<!--script type="text/javascript" src="javascripts/bootstrap-carousel.min.js"></script-->
<!--script type="text/javascript" src="javascripts/bootstrap-collapse.min.js"></script-->
<!--script type="text/javascript" src="javascripts/bootstrap-dropdown.min.js"></script-->
<!--script type="text/javascript" src="javascripts/bootstrap-modal.min.js"></script-->
<!--script type="text/javascript" src="javascripts/bootstrap-modal.min.js"></script-->
<!--script type="text/javascript" src="javascripts/bootstrap-modal.min.js"></script-->
<!--script type="text/javascript" src="javascripts/bootstrap-popover.min.js"></script-->
<!--script type="text/javascript" src="javascripts/bootstrap-scrollspy.min.js"></script-->
<!--script type="text/javascript" src="javascripts/bootstrap-tab.min.js"></script-->
<!--script type="text/javascript" src="javascripts/bootstrap-tooltip.min.js"></script-->
<!--script type="text/javascript" src="javascripts/bootstrap-transition.min.js"></script-->
<!--script type="text/javascript" src="javascripts/bootstrap-typeahead.min.js"></script-->
<!--script type="text/javascript" src=""></script-->
<!-- end scripts -->
<!-- Asynchronous Google Analytics snippet. Change UA-XXXXX-X to be your site's ID.
mathiasbynens.be/notes/async-analytics-snippet -->
<script type="text/javascript">
// Use the modernizr.load() function to run polyfills for older browsers.
Modernizr.load({
});
</script>
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
<footer>
</footer>
</div>
<!-- A little ie7- magic -->
<script type="text/javascript"> $(function(){if($.browser.msie&&parseInt($.browser.version,10)===6){$('.row div[class^="span"]:last-child').addClass("last-child");$('[class="span"]').addClass("margin-left-20");$(':button[class="btn"], :reset[class="btn"], :submit[class="btn"], input[type="button"]').addClass("button-reset");$(":checkbox").addClass("input-checkbox");$('[class^="icon-"], [class=" icon-"]').addClass("icon-sprite");$(".pagination li:first-child a").addClass("pagination-first-child")}}) </script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment