bonnen

<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/layout.css" />


<title>Alexanders homepage</title>
</head>

<body>
<div id="topList">
</div>
<ul id="menu">
    <li class="logo">
        <img style="float:left;" alt="" src="menu_left.png"/>
        <ul id="main">
            <li>Welcome to Alex new project!</li>
        </ul>
    </li>
    <li><a href="#login">Login</a>
    </li>
    <li><a href="#help">Help</a>
      <ul id="help">
            <li>
                <img class="corner_inset_left" alt="" src="corner_inset_left.png"/>
                <a href="#">General help</a></li>
                <img class="corner_inset_right" alt="" src="corner_inset_right.png"/>
            <li><a href="#">Faq</a></li>
        <li><a href="#">Contact us</a></li>
            <li class="last">
                <img class="corner_left" alt="" src="corner_left.png" />
                <img class="middle" alt="" src="dot.gif" />
                <img class="corner_right" alt="" src="corner_right.png" />
            </li>
      </ul>
    </li>
  <li class="searchContainer">
    <div>
        <input type="text" id="searchField" />
      <img src="magnifier.png" alt="Search" onclick="alert('You clicked on search button')" /></div>
      <ul id="search">
          <li><input id="cbxAll" type="checkbox" />All</li>
          <li><input id="Articles" type="checkbox" />Articles</li>
          <li><input id="Tutorials" type="checkbox" />Tutorials</li>
          <li><input id="Reviews" type="checkbox" />Reviews</li>
          <li><input id="Resources" type="checkbox" />Resources</li>
      </ul>
    </li>
</ul>
<img style="float:left;" alt="" src="menu_right.png"/>
<div id="wrapper">
<div id="leftnav">
<ul>
<li><a href="#1">N�gonting</a></li>
<li><a href="#1">N�gonting</a></li>
<li><a href="#1">N�gonting</a></li>
<li><a href="#1">N�gonting</a></li>
<li><a href="#1">N�gonting</a></li>
<li><a href="#1">N�gonting</a></li>
<li><a href="#1">N�gonting</a></li>
</ul>
</div>
<div id="content">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam urna massa, pellentesque eget ullamcorper eu, aliquet sed sapien. Etiam luctus pulvinar mauris, a tincidunt mauris condimentum at. Proin eget leo dignissim est blandit faucibus. Pellentesque bibendum pretium metus, ac lacinia mauris tincidunt non. Aliquam feugiat, dolor gravida laoreet auctor, felis lacus lobortis orci, non blandit tellus lorem vitae risus. Curabitur posuere facilisis lorem, et consectetur ante ornare id. Sed egestas nisl et est cursus quis ultrices elit vulputate. Nam eleifend nulla ut dui consectetur at sollicitudin lectus varius. Duis nulla risus, rutrum eu scelerisque at, accumsan at lacus. Nunc vel leo a dui iaculis euismod et quis purus. Proin libero sem, sagittis eget imperdiet eu, auctor id quam.</p>
  <p>Nam ac felis quis lectus volutpat interdum sed sit amet lacus. Donec et dui diam. Cras et egestas ligula. Curabitur vitae urna sit amet nisi egestas tristique sed lacinia turpis. Sed sagittis, felis sit amet mollis mattis, magna urna consectetur lectus, in laoreet ligula augue at enim. Aenean libero lacus, mattis sit amet varius et, laoreet vel tellus. Morbi turpis turpis, porta vel lacinia sed, consectetur vitae felis. Nulla nec erat eu nisl sodales cursus cursus quis velit. Sed interdum eros vitae eros ultrices eget pharetra arcu sodales. Sed vulputate consequat augue, in pulvinar eros vestibulum eget. Nam elementum massa nec risus consectetur quis semper metus dapibus. Nunc consectetur rutrum risus, ac scelerisque nibh porttitor non. In accumsan ipsum eget ligula varius pretium sodales eros malesuada. Vivamus elementum pulvinar lacus, eu scelerisque felis mollis id. Nulla ligula ipsum, eleifend nec tristique suscipit, tempus ac lorem. Nunc pretium, magna ac feugiat ornare, sem sapien volutpat elit, sit amet viverra erat diam eu nisl. Maecenas dictum neque et arcu commodo iaculis tristique nibh pretium. Donec pharetra placerat nunc, sed auctor elit pharetra vel.</p>
</div>
</div>
</body>
</html>