DJ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>DJ Home</title>
<style type='text/css'>
body { }
p { color: #b7720a; font-size: 15pt; font-family: Acens; background-image: url(DJ-images/microphone.png); background-repeat: no-repeat; background-position: 0 0; text-indent: 50px; width: 800px; height: 40px; margin-bottom: 2px; padding-top: 10px; }
a { color: #5c5a4d; font-size: 10pt; background-image: url(DJ-images/headphonesnav.png); background-repeat: no-repeat; background-position: 0 1px; text-indent: 0; margin-right: 10px; margin-left: 10px; padding: 5px 20px; }
td { }
a:link { font-style: normal; text-decoration: none; }
a:visited { }
a:hover { color: gray; }
a:active { }
#mainbox { background-image: url(DJ-images/background.jpg); background-repeat: no-repeat; width: 800px; height: 600px; margin: 5% auto 0; }
.title { color: #3c130f; font-size: 72px; font-family: Acens; width: 200px; height: 50px; margin-top: 50px; margin-right: auto; margin-left: 10px; padding-top: 2px; }
.nav { color: #ad705d; font-size: 12px; font-family: Acens; width: 800px; height: 25px; margin: 86px auto auto 20px; }
.content { color: #3e1710; font-size: 10pt; font-family: Acens; width: 390px; height: 400px; margin: 30px auto 10px 0; padding: 0 0 5px 12px; }
.copy { color: #5e584c; font-size: 10pt; font-family: Acens; background-image: url(DJ-images/bottom.jpg); width: 800px; height: 25px; margin: auto auto 0; padding-top: 10px; }
</style>
</head>
<body>
<div id="mainbox">
<div class="title">Dj</div>
<div class="nav" align="left">
its all about the music, and how you mix it up. <a href="#">home</a><a href="#"> about</a> <a href="#">contact</a></div>
<div class="content"><p>And The band Played On</p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus id lorem. Fusce euismod iaculis ligula. Curabitur auctor. Nulla facilisi. Nulla sit amet eros vitae diam molestie pulvinar. Curabitur diam dui, egestas id, posuere at, dapibus in, sem. Phasellus luctus enim in quam interdum interdum. Donec tincidunt libero. Quisque consequat porta est. Nulla felis. Pellentesque ut turpis vel purus placerat dignissim. Pellentesque pede nibh, pulvinar et, suscipit a, imperdiet eu, augue. Suspendisse sed nisi. Fusce pretium, elit at auctor dapibus, ante tellus pellentesque sem, quis tincidunt sem quam at diam. Nunc ultricies risus laoreet sapien. Nulla facilisi. Phasellus nec mauris. Sed et massa sed sem blandit lacinia. Sed pharetra mattis diam. Nam rhoncus massa.Curabitur diam dui, egestas id, posuere at, dapibus in, sem. Phasellus luctus enim in quam interdum interdum. Donec tincidunt libero. Quisque consequat porta est. Nulla felis. Pellentesque ut turpis vel purus placerat dignissim. Pellentesque pede nibh, pulvinar et, suscipit a, imperdiet eu, augue. Suspendisse sed nisi. Fusce pretium, elit at auctor dapibus, ante tellus pellentesque sem, quis tincidunt sem quam at diam. Nunc ultricies risus laoreet sapien. Nulla facilisi. Phasellus nec mauris. Sed et massa sed sem blandit lacinia. Sed pharetra mattis diam. Nam rhoncus massa.</div>
<div class="copy" align="center">
2006 Your Company |<a href="http://www.ethanneuen.com"> Design by Ethan Neuen</a></div>
</div>
</body>
</html>
Related examples in the same category