diff --git a/src/about/index.html b/src/about/index.html
index aaed190..fd9b54a 100644
--- a/src/about/index.html
+++ b/src/about/index.html
@@ -13,8 +13,8 @@
             <ul>
                 <li><a href="..">Home</a></li>
                 <li><a href="#" id="current">About</a></li>
-                <li><a href="menu">Menu</a></li>
-                <li><a href="order">Order</a></li>
+                <li><a href="../menu">Menu</a></li>
+                <li><a href="../order">Order</a></li>
             </ul>
         </nav>
     </header>
@@ -23,7 +23,7 @@
         <section>
             <h2 class="title">About LCS Beacon Blend</h2>
             <div class="img-container">
-                <img src="../assets/img/coffee1.png" />
+                <img src="../assets/img/shop.jpg" />
             </div>
             <p>Beacon Blend is the coffee shop run by Lighthouse Christian School as a fundraiser. We serve many varieties of coffee with all of your favorite add-ons. All of our profit supports us to go to A.C.E.'s Regional and International Student Conventions. There, we compete in events in categories such as music, platform, athletics, art, photography, and more. The trip to ISC is where most of the money is spent because of the distance. We appreciate all of the support we receive through the coffee shop, and we aim to please all of our customers with the best service and quality we can.</p>
         </section>
@@ -41,8 +41,8 @@
             <ul>
                 <li><a href="..">Home</a></li>
                 <li><a href="#">About</a></li>
-                <li><a href="menu">Menu</a></li>
-                <li><a href="order">Order</a></li>
+                <li><a href="../menu">Menu</a></li>
+                <li><a href="../order">Order</a></li>
             </ul>
         </nav><br />
         <span>&copy;2024 Lighthouse Christian School</span><br />
diff --git a/src/assets/img/coffeemake.jpg b/src/assets/img/coffeemake.jpg
new file mode 100644
index 0000000..c1bfc4e
Binary files /dev/null and b/src/assets/img/coffeemake.jpg differ
diff --git a/src/assets/img/hotcoffee.jpg b/src/assets/img/hotcoffee.jpg
new file mode 100644
index 0000000..0aecefa
Binary files /dev/null and b/src/assets/img/hotcoffee.jpg differ
diff --git a/src/assets/img/icedcoffee.jpg b/src/assets/img/icedcoffee.jpg
new file mode 100644
index 0000000..ca9136f
Binary files /dev/null and b/src/assets/img/icedcoffee.jpg differ
diff --git a/src/assets/img/shop.jpg b/src/assets/img/shop.jpg
new file mode 100644
index 0000000..e7f6d30
Binary files /dev/null and b/src/assets/img/shop.jpg differ
diff --git a/src/assets/img/shop1.jpg b/src/assets/img/shop1.jpg
new file mode 100644
index 0000000..e109273
Binary files /dev/null and b/src/assets/img/shop1.jpg differ
diff --git a/src/index.html b/src/index.html
index 714b036..0bc97a1 100644
--- a/src/index.html
+++ b/src/index.html
@@ -53,13 +53,13 @@
         <section>
             <div class="flex">
                 <div class="img-container">
-                    <img src="assets/img/coffee1.png" />
+                    <img src="assets/img/shop.jpg" />
                 </div>
                 <div class="img-container">
-                    <img src="assets/img/coffee2.png" />
+                    <img src="assets/img/coffeemake.jpg" />
                 </div>
                 <div class="img-container">
-                    <img src="assets/img/machine.png" />
+                    <img src="assets/img/shop1.jpg" />
                 </div>
             </div>
         </section>
diff --git a/src/menu/index.html b/src/menu/index.html
index da6447c..5028364 100644
--- a/src/menu/index.html
+++ b/src/menu/index.html
@@ -12,18 +12,21 @@
         <nav>
             <ul>
                 <li><a href="..">Home</a></li>
-                <li><a href="about">About</a></li>
+                <li><a href="../about">About</a></li>
                 <li><a href="#" id="current">Menu</a></li>
-                <li><a href="order">Order</a></li>
+                <li><a href="../order">Order</a></li>
             </ul>
         </nav>
     </header>
     <main class="top">
         <h2 class="title">Menu</h2>
         <div class="button-container">
-            <a href="order" class="button">Order online</a>
+            <a href="../order" class="button">Order online</a>
         </div>
         <section>
+            <div class="img-container">
+                <img src="../assets/img/hotcoffee.jpg" />
+            </div>
             <h2 class="title">16oz Hot Drinks - $2.50 each</h2>
             <div class="ul-wrapper">
                 <ul>
@@ -35,8 +38,11 @@
                     <li>Hot Chocolate (available sugar-free)</li>
                 </ul>
             </div>
-            <div class="ul-wrapper">
+            <div class="img-container">
+                <img src="../assets/img/icedcoffee.jpg" />
+            </div>
             <h2 class="title">16oz Cold Drinks - $2.50 each</h2>
+            <div class="ul-wrapper">
                 <ul>
                     <li>Iced Coffee (Espresso and Milk)</li>
                     <li>Espresso (single or double)</li>
@@ -80,7 +86,7 @@
         <section class="extrapad">
             <h2 class="title">Sound good?</h2>
             <div class="button-container">
-                <a href="order" class="button button-alt">Order online now!</a>
+                <a href="../order" class="button button-alt">Order online now!</a>
             </div><br />
         </section>
     </main>
@@ -88,9 +94,9 @@
         <span>Beacon Blend</span><br />
         <ul>
             <li><a href="..">Home</a></li>
-            <li><a href="about">About</a></li>
+            <li><a href="../about">About</a></li>
             <li><a href="#">Menu</a></li>
-            <li><a href="order">Order</a></li>
+            <li><a href="../order">Order</a></li>
         </ul><br />
         <span>&copy;2024 Lighthouse Christian School</span><br />
         <span>Created for LCS and Student Conventions by David Jentes</span>
diff --git a/src/order/index.html b/src/order/index.html
index e0b9bf1..0097523 100644
--- a/src/order/index.html
+++ b/src/order/index.html
@@ -23,7 +23,7 @@
         <h2 class="title">Order Online</h2>
         <h2 class="title" id="menu1">Just want to browse the menu?</h2>
         <div class="button-container" id="menu2">
-            <a href="menu" class="button">Menu</a>
+            <a href="../menu" class="button">Menu</a>
         </div><br />
         <div class="button-container">
             <a href="../notetojudges.html" id="note">Note to judges about this page</a>