talksik
94 lines
1.8 KiB
HTML
94 lines
1.8 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">
|
|
<div class="chapters1-3">
|
|
<li class="chapter1"></li>
|
|
<li class="chapter2"></li>
|
|
<li class="chapter3"></li>
|
|
</div>
|
|
<div class="chapters4-6">
|
|
<li class="chapter4"></li>
|
|
<li class="chapter5"></li>
|
|
<li class="chapter6"></li>
|
|
</div>
|
|
</ul>
|
|
</div>
|
|
</a>
|
|
|
|
|
|
<a name="five">
|
|
<div class="about">
|
|
</div>
|
|
</a>
|
|
|
|
<div class="copyright">
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|