Skip to content

Instantly share code, notes, and snippets.

@Colt

Colt/recipe.md Secret

Last active August 29, 2015 14:06
Show Gist options
  • Save Colt/140abf22d6b8495218a9 to your computer and use it in GitHub Desktop.
Save Colt/140abf22d6b8495218a9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
recipe.md

#Cookie Recipe Exercise

Using the HTML tags we just learned, write the markup that could result in a cookie recipe like the one below. You can make up your own recipe text if you'd like, just make sure the document structure is the same.

asd

Raw
solution.md

#Solution

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

<h1>The Best Chocolate Chip Cookies<h1>

<img src="cookies.jpg" height="200px" width="200px">

<h3>Recipe by: Cookie Monster<h3>

<h2>INGREDIENTS</h2>
<ul>
    <li>1 1/2 cup (3 sticks) butter, softened</li>
    <li>1 cup brown sugar</li>
    <li>1 cup granulated sugar</li>
    <li>1 Tbl vanilla instant pudding powder</li>
    <li>2 Tbl milk</li>
    <li>2 Tbl vanilla extract</li>
    <li>2 eggs</li>
    <li>4 cups all purpose flour</li>
    <li>2 tsp baking soda</li>
    <li>1/2 tsp salt</li>
    <li>4 cups chocolate chips</li>
    <li>1 cup chopped walnuts or pecans(optional)</li>

</ul>

<h2>How to make Mama’s Recipe: The Best Chocolate Chip Cookies</h2>

<ol>
    <li>Preheat oven to 350 degrees</li>

    <li>Beat butter and sugars together until light and fluffy</li>

    <li>Add dry ingredients and stir until combined.</li>

    <li>Stir in chocolate chips and nuts.</li>

    <li>Place 1 1/2 inch balls of dough 2 inches apart on an un greased cookie sheet.</li>

    <li>Bake 8-10 minutes or until golden brown.</li>
</ol>

<h2>EXPERT TIPS</h2>

<p><blockquote>
Use an ice-cream scoop to make perfectly shaped cookies. Level off the dough on the edge of the bowl for perfectly round cookies.

If you didn't think these cookies could get any better, think again! Get creative use with 1/2 cup each of semisweet chocolate chips, peanut butter chips or butterscotch chips instead of the 2 cups semisweet chocolate chips. OMG these are good!</blockquote></p>


<p>This recipe was altered from Open Source Recipe <a href= "http://www.opensourcefood.com/people/Amanori/recipes/mamas-recipe-the-best-chocolate-chip-cookies">for more recipes go here.</a></p>


</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment