diff --git a/image-instructions/1-icon.jpg b/image-instructions/1-icon.jpg
new file mode 100644
index 0000000..a2b9514
Binary files /dev/null and b/image-instructions/1-icon.jpg differ
diff --git a/image-instructions/2-icon.jpg b/image-instructions/2-icon.jpg
new file mode 100644
index 0000000..71f37e4
Binary files /dev/null and b/image-instructions/2-icon.jpg differ
diff --git a/image-instructions/3-icon.jpg b/image-instructions/3-icon.jpg
new file mode 100644
index 0000000..2a75772
Binary files /dev/null and b/image-instructions/3-icon.jpg differ
diff --git a/image-instructions/location-icon.png b/image-instructions/location-icon.png
new file mode 100644
index 0000000..2beb8ec
Binary files /dev/null and b/image-instructions/location-icon.png differ
diff --git a/image-instructions/starbucks.jpeg b/image-instructions/starbucks.jpeg
new file mode 100644
index 0000000..14f1224
Binary files /dev/null and b/image-instructions/starbucks.jpeg differ
diff --git a/images b/images
new file mode 100644
index 0000000..e69de29
diff --git a/page.html b/page.html
index fef9f8d..d07454e 100644
--- a/page.html
+++ b/page.html
@@ -28,6 +28,49 @@
     <!--------------------MAIN----------------------------------->
     <main></main>
 
-    <footer></footer>
+    <footer>
+      <!--------------------FOOTER---------------------------------->
+      <h3 class="main-footer-heading">Getting started is easy</h3>
+      <p class="main-footer-paragraph">
+        Earn Stars and get rewarded in a few easy steps
+      </p>
+
+      <div class="box-container">
+        <div class="box-1">
+          <div>
+            <img src="image-instructions/1-icon.jpg" />
+          </div>
+          <h3>Create an account</h3>
+          <p>
+            To get started, <a href="#">join now</a>.You can also
+            <a href="#">join in the app</a> to get access to the full range
+            Starbucks' Rewards benefits.
+          </p>
+        </div>
+
+        <div class="box-2">
+          <div>
+            <img src="image-instructions/2-icon.jpg" />
+          </div>
+          <h3>Order and pay how you'd like</h3>
+          <p>
+            Use cash credit/debit card or save some time and pay right through
+            the app.You'll collect the stars all ways.<a href="#">Learn how</a>
+          </p>
+        </div>
+
+        <div class="box-3">
+          <div>
+            <img src="image-instructions/3-icon.jpg" />
+          </div>
+
+          <h3>Earn Stars, get Rewards</h3>
+          <p>
+            As you earn stars, you can redeem them for Rewards-like free food,
+            drinks, and more.Start redeeming with as little as 25 Stars!
+          </p>
+        </div>
+      </div>
+    </footer>
   </body>
 </html>
diff --git a/styles.css b/styles.css
index f184ed6..680ec70 100644
--- a/styles.css
+++ b/styles.css
@@ -10,3 +10,72 @@
   --Green: hsl(157, 90%, 24%);
   --Black: #333;
 }
+
+/*---------------FOOTER------------------ */
+
+footer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  column-gap: 70px;
+  background-color: #f3f1e7;
+  padding-top: 90px;
+  padding-bottom: 90px;
+}
+
+.main-footer-heading {
+  text-align: center;
+  font-size: 25px;
+  padding-bottom: 20px;
+}
+
+.main-footer-paragraph {
+  font-size: 17px;
+  text-align: center;
+}
+
+footer img {
+  width: 70px;
+  height: 70px;
+  border-radius: 50%;
+}
+
+.box-container {
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  column-gap: 10px;
+  padding: 50px;
+}
+
+.box-1,
+.box-2,
+.box-3 {
+  width: 30%;
+  font-weight: 500;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  row-gap: 15px;
+}
+
+.box-1 p,
+.box-2 p,
+.box-3 p {
+  font-size: 17.5px;
+  text-align: center;
+  line-height: 40px;
+  width: 70%;
+}
+
+.box-1 h3,
+.box-2 h3,
+.box-3 h3 {
+  text-align: center;
+  font-size: 25px;
+}
+
+.box-1 a,
+.box-2 a {
+  color: var(--Green);
+}