<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>Awesome</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>An old monk suddenly appears</h4>
<p>"The blood of nine shall cleanse Gotham, What are you doing here kid ?"" . . .</p>
<a href="10d.html" style="border:none">"Who are you ? What happened here?"<i style="font-size:8px"> Seems like a nice guy, Let's ask around </i></a>
<br>
<a href="10d.html" style="border:none">Dont talk at all<i style="font-size:8px"> Probably best to blend in ...</i></a>
</div>
</div>
</div>
<img src="../images/monk.png" height="220px" class="animated zoomInUp" style="float:right; margin-right:10vw; margin-top: 5vh;">
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>