Skip to content

Instantly share code, notes, and snippets.

@josecarneiro
Created January 22, 2022 11:50
Show Gist options
  • Save josecarneiro/e0480f780aa7657f56ab8918d3828a24 to your computer and use it in GitHub Desktop.
Save josecarneiro/e0480f780aa7657f56ab8918d3828a24 to your computer and use it in GitHub Desktop.
ironhack-jan-2022-lab-recipes-solution
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Apple Pie Recipe</title>
<link rel="stylesheet" href="styles/style.css" />
</head>
<body>
<header>
<h1>Apple Pies</h1>
</header>
<main>
<p>
This was my grandmother's apple pie recipe. I have never seen another
one quite like it. It will always be my favorite and has won me several
first place prizes in local competitions. I hope it becomes one of your
favorites as well!
</p>
<img src="images/recipe-info.png" alt="Recipe Information" />
<hr />
<h2>Ingredients</h2>
<ul>
<li>1 recipe pastry for a 9 inch double crust pie</li>
<li>1/2 cup unsalted butter</li>
<li>3 tablespoons all-purpose flour</li>
<li>1/4 cup water</li>
<li>3 tablespoons all-purpose flour</li>
<li>1/4 cup water</li>
<li>1/2 cup white sugar</li>
<li>1/2 cup packed brown sugar</li>
<li>8 Granny Smith apples - peeled, cored and sliced</li>
</ul>
<img src="images/cooking-info.png" alt="Cooking Information" />
<hr />
<h2>Directions</h2>
<ol>
<li>Preheat oven to 425 degrees F (220 degrees C).</li>
<li>Melt the butter in a saucepan.</li>
<li>Stir in flour to form a paste.</li>
<li>Add water, white sugar and brown sugar, and bring to a boil.</li>
<li>Reduce temperature and let simmer.</li>
<li>Place the bottom crust in your pan.</li>
<li>Fill with apples, mounded slightly.</li>
<li>Cover with a lattice work crust.</li>
<li>Gently pour the sugar and butter liquid over the crust.</li>
<li>Pour slowly so that it does not run off.</li>
<li>Bake 15 minutes in the preheated oven.</li>
<li>Reduce the temperature to 350 degrees F (175 degrees C).</li>
<li>Continue baking for 35 to 45 minutes, until apples are soft.</li>
</ol>
</main>
</body>
</html>
body {
font-family: sans-serif;
margin: 0;
font-size: 22px;
line-height: 150%;
}
header {
background-color: brown;
color: white;
padding: 250px 0;
background-image: url('/apple-pie/images/apple-pie.jpg');
background-size: cover;
background-position: center center;
}
h1 {
text-align: center;
font-size: 64px;
font-weight: lighter;
/* font-weight: normal;
font-weight: bold; */
}
main {
width: 640px;
margin: 0 auto;
}
img {
display: block;
margin: 32px auto;
}
ul,
ol {
padding: 0;
}
ul {
list-style-type: '- ';
}
ol li {
list-style: none;
counter-increment: item-index;
}
ol li:before {
content: counter(item-index) ') ';
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment