info343/minilabs/3/skeleton.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   
   <head>
      <title>Mini-lab 3</title>
      
      <style type="text/css">
         /* a few default styles to start off... */
         #a {
            width: 200px;
            height: 200px;
            background-color: orange;
         }
         #b {
            width: 75px;
            height: 75px;
            background-color: lightblue;
         }
         p {
            background-color: lightgray;
         }
      </style>
      
      <!-- This links to your stylesheet, minilab3.css -->
      <link rel="stylesheet" type="text/css" href="minilab3.css" />
   </head>
   
   <body>
      <ul id="a">
         <li>(A) Lorem ipsum dolor</li>
         <li>Sit amet ellentesque</li>
         <li id="b">(B) Consectetur adipiscing elit</li>
         <li>Integer justo sem</li>
      </ul>
      
      <p>Maecenas posuere orci et augue egestas vel hendrerit ipsum consequat. Aliquam ac urna et est fringilla condimentum quis quis tortor. Donec pharetra, elit et sollicitudin mattis, justo nisi tincidunt turpis, eget aliquet felis massa ut nunc. Vestibulum ut lectus nisi, ut euismod enim. Vestibulum mollis sapien sit amet diam tincidunt dapibus eu ac dolor. Praesent eu est purus, at faucibus tortor.</p>
      
      <p>Etiam aliquet interdum velit non consectetur. Mauris nunc odio, interdum sit amet lobortis vel, mollis eget mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam risus turpis, interdum vehicula vulputate id, porta et lorem. Nam mollis elit quis turpis luctus accumsan. Morbi lectus tellus, varius at cursus eget, lobortis nec justo. Fusce vitae purus non tellus fringilla vehicula. Nullam facilisis dignissim nisl non pharetra.</p>
      
      <p>Proin mollis justo vitae urna suscipit at tempus ligula cursus. Vivamus dapibus dignissim ante at semper. Suspendisse ut sem in mauris malesuada hendrerit. Sed nunc est, consectetur quis gravida id, lobortis nec leo. Etiam adipiscing nulla ut diam bibendum eu gravida mauris varius. In neque sem, malesuada sit amet egestas in, laoreet sit amet elit. Proin felis tortor, interdum blandit interdum quis, vestibulum a neque. Pellentesque non nunc sem, vitae adipiscing libero.</p>
      
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lectus est, convallis vel suscipit a, hendrerit eget sem. Fusce in enim libero, in egestas ipsum. Fusce non sapien quis erat suscipit laoreet. Nulla eu malesuada felis. Aenean mollis rhoncus augue ac consectetur. Sed vitae urna est, in tempus diam. Aliquam erat volutpat. Nulla tincidunt, sapien id porttitor feugiat, justo magna egestas lacus, vel euismod ante nunc id massa. Vivamus in lectus sed leo lobortis eleifend.</p>

      <p>Phasellus augue enim, malesuada eu tincidunt elementum, pellentesque ut dui. Aenean nec mauris eget nisl ornare condimentum. Vivamus tellus sapien, faucibus quis ultrices in, suscipit id sapien. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec aliquet, nisl mollis fringilla elementum, risus ligula vehicula purus, non fermentum nisl nisl at massa. Vestibulum semper, nibh lobortis congue cursus, odio elit auctor sapien, at auctor enim mauris in dolor. In varius iaculis convallis.</p>

      <p>Pellentesque cursus nisi id turpis fringilla feugiat. Ut eu massa vel turpis dignissim sagittis. Nam eget turpis augue. Morbi massa mauris, tincidunt sodales tristique et, ultricies et elit. Integer mi tellus, scelerisque vitae dignissim nec, cursus non elit. Duis auctor, est at posuere pulvinar, magna leo aliquet felis, ac consectetur elit lacus ut nunc. Donec mollis nisl nec sapien pharetra ullamcorper et id mauris. Nam risus libero, tristique in tempor vel, gravida ac erat. Nunc eleifend pretium semper. Donec porta nunc sed lorem vehicula placerat. Sed vel elit metus. Sed tristique, lacus sed consequat hendrerit, sem dui lobortis purus, eu pellentesque sapien enim vel metus. Morbi vestibulum magna quis diam tincidunt ut consequat risus euismod. Nulla in orci non nisl egestas tincidunt. Duis eu justo est.</p>
   </body>
   
</html>