Hwk # 3

<html>
<head><title>HomeWork # 2 HTML</title>
<meta http-equiv="ContentType" content="text/html; charset=utf-8">
<meta name="description" content="This is a simple attempt to make my homework">
<style>
    #wrapper {
        width:100%;
    }
    #menu1 {
        width:14%;
        float:left;
        background-color:#81d8d0;
        color:#ebebeb;
    }
     #left {
        width:30%;
        height:250px;
        float:left;
        background-color:#009688;
        color:#ebebeb;
    }
    #center {
        float:left;
        background-color:#357385;
        color:#ebebeb;
        width:600px;
        height:250px;
    }
    #right {
        width:298px;
        float:right;
        height:250px;
        background-color:#2c4762;
        color:#ebebeb;
    }
    #footer {
        clear:both;
        background-color:#d9d9d9;
        color:#333333;
    }
</style>
</head>
<body>
<div id="wrapper">
    <div id="menu1"><a href="#">Home</a></div>
    <div id="menu1"><a href="#">FAQ</a></div>
    <div id="menu1"><a href="#">Article</a></div>
    <div id="menu1"><a href="#">Wiki</a></div>
    <div id="menu1"><a href="#">More</a></div>
    <div id="menu1"><a href="#">Contacts</a></div>
    <div id="menu1"><a href="#">About</a></div>
    <div id="left"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod felis libero, vitae dignissim nulla hendrerit at. Etiam a magna eros. Proin a vestibulum lectus. Nunc nunc leo, tempus sit amet placerat ut, viverra in arcu. Vivamus eget nisl non libero iaculis fermentum quis sed mi. </p></div>
    <div id="center">Etiam commodo turpis ac ultrices aliquam. Donec mollis eros eros, sit amet rhoncus nibh convallis nec. Proin tellus ligula, rutrum a faucibus ac, aliquam ut magna. Aliquam metus augue, gravida in lacus ut, eleifend euismod urna. Nulla pulvinar sit amet sem at varius. Pellentesque laoreet risus sed dignissim aliquet. In commodo est eu felis pretium tempor. Vivamus varius, dui quis fringilla lobortis, orci felis luctus leo, sed cursus augue diam quis urna. Duis tempor aliquet hendrerit. Nulla sit amet turpis accumsan, fermentum est in, cursus odio. Pellentesque ante ipsum, egestas eu rutrum ac, fringilla vel mauris. In a lorem laoreet, luctus eros vitae, hendrerit est. Sed dapibus at felis in dignissim. Suspendisse vel eros ac ipsum suscipit bibendum. Quisque rutrum posuere ligula, ut laoreet tortor suscipit vitae.</div>
    <div id="right">Curabitur ornare nisi ac orci imperdiet, eget laoreet enim ornare. Quisque tincidunt ornare erat nec mattis. Fusce viverra volutpat massa. Donec libero dui, euismod id ornare vel, imperdiet sagittis dolor. Nam facilisis congue dolor quis aliquam. Aenean vestibulum, erat ut porta pharetra, neque metus ultricies est, ut ullamcorper purus orci aliquam urna. Etiam nec nunc ac urna vestibulum bibendum. Donec pulvinar euismod bibendum. Nam id accumsan sem. Fusce pellentesque, justo id varius lacinia, felis magna dignissim est, at consectetur nulla risus in orci. Sed scelerisque massa justo, eu adipiscing urna semper vitae.</div>
    <div id="footer">Suspendisse potenti. Donec nec nisi vestibulum, tempus est ut, vestibulum urna. Ut eget orci vel ante sagittis aliquet suscipit eu libero. Morbi vel lectus scelerisque, blandit justo eget, bibendum arcu. Aliquam ut eros sit amet lorem gravida volutpat pretium a est. In laoreet magna enim. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque aliquet elementum fringilla. Vivamus orci eros, tristique at urna sit amet, adipiscing tempus diam. Praesent viverra fermentum elit, quis convallis massa dictum in.</div>
</div>

</body>
</html>