<!DOCTYPE html>
<html>
<title>Global Blackouts</title>
<link rel="shortcut icon" href="https://raw.githubusercontent.com/auremoser/images/master/lightning-favicon.ico" type="image/x-icon">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<!-- add cartoCSS stylesheet -->
<link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v3/themes/css/cartodb.css"/>
<style>
html, body {
height: 100%;
padding: 0;
margin: 0;
}
#header {
background-color: #fff;
color: #252525;
font-size: 52px;
font-family: 'Unica One', sans-serif;
padding: 0;
text-align: center;
text-transform: uppercase;
}
#map {
bottom: 0%;
left: 0;
position: absolute;
right: 0;
top: 70px;
}
.logo {
display: inline-block;
padding-top: 5px;
padding-right: 15px;
}
</style>
<body>
<!-- setup your header title -->
<div id="header">
<div class="logo"><img src="battery.png" alt="blackout" width="52" height="52"></a><br>
</div>
Global Blackouts
</div>
<div id="map"></div>
<!-- include jquery -->
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<!-- include google maps library _before_ load cartodb.js -->
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<!-- include cartodb.js library -->
<script src="http://libs.cartocdn.com/cartodb.js/v3/cartodb.js"></script>
<!-- include your javascripts -->
<script src="main.js"></script>
</body>
</html>