Untitled

<html>
<title>Harry's Website</title>
<body>

<div id="Wrapper" style="width:100%;height:300%;position:absolute;top:0;left:0;background-color:blue;color:white;font-family:Verdana;">

<div id="titlebit" style="width:100%;height:5%;position:absolute;top:0;left:0;background-color:#2B2B2B;">

<audio controls loop="" autoplay="" style="position:absolute;left:0px;top:0px;width:0px;height:0px;">
<source src="Boom.mp3" type="audio/mpeg" />
</audio>

<!img src="" style=""/>
<p style="font-size:75px;position:absolute;top:-50px;left:50%;margin-left:-250px;">Harry's Website</p>
</div> <! titlebit>

<div id="main" style="width:100%;height:92%;position:absolute;top:5%;left:0;background-color:red;">

<div class="page1">
<img src="page1 website.png" style="width:30%;height:480px;border: 5px solid white;position:absolute;top:300px;left:4%;"/>
<img src="page2 website.png" style="width:30%;height:480px;border: 5px solid white;position:absolute;top:300px;left:45%;margin-left:-10%;"/>
<img src="page3 website.png" style="width:30%;height:480px;border: 5px solid white;position:absolute;top:300px;right:3%;"/>
<p style="position:absolute;top:10%;left:25%;"><font color="orange">Hello!</font></p>
<p style="position:absolute;top:16%;left:31.26%;">My name is <font color="orange"><b>Harry Chambers</b></font> and I made this website.</p>
<p style="position:absolute;top:22%;left:25%;">Feel free to scroll down to indulge yourself in <font color="orange">HTML Luxury</font>.</p>
</div>

<div class="page2">
<p style="font-size:50px;position:absolute;top:50%;margin-top:-25px;left:50%;">This website looks cool, eh?</p>
<p style="font-size:25px;position:absolute;top:51%;left:62.5%;">Yeah, sure, this might be off centre.</p>
</div>

<div class="page3">

<p style="position:absolute;left:45%;top:-35px;"><u>Information</u></p>
<p>At the time of making this, it's now <font color="orange">12:30</font> on the <font color="orange">25th of April 2015</font>.</p>
<p>I'm tired AF.</p>
<p>Now it's 12PM. I'm not sure about this background colour...</p>
<p>After playing GTA 5 for I-don't-know-how-long, I've come back to this. I put those pictures in at the top. This website is fun.</p>

</div>

</div> <! Main >

<div id="bottombit" style="width:100%;height:3%;position:absolute;top:97%;left:0;background-color:#2B2B2B;">

<p><font color="orange"><b>Stuff should go down here.</b></font></p>

</div>


<div id="Gradient type thing" style="width:100%;height:100%;color: rgba(0,50,0,100);">
</div>


</div> <! Wrapper >

<style>

.page1 {

	width:100%;
	height:33.3%;
	position:absolute;
	top:0%;
	background-color:#66CCFF;
	font-size:40px;
	color:white;

}

.page2 {

	width:100%;
	height:33.3%;
	top:33.3%;
	position:absolute;
	background-color:#FF3030;
	color:white;

}

.page3 {

	width:100%;
	height:33.4%;
	top:66.6%;
	position:absolute;
	background-color:#66CC66;
	font-size:35px;
}

</style>
</body>
</html>