<head>
<title>Alone But Free</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://i1320.photobucket.com/albums/u529/SyndicateNovelist/CNAAmeliaProfileB_zpsadd46e1e.png') repeat-y #a9c5f8;
padding: 0px;
margin: 0px;
left: 0px;
position: absolute;
}
#header {
background: url('http://fc05.deviantart.net/fs71/f/2014/143/3/9/love_profile_by_prettyyetdangerous-d7ji59u.png') no-repeat #090e2a;
overflow: auto;
width: 800px;
height: 430px;
top: 0px;
left: 0px;
position: absolute;
}
h1 {
color: #906875;
font-family: candara;
font-size: 24px;
font-style: bold;
text-align: right;
line-height: normal;
text-transform: uppercase;
padding: 0px;
margin-bottom: 2px;
border-bottom: #8571a3 dotted 2px;
}
h3 {
color: #906875;
font-family: candara;
font-size: 24px;
font-style: bold;
text-align: right;
line-height: normal;
text-transform: uppercase;
padding: 0px;
margin: 2px;
border-bottom: #8571a3 dotted 2px;
}
p {
font-family: candara;
color: #9a6687;
font-size: 10pt;
padding: 1px;
margin-bottom: 3px;
margin-top: 1px;
text-align: left;
}
p.left {
font-family: candara;
color: #a4bcff;
font-size: 10pt;
padding: 1px;
margin-bottom: 30px;
margin-top: 1px;
text-align: left;
}
a:link, a:visited {
color: #bc86a4;
font-family: candara;
font-size: 13px;
text-decoration: none;
letter-spacing: 1px;
}
a:hover {
color: #373146;
text-decoration: none;
letter-spacing: 1px}
</style>
</head>
<body>
<div id="header"></div>
<div style="overflow: auto; width: 149px; height: auto; top: 372px; left: 3px; position: absolute; margin-bottom: 40px; margin-top: 15px; font-color: #d83b1e">
<h3>Links</h3>
<p><b>
<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></p>
<br>
<h3>Section I</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas rutrum lectus. Aenean in ante et neque sagittis volutpat at in metus. Etiam pellentesque arcu magna, eu feugiat massa convallis vel. Morbi suscipit ipsum id tincidunt convallis. Mauris at nisi fringilla, pulvinar velit vitae, aliquam ligula.</p>
</div>
<div style="overflow: auto; width: 338px; height: auto; top: 372px; left: 159px; position: absolute; padding: 1px; margin-bottom: 40px;">
<h1>Friendly Commentary</h1>
<p><b>This is Bold</b> | <i>This is Italics</i> | <u>This is Underlining</u> | <s>This is Strike-Through</s><br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas rutrum lectus. Aenean in ante et neque sagittis volutpat at in metus. Etiam pellentesque arcu magna, eu feugiat massa convallis vel. Morbi suscipit ipsum id tincidunt convallis. Mauris at nisi fringilla, pulvinar velit vitae, aliquam ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ornare, tellus ac fermentum porta, mi lectus varius leo, et mattis orci augue eu nulla. Donec non sagittis dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
<br><br>
Curabitur commodo in justo nec dignissim. Vivamus condimentum sagittis consequat. Nunc nibh nulla, egestas fermentum urna ac, consectetur iaculis velit. Aliquam vel mollis ante, in cursus ligula. Donec quis elementum lorem, ut tempor libero. Duis enim turpis, adipiscing a neque sed, imperdiet elementum elit. Sed et erat gravida, accumsan nisl ac, scelerisque dolor. Aenean aliquet mauris eu urna vulputate auctor. Phasellus rutrum nunc ligula, ac consectetur ipsum interdum non. Etiam pharetra leo vitae elit commodo, in ornare lorem porta. Sed et ultricies arcu. Nulla in arcu mollis, fermentum enim eget, interdum velit.
<br><br>
Duis vitae hendrerit libero. Praesent vitae condimentum neque, ac vehicula diam. Donec non lorem molestie tortor pharetra dignissim eget non enim. Duis vehicula odio nisi, vitae dignissim dolor faucibus et. Integer rutrum pharetra lorem, ut gravida sapien ultrices et. Duis fringilla sodales vehicula. Curabitur nec risus pretium, aliquam ipsum ut, dictum tellus.
</p>
</div>
<div style="overflow: auto; width: 138px; height: auto; top: 372px; left: 505px; position: absolute; margin-bottom: 40px; margin-top: 15px; font-color: #d83b1e">
<h3>Section III</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas rutrum lectus. Aenean in ante et neque sagittis volutpat at in metus. Etiam pellentesque arcu magna, eu feugiat massa convallis vel. Morbi suscipit ipsum id tincidunt convallis. Mauris at nisi fringilla, pulvinar velit vitae, aliquam ligula.</p><p>
</div>
<div style="overflow: auto; width: 146px; height: auto; top: 372px; left: 650px; position: absolute; margin-bottom: 40px; margin-top: 15px; font-color: #d83b1e">
<h3>Section IV</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas rutrum lectus. Aenean in ante et neque sagittis volutpat at in metus. Etiam pellentesque arcu magna, eu feugiat massa convallis vel. Morbi suscipit ipsum id tincidunt convallis. Mauris at nisi fringilla, pulvinar velit vitae, aliquam ligula.</p><p>
<h3>Section V</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla egestas rutrum lectus. Aenean in ante et neque sagittis volutpat at in metus. Etiam pellentesque arcu magna, eu feugiat massa convallis vel. Morbi suscipit ipsum id tincidunt convallis. Mauris at nisi fringilla, pulvinar velit vitae, aliquam ligula.</p>
</div>
<div style="overflow: auto; width: 100px; height: auto; top: 1450px; left: 689px; position: absolute; padding: 1px; margin-bottom: 1px;">
<p>graphics by <a href="/userinfo/Crystal Nymph">KD</a></p>
</div>
</body>
</html>
No comments:
Post a Comment