HTML-Code:
<!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" />
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
@import url("layout.css");
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="wrapper2">
<div id="wrapper3">
<div id="wrapper4">
<div id="wrapper5">
<div id="header">
<div id="logo">
<h1>BusinessName, Inc.</h1>
</div>
<!-- end #logo -->
<div id="menu">
<ul>
<li class="first"><a href="#" id="menu1" accesskey="1" title="">Products</a></li>
<li><a href="#" id="menu2" accesskey="2" title="">Services</a></li>
<li><a href="#" id="menu3" accesskey="3" title="">About</a></li>
<li><a href="#" id="menu4" accesskey="4" title="">Support</a></li>
<li><a href="#" id="menu5" accesskey="5" title="">Contact</a></li>
</ul>
</div>
<!-- end #menu -->
</div>
<!-- end #header -->
<div id="page">
<div id="content">
<div id="box1" class="box-style1">
<div class="title">
<h1>Pellentesque viverra vulputate</h1>
<h2>Consequat etiam tempus lorem volutpat</h2>
</div>
<div class="content"> <img src="images/homepage06.jpg" alt="" width="140" height="132" class="left" />
<p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum vel, tempor at, varius non, purus. Mauris vitae nisl nexres elementum vel. Lorem sed ipsum dolor sit amet nullam. Volutpat sed veroeros bibendum. In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula. Pellentesque viverra vulputate enim. Aliquam erat volutpat. </p>
<p>Vivamus nisl nibh, iaculis vitae, viverra sit amet, ullamcorper vitae, turpis. Aliquam erat volutpat. Vestibulum dui sem, pulvinar sed, imperdiet nec, iaculis nec, leo. Fusce odio. Etiam arcu dui, faucibus eget, placerat vel, sodales eget, orci. Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis at, ultricies quis, justo. Donec nonummy magna quis risus. Quisque eleifend. Phasellus tempor vehicula justo. Aliquam lacinia metus ut elit. Suspendisse iaculis mauris nec lorem. Pellentesque pede. Donec pulvinar ullamcorper metus. In eu odio at lectus pulvinar mollis.</p>
<h3>Vestibulum suscipit volutpat nulla</h3>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed blandit. Phasellus pellentesque, ante nec iaculis dapibus, eros justo auctor lectus, a lobortis lorem mauris quis nunc. Praesent pellentesque facilisis elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In hac habitasse platea dictumst. Nullam id ante eget dui vulputate aliquam. Pellentesque erat erat, tincidunt in, eleifend accumsan, malesuada eget, augue. Pellentesque pede. Donec pulvinar ullamcorper metus. In eu odio at lectus pulvinar mollis.</p>
<p>Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper, ligula enim ornare nibh:</p>
<ol>
<li><a href="#"> Integer sit amet pede vel arcu aliquet pretium.</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li>
<li><a href="#">Phasellus nec erat sit amet nibh pellentesque congue.</a></li>
<li><a href="#">Pellentesque quis elit non lectus gravida blandit.</a></li>
<li><a href="#">Maecenas vitae orci vitae tellus feugiat eleifend.</a></li>
<li><a href="#">Duis non ante in metus commodo pellentesque.</a></li>
<li><a href="#">Cras vitae metus aliquam risus pellentesque pharetra.</a></li>
</ol>
<p>Vivamus nisl nibh, iaculis vitae, viverra sit amet, ullamcorper vitae, turpis. Aliquam erat volutpat. Vestibulum dui sem, pulvinar sed, imperdiet nec, iaculis nec, leo. Fusce odio. Etiam arcu dui, faucibus eget, placerat vel, sodales eget, orci. Donec ornare neque ac sem. Mauris aliquet. Aliquam sem leo, vulputate sed, convallis at, ultricies quis, justo. Donec nonummy magna quis risus. Quisque eleifend. Phasellus tempor vehicula justo. Aliquam lacinia metus ut elit. Suspendisse iaculis mauris nec lorem. Pellentesque pede. Donec pulvinar ullamcorper metus. In eu odio at lectus pulvinar mollis. </p>
</div>
</div>
<!-- end #box1 -->
</div>
<!-- end #content -->
<div id="sidebar">
<div id="box4" class="box-style2">
<div class="title">
<h2>Volutpat sed tempor</h2>
</div>
<div class="content"><img src="images/homepage18.jpg" alt="" width="76" height="122" class="left" />
<p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. In vel lorem ipsum is, tempor at, varius nulla sed etiam lorem. <a href="#">More…</a></p>
</div>
</div>
<!-- end #box4 -->
<div id="box5" class="box-style2">
<div class="title">
<h2>Donec ipsum et purus</h2>
</div>
<div class="content">
<table border="0" cellspacing="0" cellpadding="0" class="table1">
<tr>
<td class="left"><a href="#">Aliquam non mauris</a></td>
<td class="right"><strong>03.17</strong></td>
</tr>
<tr class="alt">
<td class="left"><a href="#">Etiam fermentum ipsum</a></td>
<td class="right"><strong>03.16</strong></td>
</tr>
<tr>
<td class="left"><a href="#">Pulvinar dolor sapien</a></td>
<td class="right"><strong>03.16</strong></td>
</tr>
<tr class="alt">
<td class="left"><a href="#">Velit dapibus rutrum</a></td>
<td class="right"><strong>03.15</strong></td>
</tr>
<tr>
<td class="left"><a href="#">Elit mauris in elit sed</a></td>
<td class="right"><strong>03.14</strong></td>
</tr>
<tr class="alt">
<td class="left"><a href="#">Pellentesque sem lectus</a></td>
<td class="right"><strong>03.11</strong></td>
</tr>
<tr>
<td class="left"><a href="#">Bibendum sed tempus</a></td>
<td class="right"><strong>03.10</strong></td>
</tr>
</table>
</div>
</div>
<!-- end #box5 -->
<div id="box6" class="box-style2">
<div class="title">
<h2>Blandit nullam consequat</h2>
</div>
<div class="content">
<p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In vel tempor at, varius etiam veroeros.</p>
<img src="images/homepage23.jpg" alt="" width="52" height="53" class="left" />
<p><strong>Vel aliquam nulla</strong> tempor at, varius etiam veroeros. Dolor sit amet. <a href="#">More…</a></p>
<img src="images/homepage24.jpg" alt="" width="52" height="53" class="left" />
<p><strong>Blandit sed dolor</strong> tempor at, varius etiam veroeros. Dolor sit amet. <a href="#">More…</a></p>
<img src="images/homepage25.jpg" alt="" width="52" height="53" class="left" />
<p><strong>Aliquam mauris</strong> tempor at, varius etiam veroeros. Dolor sit amet. <a href="#">More…</a></p>
</div>
</div>
<!-- end #box6 -->
</div>
<!-- end #sidebar -->
<div style="clear: both;"> </div>
</div>
<!-- end #page -->
<div id="footer">
<p>Copyright (c) 2008 BusinessName, Inc. All rights reserved.</p>
</div>
<!-- end #footer -->
</div>
</div>
</div>
</div>
</div>
<!-- end #wrapper -->
</body>
</html>
Lesezeichen