Change images and fix links

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="../menu">Menu</a></li>
-                <li><a href="order">Order</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="../menu">Menu</a></li>
-                <li><a href="order">Order</a></li>
+                <li><a href="../order">Order</a></li>
             </ul>
         </nav><br />
         <span>&copy;2024 Lighthouse Christian School</span><br />

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>

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>

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>