symphonyofhorror
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Symphony of Horror</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type='text/css'>
* {margin: 0;
padding: 0;}
body {
background-color: #000000;
background-image: url(symphonyofhorror-images/bg.jpg);
background-repeat: repeat-x;
font-size: 62.5%;
}
#container {
margin-top: 12px;
margin: auto;
width: 622px;
color: #CBCBCB;
font-family: Microsoft Sans Serif, "Times New Roman", Times, serif;
font-size: 9pt;
}
#header {
margin: auto;
background-image: url(symphonyofhorror-images/header.jpg);
height: 349px;
width: 600px;
}
#menu {
font-family: Microsoft Sans Serif, "Times New Roman", Times, serif;
font-size: 8pt;
font-style: none;
margin-left: 210px;
text-align: Right;
padding: 6px;
}
#main {
background-image: url(symphonyofhorror-images/main.jpg);
padding-top: 20px;
padding-left: 30px;
padding-right: 30px;
text-align: justify;
background-repeat: no-repeat;
}
#img {
margin: 8px;
}
#footer {
text-align: center;
clear: both;
color: 696969;
background-color: #0A0A0A;
padding: 20px;
}
.float_left {
float: left;
margin-right: 5px;
margin-bottom: 3px;
}
#footer a:link {
color: #696969;
text-decoration: none;
}
#footer a:visited {
color: #696969;
text-decoration: none;
}
#footer a:hover {
color: #5C5C5C;
text-decoration: underline;
}
#footer a:active {
color: #696969;
text-decoration: none;
}
p {
padding-bottom: 25px;
}
h1 {
font-family: Nosferatu, "Times New Roman", Times, serif;
font-size: 16pt;
font-style: italic;
color: #000000;
margin-left: 360px;
padding-top: 75px;
}
h2 {
font-family: Nosferatu, "Times New Roman", Times, serif;
font-size: 1.6em;
border-bottom: 1px solid gray;
margin-bottom: 10px;
font-style: italic;
color: #FFFFFF;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #5C5C5C;
background-color: #DBDBDB;
text-decoration: underline;
}
a:active {
color: #000000;
text-decoration: none;
}
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<h1>A Symphony of Horror</h1>
<div id="menu">
<ul id="navlist">
<li id="active"><a href="http://www.free-css.com/" id="current">Home</a></li>
<li><a href="http://www.free-css.com/">Spookshow</a></li>
<li><a href="http://www.free-css.com/">Lust for blood</a></li>
<li><a href="http://www.free-css.com/">Contact</a></li>
</ul>
</div>
</div>
<div id="main">
<h2>Nosferatu</h2>
<p> <img src="symphonyofhorror-images/nos.jpg" alt="Template" class="float_left" style="margin: 12px;" />Lorem
ipsum dolor sit amet, consectetuer
adipiscing elit. Suspendisse lobortis, leo in lobortis aliquet, lorem
leo fringilla lectus, id pellentesque ante nulla sed nulla. Vestibulum
ac lacus. Integer aliquet iaculis massa. Mauris convallis purus sit
amet nibh. Phasellus purus. Suspendisse vulputate, arcu in posuere
pharetra, velit ligula accumsan odio, a tincidunt metus libero et est.
Curabitur magna. Etiam vulputate mauris et ipsum. Cras convallis sapien
sit amet est. Aliquam suscipit risus sit amet orci.</p>
<h2>He likes to feed</h2>
<p>Fusce id leo. Nulla pharetra malesuada enim. Donec placerat
scelerisque nunc. Morbi fermentum, augue eget congue tincidunt, ligula
dolor volutpat augue, vitae faucibus tortor nisl nec massa. Ut congue,
lectus eu pretium sodales, dolor justo ultricies eros, vitae viverra
urna odio vel mi. Praesent scelerisque orci ac purus. Fusce neque urna,
dictum eu, bibendum in, accumsan vel, nibh. Nulla viverra, enim vel
euismod fermentum, orci pede mattis lectus, ut dapibus pede lorem et
enim. In eu nibh ut massa ultricies blandit. Morbi sit amet lacus sit
amet erat volutpat pharetra. Sed adipiscing. Praesent augue. Nulla
facilisi. Etiam tincidunt tempus risus. Pellentesque nibh. Proin eu
lorem in nibh iaculis congue. Maecenas non libero aliquet odio ultrices
viverra.</p>
<div id="footer">© 2007 Your Site Dot Com | All
Rights Reserved. </div>
</div>
</div>
</body>
</html>
Related examples in the same category