93 lines
1.9 KiB
HTML
93 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<head>
|
|
<link rel="stylesheet" type="text/css" href="main.css"></link>
|
|
<link href='https://fonts.googleapis.com/css?family=Press+Start+2P' rel='stylesheet' type='text/css'>
|
|
<title>Retro</title>
|
|
|
|
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
|
|
</script>
|
|
<script type="text/javascript" src="script.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="loader">
|
|
</div>
|
|
|
|
|
|
<div class="header">
|
|
<ul class="header">
|
|
<li class="start"><a href="#one">Cover</a></li>
|
|
<li class="mid"><a href="#two">Intro</a></li>
|
|
<li class="mid"><a href="#three">Music</a></li>
|
|
<li class="mid"><a href="#four">Chapters</a></li>
|
|
<li class="end"><a href="#five">About</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
<a name="one">
|
|
<div class="cover">
|
|
<p class="cover1">Title/subtitle and Quotes</p>
|
|
</div>
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<a name="two">
|
|
<div class="intro">
|
|
|
|
<p class="intro">Sewell picture</p>
|
|
<p class="intro2">Sewell's summary/intro</p>
|
|
|
|
</div>
|
|
</a>
|
|
|
|
|
|
|
|
|
|
<a name="three">
|
|
<div class="music">
|
|
|
|
<p class="music1">music click</p>
|
|
|
|
</div>
|
|
</a>
|
|
|
|
|
|
|
|
|
|
|
|
<a name="four">
|
|
<div class="chapters">
|
|
<ul class="chapters">
|
|
<li class="chapter1">chapter 1</li>
|
|
<li class="chapter2">chapter 2</li>
|
|
<li class="chapter3">chapter 3</li>
|
|
<li class="chapter4">chapter 4</li>
|
|
<li class="chapter5">chapter 5</li>
|
|
<li class="chapter6">chapter 6</li>
|
|
</ul>
|
|
</div>
|
|
</a>
|
|
|
|
|
|
<a name="five">
|
|
<div class="about">
|
|
<img class="mario" src="images/mario.gif">
|
|
<img class="joystick" src="images/joystick.png">
|
|
<img class="mushroom" src="images/mushroom.gif">
|
|
</div>
|
|
</a>
|
|
|
|
<div class="copyright">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|