Untitled

<!DOCTYPE html>
<html>
<head>
<meta charset ="utf-8">
<title>Home</title>
<link rel="stylesheet" href="Homepage/animate.css">

<style type="text/css">

html {
	background: #222222 url(THIS.png) no-repeat center center fixed;  <!-- Change the THIS.png on this line to an image you saved in the same folder as this .html file -->
	-webkit-background-size: cover;
	-moz-background-size: cover  ;
	-o-background-size: cover;
	background-size: cover;
	margin: 0;
	padding: 0;
	text-align: center;font-size: 14px;
	}

body {
	width: 50%;
	height: 500px;
	margin: auto;
	margin-top: 100px;
	background-color: black;
	font-family: monospace;
	border: #a7a7a7 solid 2px; color: #DDDDCC;
	display: block; padding: 5px; text-align: center;
	margin: 150 auto; font-size: 16pt;
	opacity: 0.5;
	}


a {color: #DDC;  text-decoration: none; display: block; float: none; font-size: 12pt;}
p {margin: 0;}
div.grp {width: 180px; float: left; margin: 5px;}
.main
a:hover {color: #B48EAD;}
.music 											a:hover {color: #A3BE8C;}
.linux 											a:hover {color: #8FA1B3;}
.phun 											a:hover {color: #BF616A;}
.gfx 											a:hover {color: #96B5B4;}
.misc 											a:hover {color: #EBCB8B;}

.main											p {color: #B48EAD;}
.music 											p {color: #A3BE8C;}
.linux 											p {color: #8FA1B3;}
.phun 											p {color: #BF616A;}
.gfx 											p {color: #96B5B4;}
.misc											p {color: #EBCB8B;}
.shop											p {color: #80C0C0;}
.other											p {color: #FFFFFF;}

a:hover	 										{text-decoration: none;}
.t {padding: 5px; color: #DDD;display: block; width: 790px;}
.u {color: #a3be8c;}
.l {color: #8FA1B3;}
.p {color: #B48EAD;}
.at {color: #BF616A;}
.s {color: #800000;}
.o {color: #FFFFFF;}
input {background-color: #151515; color: #DDD; border: none; font-family: monospace;}

h1 {color: white; font-family: monospace; }

</style>
<h1>W e l c o m e</h1>
</head>

<body>
<!-- Change links in here and the names of them between the <a> here </a> tags -->
<table>
<tr><td>
<div class="grp main">
<p><u>4chan</u></p>
	<a href="http://boards.4chan.org/sci/catalog">/sci/</a>
	<a href="http://boards.4chan.org/biz/catalog">/biz/</a>
	<a href="http://boards.4chan.org/g/catalog">/g/</a>
	<a href="http://boards.4chan.org/wsg/catalog">/wsg/</a>
	<a href="http://boards.4chan.org/wg/catalog">/wg/</a>
</div>

<div class="grp linux">
<p><u>Social</u></p>
	<a href="https://twitter.com">Twitter</a>
	<a href="https://www.facebook.com/">Facebook</a>
	<a href="https://www.messenger.com/">Messenger</a>
	<a href="https://www.reddit.com/">Reddit</a>
	<a href="https://mail.google.com/">Gmail</a>
</div>

<div class="grp music">
<p><u>Media</u></p>
	<a href="https://www.youtube.com/feed/subscriptions">Youtube</a>
	<a href="http://www.twitch.tv/">Twitch</a>
	<a href="http://www.netflix.com/browse">Netflix</a>
	<a href="http://kissanime.to/">Kissanime</a>
	<a href="http://tfc.tv/">Tfc</a>

</div>

<div class="grp phun">
<p><u>School</u></p>
	<a href="https://auckland.instructure.com/">Canvas</a>
	<a href="http://afsweb.ec.auckland.ac.nz/">UnixHome</a>
	<a href="https://onedrive.live.com/view.aspx?resid=FBC87C5E7B86D9F1!1664&app=OneNote&authkey=!AKTmZZZwK_p9OC8">Notes</a>
	<a href="https://piazza.com/class/ik8em7886yw1k7?cid=41#">Piazza</a>
	<a href="http://www.studentservices.auckland.ac.nz/en/sso-my-timetables-grades-course-history.html">SSO</a>
</div>

<div class="grp misc">
<p><u>Music</u></p>
	<a href="http://chillhop.tv/">Chillhop</a>
	<a href="https://soundcloud.com/stream">Soundcloud</a>
	<a href="http://8tracks.com/explore">8Tracks</a>
	<a href="http://www.pandora.com/">Pandora</a>
	<a href="http://edenofthewest.com/">EdenRadio</a>
</div>

<div class="grp gfx">
<p><u>Torrent</u></p>
	<a href="https://thepiratebay.se/">ThePirateBay</a>
	<a href="https://kat.cr/">Kickass</a>
	<a href="http://www.nyaa.se/">Nyaa</a>
	<a href="http://coalgirls.wakku.to/">Coalgirls</a>
	<a href="https://torrentfreak.com/">TorrentFreak</a>
</div>


<div class="grp shop">
<p><u>Shop</u></p>
	<a href="http://pbtech.co.nz/">PBtech</a>
	<a href="https://www.pccasegear.com/">PcCaseGear</a>
	<a href="https://www.mightyape.co.nz/">Mightyape</a>
	<a href="http://www.ebay.com/">ebay</a>
	<a href="http://www.asos.com/">ASOS</a>
</div>

<div class="grp other">
<p><u>Other</u></p>
	<a href="">[empty]</a>
	<a href="">[empty]</a>
	<a href="">[empty]</a>
	<a href="">[empty]</a>
	<a href="file:///C:/Users/Jayt24seven/Documents/Homepage/webpage2.html">[more]</a>
</div>

</td></tr>
</table>

</body>

</html>