info343/labs/2/solution/journal_ex3.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" xml:lang="en">

<head>
   <!--
      journal_ex3.html
      Example solution for Lab 2
      (partial solution through exercise 3)
      INFO 343, Autumn 2012
      Morgan Doocy
   -->
   <title>V's Journal</title>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <link rel="stylesheet" type="text/css" href="http://courses.washington.edu/info343/labs/2/basic.css" title="style" />
   <link rel="stylesheet" type="text/css" href="journal_ex3.css" title="style" />
</head>

<body>

   <div id="container">
   
      <div id="header">
         <h1>Victoria's Journal</h1>
         <h2>So fresh and so clean</h2>
      </div>
      
      <div class="entry">

         <h2><span class="date">04/09/08:</span> Spatulas</h2>
         <p>
            <img src="images/spatula.gif" alt="Much-needed spatula" title="Much-needed spatula" />
         </p>
         <p>
            Yesterday I went to the store and got some much-needed spatulas! (What better way to say I love myself than to buy myself a spatula?)
         </p>
         <p class="spacer"></p>
      </div>
      
      <div class="entry">
         <h2><span class="date">04/08/08:</span> Cookie Monster Cupcakes</h2>
         <p>
            <img src="images/cookiemonster.jpg" alt="Cookie Monster: in cupcake form!" title="Cookie Monster: in cupcake form!" />
         </p>
         <p>
            My favorite cartoon character is Cookie Monster, and my favorite dessert is cupcakes, so Cookie Monster cupcakes are the best of both worlds.
         </p>
         <p>
             Did you know? Cookie Monster once said, <q>Sometimes me think what is love, and then me think love is what last cookie is for. Me give up the last cookie for you.</q> I wonder if the same applies for cupcakes? (If so, I don't think I can ever love ANYONE!)
         </p>
         <p class="spacer"></p>
      </div>
   </div>

   <p>
      <a href="http://validator.w3.org/check/referer">
         <img src="http://www.w3.org/Icons/valid-xhtml11" alt="Valid XHTML" />
      </a>
      <a href="http://jigsaw.w3.org/css-validator/check/referer">
         <img src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS" />
      </a>
   </p>

</body>

</html>