seduction
<!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" xml:lang="en" lang="en-AU">
<head>
<title>Seduction</title>
<style type='text/css'>
body
{
background: #FCFBF7;
font-family: helvetica,sans-serif;
font-size: 12px;
}
a, a:hover, a:visited a:active
{
color: black;
}
#container
{
width: 900px;
height: 500px;
position:absolute;
left: 50%;
top: 50%;
margin-top: -250px;
margin-left: -450px;
border: 1px solid black;
background-repeat: no-repeat;
background-position: right center;
background-image:url(seduction-images/seduction_header.jpg);
}
#imgheader
{
background-image:url(seduction-images/seduction_text_header.jpg);
background-repeat: no-repeat;
background-position: center;
height: 48px;
width: 570px;
}
#navigation
{
height: 20px;
text-align: center;
padding-top: 4px;
width: 570px;
top: 50px;
}
#navigation a, a:hover, a:visited a:active
{
padding-right: 12px;
padding-left: 12px;
}
#navigation a
{
text-decoration: none;
}
#navigation a:hover, a:visited a:active
{
text-decoration: underline;
}
#content
{
width: 570px;
top: 60px;
height: 428px;
overflow: auto;
}
h2
{
margin:0px;
background-color: #A52B11;
color: white;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
p
{
padding: 10px;
}
</style>
<style type="text/css" media="all">
@import "./style-fix.css" screen,projection;
</style>
</head>
<body>
<div id="container">
<div id="imgheader">
</div>
<div id="navigation">
<a href="#">link1</a> |
<a href="#">link2</a> |
<a href="#">link3</a> |
<a href="#">link4</a> |
<a href="#">link5</a>
</div>
<div id="content">
<h2>heading 2</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eu sem nec enim placerat fringilla. Curabitur vitae lorem. Suspendisse sagittis, augue in dapibus placerat, nunc massa posuere sapien, vel vehicula elit tortor in massa. Curabitur hendrerit pretium metus. Nam aliquet metus eu lacus. Proin odio turpis, consequat vitae, sollicitudin quis, ornare non, tellus. Nunc mattis, nulla in vestibulum convallis, metus enim rhoncus magna, nec gravida neque augue at ante. Praesent in nibh vel dolor iaculis tincidunt. Nullam commodo tincidunt nibh. Aenean viverra urna nec diam. Sed eget orci. Cras ullamcorper, lectus imperdiet porta scelerisque, metus dolor rhoncus elit, quis gravida est odio nec ipsum.</p>
<h2>heading 2</h2>
<p>Cras mauris massa, mollis nec, nonummy nonummy, laoreet quis, ipsum. Donec vel nisl vitae mi hendrerit condimentum. Nulla mauris leo, ultricies ut, fermentum porttitor, pharetra in, purus. Donec erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed eros. Aliquam lectus mauris, tempus a, faucibus a, tempus quis, ligula. Nulla consequat elementum mauris. Nam leo magna, pulvinar eu, dignissim a, pellentesque nec, ante. Nullam eget lacus. Phasellus est ipsum, consectetuer ac, bibendum et, fringilla a, tellus. Phasellus in dolor. Fusce non neque id nunc fermentum suscipit. Phasellus pellentesque semper quam.</p>
<h2>heading 2</h2>
<p>Fusce augue. Ut varius vehicula wisi. In hac habitasse platea dictumst. Morbi sed tortor. Curabitur egestas. Maecenas dignissim, pede id facilisis venenatis, elit wisi iaculis augue, non elementum pede orci quis odio. Curabitur sem. Vestibulum euismod diam sed nunc. Quisque nec urna quis eros luctus hendrerit. Vivamus tellus dui, hendrerit vitae, aliquet eu, interdum at, lacus. Sed lectus lorem, vulputate molestie, congue vel, viverra in, urna. Etiam convallis. Donec mauris est, posuere vitae, volutpat vel, congue a, orci. Nunc lorem dolor, tincidunt sed, suscipit sed, imperdiet non, augue. Mauris pretium lacus eleifend arcu. Nulla tincidunt lorem ut metus. Designed by fiveseven.</p>
</div>
</div>
</body>
</html>
Related examples in the same category