momentos.html

<!DOCTYPE html>
{% autoescape true %}
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Memento</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">    
    <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></script>
    <![endif]-->
	<style type="text/css">
		.col
		{
			border:1px solid black;
		}
	
		.momento_header
		{
			border: 1px solid black;
			text-align: right;
			color: #339900;
		}
		
		.cust_container
		{
			border-bottom: 1px solid grey;
		}
		
		.video_frame
		{
		}
		
		.description
		{
			color: grey;
		}
		.distance
		{
			text-align: left;
			color: grey;
		}
		
		.time
		{
			text-align: right;
			color: grey;
		}
		
	</style>
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
                                   <link rel="shortcut icon" href="../assets/ico/favicon.png">
  </head>

  <body>
	<div class='container'>
		<div class='row-fluid momento_header'>
			<div class='span12'>
				<h1>Winnipeg, MB</h1>
			</div>
		</div>
	</div>
	
    <div class='container cust_container'>
	
		<div class='row-fluid '>
			<div class='span3'>
				<div class='span3'></div>
				<img class='span6 thumbnail' src=""/>
				<div class='span3'></div>
			</div>
			<div class='span9 author'><h2>First Last</h2></div>
		</div>
		
		<div class='row-fluid '>
			<div class='span3'></div>
			<div class='span9 col'>
				<div class='span2 col'></div>
				<div class='span8 thumbnail col'>
					<img data-src="" alt="">
				</div>
				<div class='span2 col'></div>
			</div>
		</div>
		
		<div class='row-fluid '>
			<div class='span3'></div>
			<div class='span9 col'>
				<div class='span2 col'></div>
				<div class='span8 thumbnail col'>
					<img data-src="" alt="">
				</div>
				<div class='span2 col'></div>
			</div>
		</div>
		
		
		<div class='row-fluid '>
			<div class='span3'></div>
			<div class='span9'><h4><span class='description'>
				"This is a description of the videos and of the experiences I've had this is so awesome yeah woohoo"
			<span></h4></div>
		</div>
		
		<div class='row-fluid '>
			<div class='span2 arrow'><img class='thumbnail' src="greenarrow.jpg"/></div>
			<div class='span3 distance'><h5>Distance</h5></div>
			<div class='span2 clockicon'><img src=""/></div>
			<div class='span5 time'><h5>Month day, year - hh:mm</h5></div>
		</div>
    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../assets/js/jquery.js"></script>
    <script src="../assets/js/bootstrap-transition.js"></script>
    <script src="../assets/js/bootstrap-alert.js"></script>
    <script src="../assets/js/bootstrap-modal.js"></script>
    <script src="../assets/js/bootstrap-dropdown.js"></script>
    <script src="../assets/js/bootstrap-scrollspy.js"></script>
    <script src="../assets/js/bootstrap-tab.js"></script>
    <script src="../assets/js/bootstrap-tooltip.js"></script>
    <script src="../assets/js/bootstrap-popover.js"></script>
    <script src="../assets/js/bootstrap-button.js"></script>
    <script src="../assets/js/bootstrap-collapse.js"></script>
    <script src="../assets/js/bootstrap-carousel.js"></script>
    <script src="../assets/js/bootstrap-typeahead.js"></script>

  </body>
</html>
{% endautoescape %}