Skip to content

Instantly share code, notes, and snippets.

@JuliaJRH

JuliaJRH/index.html

Last active August 29, 2015 14:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save JuliaJRH/2046843a2f8cf685dca0 to your computer and use it in GitHub Desktop.
Save JuliaJRH/2046843a2f8cf685dca0 to your computer and use it in GitHub Desktop.
Download ZIP
Death on the Streets of NYC
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Death on the Streets of NYC</title>
<!-- Bootstrap --><!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div class="jumbotron">
<h1>Crash</h1>
<p class="lead">Clusters of pedestrian and biker deaths appear around New York City.</p>
</div><!-- /jumbotron -->
<p class="text-muted byline">By Julia Haslanger | <a href="//twitter.com/juliajrh">@juliajrh</a> | March 11, 2015</p>
<div class="row">
<div class="col-md-4">
<p>More than 200 pedestrians and bikers were killed in New York City by motor vehicles since 2013. Is your neighborhood a hotspot for pedestrian or bike deaths in car accidents?</p>
</div>
<div class="col-md-8">
<iframe width='100%' height='520' frameborder='0' src='http://juliajrh.cartodb.com/viz/6d66b224-b8b6-11e4-bdb2-0e0c41326911/embed_map' allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>
</div>
<div class="col-md-4 pull-left">
<cite>Source: <a href="http://www.nyc.gov/html/dot/html/about/vz_datafeeds.shtml">Vision Zero</a> </cite>
</div>
</div> <!-- /row -->
</div><!-- /container -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment