<!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>V's Journal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- This links to a stylesheet that gives basic formatting to your page; you do not need to modify this. -->
<link rel="stylesheet" type="text/css" href="http://courses.washington.edu/info343/labs/2/basic.css" title="style" />
<!-- This is linking to your stylesheet, journal_layout.css -->
<link rel="stylesheet" type="text/css" href="journal_layout.css" title="style" />
</head>
<body>
<h1>Victoria's Journal</h1>
<h2>So fresh and so clean</h2>
<h2>04/09/08: Spatulas</h2>
<p>
<img src="http://www.cs.washington.edu/education/courses/190m/09sp/labs/2-journal/images/spatula.gif" alt="Much-needed spatula" />
</p>
<p>
Yesterday I went to the store and got some much-needed <a href="http://www.youtube.com/watch?v=2XbCWmY0eqY">spatulas</a>! (What better way to say I love myself than to buy myself a spatula?)
</p>
<!--
Exercise 1 Hint: When you're grouping together your different sections using divs, make sure the following element is *in* the blue-bordered section.
Exercise 3 Hint: Style this empty invisible element to make it appear below any floating content, so the journal entry will be large enough.
-->
<p class="spacer"></p>
<h2>Cookie Monster Cupcakes</h2>
<p>
<img src="http://www.cs.washington.edu/education/courses/190m/09sp/labs/2-journal/images/cookiemonster.jpg" alt="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>
<!--
Exercise 1 Hint: When you're grouping together your different sections using divs, make sure the following element is *in* the blue-bordered section.
Exercise 3 Hint: Style this empty invisible element to make it appear below any floating content, so the journal entry will be large enough.
-->
<p class="spacer"></p>
<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>