Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
151 lines (124 sloc) 4.46 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bikegeist</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le styles -->
<link rel="stylesheet" href="bootstrap.css">
<style type="text/css">
/* Override some defaults */
html, body {
background-color: #eee;
}
body {
padding-top: 40px; /* 40px to make the container go all the way to the bottom of the topbar */
}
.container > footer p {
text-align: center; /* center align it with the container */
}
.container {
width: 820px; /* downsize our container to make the content feel a bit tighter and more cohesive. NOTE: this removes two full columns from the grid, meaning you only go to 14 columns and not 16. */
}
/* The white background content wrapper */
.content {
background-color: #fff;
padding: 20px;
margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
box-shadow: 0 1px 2px rgba(0,0,0,.15);
}
/* Page header tweaks */
.page-header {
background-color: #f5f5f5;
padding: 20px 20px 10px;
margin: -20px -20px 20px;
}
/* Styles you shouldn't keep as they are for displaying this base example only */
.content .span10,
.content .span4 {
min-height: 500px;
}
/* Give a quick and non-cross-browser friendly divider */
.content .span4 {
margin-left: 0;
padding-left: 19px;
border-left: 1px solid #eee;
}
.topbar .btn {
border: 0;
}
</style>
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>
<body>
<div class="topbar">
<div class="fill">
<div class="container">
<a class="brand" href="index.html">Bikegeist</a>
<ul class="nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
<div class="container">
<div class="content">
<div class="page-header">
<h1><small>Lets make cycling, suck less</small></h1>
</div>
<div class="row">
<div class="span10">
<h2>Accident Summaries</h2>
<div id="content">
<div id="entry">
<a href="#">
<img class="thumbnail" src="http://placehold.it/330x230" alt="">
</a>
<div id="info">
<ul>
<li>Location:</li>
<li>Date:</li>
<li>Additional info:</li>
</ul>
</div>
</div>
<a href="#">
<img class="thumbnail" src="http://placehold.it/330x230" alt="">
</a>
<a href="#">
<img class="thumbnail" src="http://placehold.it/330x230" alt="">
</a>
</div>
</div>
<div class="span4">
<h3>Goal</h3>
<p>
<ul>
<li>Our goal is to highlight data about bicycle accidents and traffic issues in order to promote safer streets and greater awareness for cyclists, pedestrians and drivers alike. We hope people will get involved by sharing their stories on our site</li> <br />
</ul>
</p>
</div>
</div>
</div>
<footer>
<p>&copy; Bikegeist 2011</p>
</footer>
</div> <!-- /container -->
</body>
</html>