diff --git a/index.html b/index.html
index f3e262d..43f8b4b 100644
--- a/index.html
+++ b/index.html
@@ -1,36 +1,52 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-  <title>Apple Pie Recipe</title>
+  <title>Apple Pie recipe</title>
+  <link rel="stylesheet" href="reset.css">
+  <link rel="stylesheet" href="style.css">
 </head>
 <body>
-Apple Pie
+<header><h1>Apple Pie</h1></header>
+<div class="contenedor">
 
-This was my grandmother's apple pie recipe. I have never seen another one
+
+      <main>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!
+      </main>
+      <img src="images/cooking-info.png" class="tiempo">
+      <div class="linea"></div>
+      <h2><strong>Ingredients</strong> </h2>
+      <ul class="ingr">
+        <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/recipe-info.png" class="receta">
+       <div class="linea"></div>
 
-Ingredients
-1 recipe pastry for a 9 inch double crust pie
-1/2 cup unsalted butter
-3 tablespoons all-purpose flour
-1/4 cup water
-3 tablespoons all-purpose flour
-1/4 cup water
-1/2 cup white sugar
-1/2 cup packed brown sugar
-8 Granny Smith apples - peeled, cored and sliced
-
-Directions
-Preheat oven to 425 degrees F (220 degrees C). Melt the butter in a saucepan. Stir in
+      <h2><strong>Directions</strong></h3>
+      <p>
+        <ul class="tiempo">
+          <li>Preheat oven to 425 degrees F (220 degrees C). Melt the butter in a saucepan. Stir in
 flour to form a paste. Add water, white sugar and brown sugar, and bring to a boil. Reduce
-temperature and let simmer.
+temperature and let simmer.</li>
 
-Place the bottom crust in your pan. Fill with apples, mounded slightly. Cover with a
+          <li>Place the bottom crust in your pan. Fill with apples, mounded slightly. Cover with a
 lattice work crust. Gently pour the sugar and butter liquid over the crust. Pour slowly so
-that it does not run off.
+that it does not run off.</li>
+
+          <li>Bake 15 minutes in the preheated oven. Reduce the temperature to 350 degrees F (175
+degrees C). Continue baking for 35 to 45 minutes, until apples are soft.</li>
+         </ul>
 
-Bake 15 minutes in the preheated oven. Reduce the temperature to 350 degrees F (175
-degrees C). Continue baking for 35 to 45 minutes, until apples are soft.
+</div>
+<footer></footer>
 </body>
 </html>
diff --git a/reset.css b/reset.css
new file mode 100644
index 0000000..27acba5
--- /dev/null
+++ b/reset.css
@@ -0,0 +1,43 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..9ec41cd
--- /dev/null
+++ b/style.css
@@ -0,0 +1,68 @@
+header {
+    width: 100%;
+    height: 500px;
+    position: relative;
+    background-image: url("images/apple-pie.jpg");
+    background-size: cover;
+    display: inline-block;
+    margin-top: 10px;
+    margin-left: 30px;
+    margin-right: 30px;
+   
+}
+body {
+    font-family: sans-serif
+}
+
+h1 {color: rgb(255, 255, 255);
+text-align: center;
+line-height: 500px;
+font-size: 50px;
+;
+}
+.contenedor{
+    margin-left: 30%;
+    margin-right: 30%;
+    margin-top: 30px;
+}
+img {
+    
+    position: relative;
+    width: 45%;
+    height: 45%;
+    margin-top: 30px;
+    margin-bottom: 30px;  
+    margin-left: 30%; 
+}
+h2{
+    font-size: 20px;
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+main, ul{
+    font-size: 20px;
+    color: grey;
+}
+footer {
+    position: relative;
+    width: 100%;
+    height: 100px;
+}
+.linea {
+    background-color: black;
+    width: 100%;
+    height: 3px
+}
+.ingr :before{
+    content: "-"
+}
+.tiempo ol{
+    counter-reset: df;
+}
+.tiempo>li{
+    list-style-type: none;
+    counter-increment: df;
+}
+.tiempo li::before{
+    content:  counter(df) ")";
+}
