Home

Button #1

Button #2

Button links and codes not placed below.

Copy and Paste all coding inside and replace with your own links and text.

<title>Mystical v.1</title>

<STYLE TYPE="text/css">
body {
color: #FFFFFF; 
background-color: #0A1216; 
font-size: 12px; 
text-align: center;
font-family: Georgia;
scrollbar-face-color: #FFFFFF; 
scrollbar-arrow-color: #000000; 
scrollbar-track-color: #FFFFFF; 
scrollbar-shadow-color: #000000; 
scrollbar-darkshadow-color: #FFFFFF; 
scrollbar-3dlight-color: #000000; 
scrollbar-highlight-color: #FFFFFF;
}
input , textarea , select {
background-color: #FFFFFF; 
font-size: 11px;
font-family: Georgia;
color: #000000; 
border: 1px solid #8FBDEF; 
}
a.nav, a.nav:active, a.nav:link, a.nav:visited {
display: block;
color: #000000;
background-color: #8FBDEF;
font-weight: bold;
font-size: 12px
text-decoration: none;
text-align: center;
height: 15px;
} 
a.nav:hover {
display: block;
color: #8FBDEF;
background-color: #000000;
cursor: hand;
}
A:link , A:active , A:visited{
color: #8FBDEF;
font-weight: bold;
text-decoration: none;
border: 0px;
} 
A:hover {
color: #FFFFFF;
background-color: #8FBDEF;
font-weight: bold;
border: 0px;
}
h1 {
font-size: 18px; 
font-weight: bold;
font-family: Georgia;
letter-spacing: 9px;
text-align: right;
color: #000000;
}
.heading{
color: #FFFFFF;
text-align: left;
font-weight: bold; 
font-size: 16px;
letter-spacing: 4px;
border-bottom: 1px solid #FFFFFF;
}
div.box {
width:100%; 
padding:0px;
}
</style>
</head>

<body>

<img src="http://img444.imageshack.us/img444/2307/mystical1uo2.png" style="position:absolute; left: 0px; top: 0px;"  width=750 height=105 border=0>
<img src="http://img255.imageshack.us/img255/5603/mystical2rj0.png" style="position:absolute; left: 0px; top: 105px;"  width=750 height=105 border=0>
<img src="http://img444.imageshack.us/img444/5409/mystical3oe1.png" style="position:absolute; left: 0px; top: 210px;"  width=750 height=105 border=0>
<img src="http://img444.imageshack.us/img444/1940/mystical4kt2.png" style="position:absolute; left: 0px; top: 315px;"  width=750 height=105 border=0>
<img src="http://img165.imageshack.us/img165/6981/mystical5po2.png" style="position:absolute; left: 0px; top: 420px;"  width=750 height=105 border=0>

<div class="box" style="position: absolute; left: 755px; width: 150px; top: 20px;">
<p class="heading">Navigation</p>
<a href="YOUR LINK" class="nav">Link Name</a>
<a href="YOUR LINK" class="nav">Link Name</a>
<a href="YOUR LINK" class="nav">Link Name</a>
<a href="YOUR LINK" class="nav">Link Name</a>

<p class="heading">BlahBlah</p>
<a href="YOUR LINK" class="nav">Link Name</a>
<a href="YOUR LINK" class="nav">Link Name</a>
<a href="YOUR LINK" class="nav">Link Name</a>
<a href="YOUR LINK" class="nav">Link Name</a>

<p class="heading">Credits</p>
<center>Layout & Coding:
<b>Sciphyqrl</b> @<br>
<a href="http://xdcfxs.pwnedjoo.net/" target="_blank">[xdcfxs]Ecstasy Effects</a>
<br><br>
Images: <a href="http://asianfanatics.net/" target="_blank">Asianfanatics</a><br>
Textures: <a href="http://sxc.hu/" target="_blank">Stock x.chng</a></center>

</div>

<h1>Home</h1>
<b>Bold Text</b> <br>
<i>Italics</i> <br>
<u>Underlined Text</u> <br>
<s>Strikethrough</s> <br>
<a href="http://google.com">Link</a>
<br><br>

</div></div>

</body>
</html>