BurgosNY/index.html

## 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>Bootstrap Tabs Template</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>We've known since 2009</h1>
	    <p class="lead">And we could have done something to prevent it.</p>
	  </div><!-- /jumbotron -->
	     <p class="text-muted byline">By Pedro Burgos | <a href="//twitter.com/burgos">@burgos</a> | Mar 11, 2015</p>

<div class="row">
	<div class="col-md-4">
		<p>According to a 2009 study, many municipalities of Sao Paulo state in Brazil didn't have an adequate water infrastructure. And that was evident five years later, when the drought hit.</p>
	</div>
		<div class="col-md-8">

		<iframe width='100%' height='520' frameborder='0' src='http://pedroburgos.cartodb.com/viz/a87f0608-bc40-11e4-8a59-0e853d047bba/embed_map' allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>


	</div>
	<div class="col-md-4 pull-left">
		<p><i>Source: Agencia Nacional das Águas (National Water Agency of Brazil).</i></p>
	</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>
	<!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>Bootstrap Tabs Template</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>We've known since 2009</h1>
	<p class="lead">And we could have done something to prevent it.</p>
	</div><!-- /jumbotron -->
	<p class="text-muted byline">By Pedro Burgos \| <a href="//twitter.com/burgos">@burgos</a> \| Mar 11, 2015</p>

	<div class="row">
	<div class="col-md-4">
	<p>According to a 2009 study, many municipalities of Sao Paulo state in Brazil didn't have an adequate water infrastructure. And that was evident five years later, when the drought hit.</p>
	</div>
	<div class="col-md-8">

	<iframe width='100%' height='520' frameborder='0' src='http://pedroburgos.cartodb.com/viz/a87f0608-bc40-11e4-8a59-0e853d047bba/embed_map' allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>


	</div>
	<div class="col-md-4 pull-left">
	<p><i>Source: Agencia Nacional das Águas (National Water Agency of Brazil).</i></p>
	</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>