<head>
<title>True Gryffindor</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html {
padding: 0px;
margin: 0px;
}
body {
background: url('http://fc08.deviantart.net/fs70/f/2014/131/d/d/____by_prettyyetdangerous-d7i0xar.png') repeat-y #000000;
padding: 0px;
margin: 0px;
left: 0px;
}
#header {
background: url('http://fc08.deviantart.net/fs70/f/2014/131/b/9/dumbledore_quote_ii_by_prettyyetdangerous-d7i0w6w.png') no-repeat #000000;
overflow: auto;
width: 850px;
height: 400px;
top: 0px;
left: 0px;
position: absolute;
}
h1 {
color: #d8a2a2;
font-family: arial;
font-size: 24px;
font-style: bold;
text-align: right;
line-height: normal;
text-transform: uppercase;
padding: 0px;
margin-bottom: 2px;
border-bottom: #8c0404 solid 4px;
}
h3 {
color: #d8a2a2;
font-family: arial;
font-size: 24px;
font-style: bold;
text-align: right;
line-height: normal;
text-transform: uppercase;
padding: 0px;
margin: 2px;
border-bottom: #8c0404 solid 4px;
}
p {
font-family: candara;
color: #d83b1e;
font-size: 10pt;
padding: 1px;
margin-bottom: 3px;
margin-top: 1px;
text-align: left;
}
p.left {
font-family: verdana;
color: #a4bcff;
font-size: 10pt;
padding: 1px;
margin-bottom: 30px;
margin-top: 1px;
text-align: left;
}
a:link, a:visited {
color: #d83b1e;
text-decoration: none;
}
a:hover {
color: #d83b1e;
text-decoration: none;
}
a.nav, a.nav:link, a.nav:active, a.nav:visited {
text-decoration: none;
text-transform: none;
font-family: arial;
font-weight: normal;
font-size: 12px;
line-height: normal;
color: #f3f4ff;
display: block;
letter-spacing: 1px;
text-align: right;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
}
a.nav:hover {
text-decoration: none;
text-transform: none;
font-family: arial;
font-weight: normal;
font-size: 12px;
line-height: normal;
color: #f3f4ff;
display: block;
letter-spacing: 3px;
text-align: right;
margin-top: 3px;
margin-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
}
</style>
</head>
<body>
<div id="header"></div>
<div style="overflow: auto; width: 190px; height: auto; top: 372px; left: 31px; position: absolute; margin-bottom: 40px; margin-top: 15px; font-color: #d83b1e">
<h3>section I</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ligula mi, egestas at pulvinar varius, scelerisque ac sapien. Curabitur metus ipsum, viverra sit amet malesuada sit amet, viverra eu est. Phasellus convallis ipsum nec laoreet mollis. Vestibulum sollicitudin rhoncus ultrices. Donec turpis est, adipiscing vitae neque ultricies, dapibus molestie est. Mauris vel tellus lectus. Praesent interdum dui vel pretium pulvinar. Cras eleifend laoreet congue. Maecenas eu lectus porttitor, laoreet mi at, pretium lectus. Nam ullamcorper luctus lorem, id consectetur augue bibendum in.</p>
<p>
<p>
<h3>Section II</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ligula mi, egestas at pulvinar varius, scelerisque ac sapien. Curabitur metus ipsum, viverra sit amet malesuada sit amet, viverra eu est. Phasellus convallis ipsum nec laoreet mollis. Vestibulum sollicitudin rhoncus ultrices. Donec turpis est, adipiscing vitae neque ultricies, dapibus molestie est. Mauris vel tellus lectus. Praesent interdum dui vel pretium pulvinar. Cras eleifend laoreet congue. Maecenas eu lectus porttitor, laoreet mi at, pretium lectus. Nam ullamcorper luctus lorem, id consectetur augue bibendum in.</p>
</div>
<div style="overflow: auto; width: 510px; height: auto; top: 372px; left: 255px; position: absolute; padding: 1px; margin-bottom: 40px;">
<h1>links</h1>
<p><center><font face=candara size=2><b><a href="Link Here">Text Here</a> |
<a href="Link Here">Text Here</a> |
<a href="Link Here">Text Here</a> <br>
<a href="Link Here">Text Here</a> |
<a href="Link Here">Text Here</a> |
<a href="Link Here">Text Here</a> <br>
<a href="Link Here">Text Here</a> |
<a href="Link Here">Text Here</a></b></center></p>
<h1>Section III</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ligula mi, egestas at pulvinar varius, scelerisque ac sapien. Curabitur metus ipsum, viverra sit amet malesuada sit amet, viverra eu est. Phasellus convallis ipsum nec laoreet mollis. Vestibulum sollicitudin rhoncus ultrices. Donec turpis est, adipiscing vitae neque ultricies, dapibus molestie est. Mauris vel tellus lectus. Praesent interdum dui vel pretium pulvinar. Cras eleifend laoreet congue. Maecenas eu lectus porttitor, laoreet mi at, pretium lectus. Nam ullamcorper luctus lorem, id consectetur augue bibendum in. Pellentesque lacinia cursus sapien sed tempor. Aliquam in sodales erat, a gravida ante. Quisque et sem mollis, convallis nisi eget, tristique felis.<p><p>
Nulla malesuada lorem non justo cursus vulputate. Etiam vestibulum dolor quis augue gravida, at semper lorem condimentum. Nullam consequat est et diam adipiscing, vehicula consectetur turpis aliquet. Vivamus dignissim dui at enim malesuada eleifend. Donec venenatis ligula nibh, a ornare massa volutpat ac. Cras sodales eget enim sit amet accumsan. Cras vitae justo congue, molestie mauris non, sollicitudin est. Curabitur elementum varius lacus, nec tempus urna sodales eget. Pellentesque velit ligula, rhoncus sed rhoncus non, molestie sed justo. Duis quis felis sed urna dignissim fringilla. Nunc suscipit risus vel velit vestibulum tincidunt in sagittis arcu.</p>
<h1>Section IV</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque blandit vestibulum purus, et pulvinar nisi volutpat quis. Nunc ut leo varius, porttitor enim adipiscing, dapibus elit. Suspendisse potenti. Nunc id placerat ipsum. Etiam sodales urna tortor, ac congue eros pretium sed. Morbi congue eget enim vel vestibulum. Fusce vel magna eget mi mollis accumsan non vitae magna. Donec facilisis placerat nunc, eget tempor odio placerat at. Praesent urna magna, tempor id nisi eu, sagittis hendrerit ipsum. In ac neque ac arcu bibendum semper. Sed neque nibh, fermentum in fringilla sagittis, posuere eget velit. Vivamus tristique quam in odio posuere interdum. Aliquam nec erat vel ante volutpat interdum eu sit amet nunc. Nunc egestas, libero eu laoreet placerat, turpis dui fringilla tellus, ac blandit elit orci at elit. Pellentesque facilisis congue nunc nec ultricies.<p><p>
Sed consequat, magna nec vulputate convallis, lorem est molestie nisl, ut venenatis mauris lectus non ligula. Donec dapibus luctus purus sit amet convallis. Donec a dolor ut arcu vehicula vehicula sed vitae sem. Proin felis tellus, faucibus interdum gravida id, malesuada id nibh. Mauris congue mauris nisl, nec consequat erat viverra eget. Nunc eget metus nunc. Morbi lobortis sed diam quis accumsan. Pellentesque lacinia lectus eget nulla suscipit suscipit. Etiam sit amet dolor sit amet orci rutrum mattis. Quisque gravida tincidunt metus eget auctor. Nam varius lorem sit amet nibh posuere, vitae cursus nulla mattis. Phasellus ac elementum nisi. Nullam aliquam mattis nisi vel volutpat. Proin commodo dui nec justo fringilla congue eu quis eros.<p><p>
Aenean ac eros gravida elit viverra pretium. Vestibulum fringilla tellus a varius condimentum. Quisque ac risus non ante bibendum pretium non quis massa. Aenean vulputate pharetra augue, quis egestas justo vehicula id. In dictum leo non rhoncus tincidunt. Suspendisse non magna eu justo tincidunt consectetur. Cras malesuada mollis felis sit amet fermentum. Nulla ornare est justo, nec mollis arcu cursus id. Donec sed justo quis augue faucibus mollis vitae ac turpis. Phasellus eget urna porttitor, varius velit a, consequat justo. Phasellus vitae nunc orci. Sed sed adipiscing leo.<p><p>
Mauris non purus a orci varius hendrerit quis non purus. Nunc ac porta lectus. Etiam eu ornare odio. Pellentesque augue augue, congue vitae tincidunt vitae, congue ac purus. Nullam imperdiet bibendum adipiscing. Aliquam ac leo mi. Nunc ultricies, felis vitae euismod varius, mauris lacus blandit nulla, ut vulputate enim odio vel dolor.
<h1>Achievements</h1>
</p>
</div>
<div style="overflow: auto; width: 100px; height: auto; top: 1650px; left: 685px; position: absolute; padding: 1px; margin-bottom: 0px;">
<p>graphics by <a href="/userinfo/Crystal Nymph">KD</a></p>
</div>
</body>
</html>
No comments:
Post a Comment