<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>Adventure</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="../css/normalize.css">
<link rel="stylesheet" href="../css/skeleton.css">
<link rel="stylesheet" href="../css/style.css">
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/favicon.png">
<link rel="stylesheet" href="../css/animate.min.css">
</head>
<body>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container animated fadeIn">
<div class="row">
<div class="one-half column" style="margin-top: 25%">
<h4>Adventure Time!</h4>
<p>Hey! where should we go?</p>
<a href="05.html" style="border:none">City<i style="font-size:8px"> It's gonna be an urban adventure!</i></a>
<br>
<a href="06.html" style="border:none">Woods<i style="font-size:8px"> Great adventures happen in the woods</i></a>
<br>
</div>
</div>
</div>
<img src="../images/crosspath.png" height="250px" class="animated rollIn " style="float:right; margin-right:10vw; margin-top: 0vh;">
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>