</DOCTYPE html> <html> <head> <title>Asylum of the Living Dead</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="css/style.css"> <link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> </head> <body style="background: url(images/begin.jpg); background-size: cover; height: 100vh; background-position: 50% 90%; "> <div style="background:rgba(200,200,200,0.35); margin:60px; height:calc(100vh - 180px); width: calc(100vw - 180px); padding:30px"> <h1 align=Center >Get Ready for the Adventure of your life!</h1> <center> <hr style="width:60%; border: solid 1px black;"> <h2>There was once an abandoned asylum. Mysteriously, you found yourself inside the asylum and you can't remember anything what happened to you. You have to escape the asylum ALIVE.</h2> <!--<a href="page1.html" align=Center>Begin Adventure!</a> --> <a href="page1.html"class="col-md-12 choice3" style="margin: none; height:150px; border:solid 1px black;"> <br> <center style="vertical-align: center;">Begin Adventure!</center> </a> </center> </div> </body> </html>