diff --git a/apple-pie/index.html b/apple-pie/index.html
index a019c8262..782db95d4 100644
--- a/apple-pie/index.html
+++ b/apple-pie/index.html
@@ -4,36 +4,53 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Apple Pie Recipe</title>
+    <link rel="stylesheet" href="/lab-css-recipes-clone/apple-pie/styles/style.css">
     <!-- Remember to link your styles -->
   </head>
   <body>
-    Apple Pie
 
-    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! 
+    <header class="applepieImg">
+    <h1>Apple Pie</h1>
+    </header>
+   
+    <section class="intro">
+      <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>
+    </section>
     
-    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
+    <div class="icons">
+      <img src="/lab-css-recipes-clone/apple-pie/images/recipe-info.png" alt="recipe info">
+    </div>
 
-    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. 
+    <section class="ingredients">
+      <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 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>
+  <div class="icons">
+    <img src="/lab-css-recipes-clone/apple-pie/images/cooking-info.png" alt="cooking info">
+  </div>
+  </section>
 
-    Place the bottom crust in your pan. Fill with apples, mounded
+<section class="directions">
+    <h2>Directions</h2>
+    <ol>
+    <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.</li>
+    <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.
-
-    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.
+    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>
+  </ol>
+    </section>
   </body>
 </html>
diff --git a/apple-pie/styles/style.css b/apple-pie/styles/style.css
index 7a55b4df4..6656f9294 100644
--- a/apple-pie/styles/style.css
+++ b/apple-pie/styles/style.css
@@ -20,5 +20,102 @@ body {
   font-family: "Helvetica", sans-serif;
 }
 
+
 /* STYLES */
-/* Write your CSS below */
\ No newline at end of file
+/* Write your CSS below */
+
+header {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 30px;
+}
+
+.applepieImg {
+background-image: url("/lab-css-recipes-clone/apple-pie/images/apple-pie.jpg");
+height: 500px;
+background-position: center;
+background-repeat: no-repeat;
+background-size: cover;
+}
+
+h1 {
+  color: white;
+  text-align: center;
+  font-size: 90px;
+}
+
+.intro {
+  font-size: 20px;
+  text-align: center;
+  display: block;
+  margin: 60px auto 20px auto;
+  width: 700px;
+  justify-content: center;
+  align-items: center;
+}
+
+.icons {
+  display: flex;
+  margin: 20px auto;
+  width: 700px;
+  justify-content: center;
+  align-items: center;
+}
+
+.icons img{
+  height: 60px;
+  width: auto;
+  padding-top: 10px;
+}
+
+.ingredients {
+    /* styling the container and the place of the elements within*/  
+  display: block;
+  margin: 30px auto;
+  width: 700px;
+  justify-content: center;
+  align-items: center;
+  border-top: solid 2px grey;
+  border-bottom: solid 2px grey;
+}
+
+.ingredients h2{
+  padding-top: 30px;
+  padding-bottom: 15px;
+}
+
+.ingredients ul {
+   /* adding more space from the left */  
+  margin-left: 50px;
+}
+
+.directions {
+   /* styling the container and the place of the elements within*/  
+  display: block;
+  margin: 30px auto;
+  width: 700px;
+  justify-content: center;
+  align-items: center;
+}
+
+.directions h2{
+  /* adding space between h2 and the ul */  
+  padding-bottom: 15px;
+}
+
+.directions ol {
+    /* Remove the default list style */  
+  margin-left: 50px;
+  list-style: none;
+}
+
+  ol > li{
+     /* Create a custom list counter */ 
+    counter-increment: listcounter;
+  }
+
+  ol > li::before{
+  /* Set the new style for the list markers */
+    content: counter(listcounter) ") ";
+  }
\ No newline at end of file
