Penguinboy

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <title>A website</title>
    <style type="text/css">
    * {
        margin: 0;
        padding: 0;
    }

    body {
        background-color: #46a;
    }

    #container {
        width: 910px;
        margin: 40px auto;
        padding: 20px;
        background-color: #fff;
    }

    #header {

    }

    #header h1 {
        text-align: center;
        margin: 40px 0;
    }

    #menu {
        width: 150px;
        float: left;
    }

    #menu h1 {
        font-size: 18px;
    }

    #menu li {
        list-style-type: none;
        padding: 5px 10px;
    }

    #content {
        width: 700px;
        float: right;
        padding: 0 10px;
    }

    #content p {
        line-height: 24px;
        margin: 20px 0;
    }

    .clear {
        clear: both;
    }
 </style>
</head>
<body>
    <div id="container">
        <div id="header">
            <h1>Welcome to the site</h1>
        </div>
        <div id="menu">
            <h1>Navigation</h1>
            <ul>
                <li><a href="start.php">Main page</a></li>
                <li><a href="services.php">Services</a></li>
                <li><a href="contact.php">Contact</a></li>
                <li><a href="clients/">Clients access</a></li>
            </ul>
        </div>

        <div id="content">
            <h1>Unfinished site</h1>
            <p>
                Beta version. Nothing interesting here.
            </p>
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse molestie pretium sodales. Aliquam erat volutpat. Aliquam venenatis vehicula tellus nec elementum. Aenean ac ante sem. Nunc consequat lacus vel nisl tempus aliquam sollicitudin nunc malesuada. Pellentesque vestibulum lorem quis mauris mattis et pulvinar orci lacinia. Fusce libero quam, porttitor id commodo dictum, luctus sit amet nisl. Donec at elit facilisis tellus condimentum elementum. Fusce gravida nunc turpis, in ornare ligula. Fusce auctor, elit ac interdum pretium, purus lacus lacinia odio, eu auctor felis lectus eu erat. Pellentesque vitae diam ipsum. Morbi ac scelerisque odio. Donec congue lorem velit, vel ultricies tortor.
            </p>
            <p>
                Fusce pellentesque, diam a viverra venenatis, quam nunc auctor risus, a tristique lacus tellus ut mauris. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin felis purus, dignissim eget ornare quis, faucibus vitae elit. Suspendisse potenti. Nulla consectetur felis vehicula sem interdum ultricies. In quis velit at neque volutpat iaculis sed in odio. Nam at nisi sed eros cursus egestas. Quisque sed lobortis metus. Fusce tristique rutrum accumsan. Mauris augue sem, ultrices vitae commodo ut, consequat sit amet dolor. Duis lectus velit, varius ac faucibus quis, auctor vitae urna. Proin sapien ante, molestie ut cursus vel, convallis sit amet turpis. Nulla blandit rutrum mollis. Curabitur et arcu enim, ut vehicula libero. Phasellus non enim augue.
            </p>
            <p>
                Aenean eu est nec nisl aliquam placerat condimentum id quam. Aenean est lectus, rutrum nec placerat vel, elementum in nunc. Praesent tempus gravida mi id volutpat. Suspendisse ultricies odio eros. Cras ligula lectus, semper nec faucibus sit amet, vehicula scelerisque erat. Quisque imperdiet risus nec diam pharetra at elementum nibh dapibus. Aenean a porttitor risus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris aliquam tempor pellentesque. Sed nibh tortor, scelerisque at molestie a, suscipit vel quam.
            </p>
            <p>
                Proin nisl metus, sodales id vestibulum eu, dapibus quis purus. Pellentesque a ante leo. Nulla feugiat arcu in dui sodales vestibulum id id tellus. Morbi sed quam mi. Ut a lacus tellus. In bibendum tortor eu metus ultrices sagittis. Curabitur dolor nisl, imperdiet et rhoncus quis, sodales eu turpis. Aliquam at justo id dui semper blandit non non diam. Phasellus turpis sapien, congue nec luctus nec, aliquet ac turpis. Aliquam erat volutpat. Nullam dapibus dolor ac quam semper elementum. Cras interdum posuere tincidunt. In felis justo, porta pretium accumsan eu, rutrum sed est. Aenean eget ligula arcu, ac rhoncus sem. Proin scelerisque tellus a nisi blandit molestie. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In consequat, purus quis consectetur gravida, quam turpis rutrum mi, id sodales dui lorem id augue. Curabitur congue eleifend elit, et lacinia leo ornare nec. Nulla gravida, libero ac dictum egestas, sapien nisl eleifend mi, sit amet imperdiet arcu dolor eget leo.
            </p>
            <p>
                Phasellus nec tortor metus, sed adipiscing lorem. Suspendisse potenti. Maecenas ultricies lobortis odio, at varius turpis interdum id. Cras quis dolor erat. Phasellus sit amet ultricies nulla. Donec et libero eu quam accumsan ornare. Integer interdum lobortis nibh, ac viverra lectus aliquam vitae. Donec tincidunt tellus vitae metus dignissim id feugiat sapien rutrum. Integer ultrices adipiscing purus quis vulputate. Praesent consectetur rutrum nibh sed sagittis. Proin at mollis nibh. Integer bibendum metus eu enim sagittis quis mollis massa feugiat.
            </p>
        </div>

        <div class="clear"></div>
    </div>
</body>
</html>