<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="chrome=1">
	<title>Bootstrap - Lightbox</title>
	<link rel="stylesheet" href="assets/css/bootstrap.min.css">
	<link rel="stylesheet" href="assets/css/bootstrap-lightbox.min.css">
	<link rel="stylesheet" href="assets/prettify/prettify.css">
	<link rel="stylesheet" href="assets/css/styles.css">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<!--[if lt IE 9]>
	<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>
<body data-spy="scroll" data-target=".navbar">
	<div id="navbar" class="navbar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<ul class="nav">
					<li class="active"><a href="#home">Home</a></li>
					<li><a href="#demo">Demo</a></li>
					<li><a href="#usage">Usage</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- -->
	<section id="home">
{{>home}}
	</section>

	<section id="demo">
{{>demo}}
	</section>
	<section id="usage">
{{>usage}}
	</section>
	<section style="margin-top: 50px; margin-bottom: 50px; height: 10px;">
		<!-- Take up space -->
	</section>
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/scale.fix.js"></script>
	<script src="assets/prettify/prettify.js"></script>
	<script src="assets/js/bootstrap.min.js"></script>
	<script src="assets/js/bootstrap-lightbox.min.js"></script>
	<script>
	$(document).ready(function()
	{
		prettyPrint();
	});
	</script>
	<script type="text/javascript">
		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-38085002-1']);
		_gaq.push(['_trackPageview']);

		(function() {
		 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		 })();
	</script>
</body>
</html>
