mushon/index.html

## index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>How to make a Hot Toddy</title>
	<link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection">
    <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print">
    <!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
</head>

<body>
<div class="container">
    <div id="header">
        <div>
            <h1>How to make a Hot Toddy!</h1>
        </div>

        <div>
            <h2>Why toddy?</h2>
        </div>

        <div class="span-5 append-1 prepend-1">
            <p>The hot toddy has been around for at least the last half century and taken several forms. The toddy has been made with a variety of ingredients but the main ingredients tend towards tea, brandy, cinnamon, lemon, and cloves. These ingredients can be substituted depending on the tastes of the individual and for what the toddy is actually going to be used for. The hot toddy has been used as a cold remedy in the past due to its power to soothe sore throats and lure the drinker into a comfortable sleep. The drink has also become popular around the holidays due to its festive appeal. Here is a quick all around good recipe to get you making your own Hot Toddy, enjoy!</p>
        </div>

        <div class="span-8">
            <img src= "images/toddy.jpg" alt="#">
        </div>

        <!-- Remember to disable the right margin on the last element by using the last class -->
        <div id="ingredients" class="span-9 last">
            <h3>Ingredients</h3>

            <div class="ingredient span-3">
                <img src= "images/lemon.jpg" alt="lemon">
                <p>Lemon</p>
            </div>

            <div class="ingredient span-3">
                <img src= "images/lemon.jpg" alt="lemon">
                <p>Lemon</p>
            </div>

            <div class="ingredient span-3 last">
                <img src= "images/lemon.jpg" alt="lemon">
                <p>Lemon</p>
            </div>

            <div class="ingredient span-3">
                <img src= "images/lemon.jpg" alt="lemon">
                <p>Lemon</p>
            </div>

            <div class="ingredient span-3">
                <img src= "images/lemon.jpg" alt="lemon">
                <p>Lemon</p>
            </div>

            <div class="ingredient span-3 last">
                <img src= "images/lemon.jpg" alt="lemon">
                <p>Lemon</p>
            </div>

    </div>

        </div>

    <div id="instructions" class=span-23 preprend-1 last">
        <ol>
            <li>Insert cloves into a wedge of lemon and place into an empty mug.</li>
            <li>Insert cloves into a wedge of lemon and place into an empty mug.</li>
            <li>Insert cloves into a wedge of lemon and place into an empty mug.</li>
            <li>Insert cloves into a wedge of lemon and place into an empty mug.</li>
            <li>Insert cloves into a wedge of lemon and place into an empty mug.</li>
            <li>Insert cloves into a wedge of lemon and place into an empty mug.</li>
        </ol>
    </div>

</div><!-- closing container -->
</body>
</html>
	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
	<html>
	<head>
	<title>How to make a Hot Toddy</title>
	<link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection">
	<link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print">
	<!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
	</head>

	<body>
	<div class="container">
	<div id="header">
	<div>
	<h1>How to make a Hot Toddy!</h1>
	</div>

	<div>
	<h2>Why toddy?</h2>
	</div>

	<div class="span-5 append-1 prepend-1">
	<p>The hot toddy has been around for at least the last half century and taken several forms. The toddy has been made with a variety of ingredients but the main ingredients tend towards tea, brandy, cinnamon, lemon, and cloves. These ingredients can be substituted depending on the tastes of the individual and for what the toddy is actually going to be used for. The hot toddy has been used as a cold remedy in the past due to its power to soothe sore throats and lure the drinker into a comfortable sleep. The drink has also become popular around the holidays due to its festive appeal. Here is a quick all around good recipe to get you making your own Hot Toddy, enjoy!</p>
	</div>

	<div class="span-8">
	<img src= "images/toddy.jpg" alt="#">
	</div>

	<!-- Remember to disable the right margin on the last element by using the last class -->
	<div id="ingredients" class="span-9 last">
	<h3>Ingredients</h3>

	<div class="ingredient span-3">
	<img src= "images/lemon.jpg" alt="lemon">
	<p>Lemon</p>
	</div>

	<div class="ingredient span-3">
	<img src= "images/lemon.jpg" alt="lemon">
	<p>Lemon</p>
	</div>

	<div class="ingredient span-3 last">
	<img src= "images/lemon.jpg" alt="lemon">
	<p>Lemon</p>
	</div>

	<div class="ingredient span-3">
	<img src= "images/lemon.jpg" alt="lemon">
	<p>Lemon</p>
	</div>

	<div class="ingredient span-3">
	<img src= "images/lemon.jpg" alt="lemon">
	<p>Lemon</p>
	</div>

	<div class="ingredient span-3 last">
	<img src= "images/lemon.jpg" alt="lemon">
	<p>Lemon</p>
	</div>

	</div>

	</div>

	<div id="instructions" class=span-23 preprend-1 last">
	<ol>
	<li>Insert cloves into a wedge of lemon and place into an empty mug.</li>
	<li>Insert cloves into a wedge of lemon and place into an empty mug.</li>
	<li>Insert cloves into a wedge of lemon and place into an empty mug.</li>
	<li>Insert cloves into a wedge of lemon and place into an empty mug.</li>
	<li>Insert cloves into a wedge of lemon and place into an empty mug.</li>
	<li>Insert cloves into a wedge of lemon and place into an empty mug.</li>
	</ol>
	</div>

	</div><!-- closing container -->
	</body>
	</html>