Final before image

src/about/index.html

@@ -10,7 +10,7 @@
         <header>
             <img src="../assets/img/banner.png">
             <a href="../index.html">Home</a>
-            <a href="#" class="current">About</a>
+            <a href="#" class="current">About the author</a>
             <a href="../book1/index.html">Lyza the Sheepdog: Christmas</a>
             <a href="../book2/index.html">Lyza the Sheepdog: The Flood</a>
         </header>

src/assets/css/main.css

@@ -58,7 +58,7 @@ header img {
     height: auto;
 }
 
-header a, .fp-header a {
+header a, .fp-header a, .order-button {
     list-style-type: none;
     margin: 0px;
     padding: 10px;
@@ -71,9 +71,10 @@ header a, .fp-header a {
     text-decoration: none;
     font-family: "M PLUS 1", sans-serif;
     border-radius: 25px;
+    border: none;
 }
 
-header a:hover, .fp-header a:hover {
+header a:hover, .fp-header a:hover, .order-button:hover {
     background-color: #d2691e;
 }
 

src/book1/index.html

@@ -10,7 +10,7 @@
         <header>
             <img src="../assets/img/banner.png">
             <a href="../index.html">Home</a>
-            <a href="../about/index.html">About</a>
+            <a href="../about/index.html">About the author</a>
             <a href="#" class="current">Lyza the Sheepdog: Christmas</a>
             <a href="../book2/index.html">Lyza the Sheepdog: The Flood</a>
         </header>
@@ -29,6 +29,11 @@
                     <p>When you read this book, you enter the world of Lyza the Sheepdog, a world where the event of Jesus' birth and all things that came before are the same, and we can see the fictional responses of the animals.  </p>
 
                     <p>This book was released in December of 2020.</p>
+
+                    <form action="../order.html">
+                        <input type="number" id="quantity" name="quantity" min="1" max="10" placeholder="#">
+                        <input type="submit" value="Order" class="order-button" />
+                    </form>
                 </div>
         </main>
     </div>

src/book2/index.html

@@ -10,7 +10,7 @@
         <header>
             <img src="../assets/img/banner.png">
             <a href="../index.html">Home</a>
-            <a href="../about/index.html">About</a>
+            <a href="../about/index.html">About the author</a>
             <a href="../book1/index.html">Lyza the Sheepdog: Christmas</a>
             <a href="../book2/index.html" class="current">Lyza the Sheepdog: The Flood</a>
         </header>
@@ -29,6 +29,11 @@
                     <p>When you read this book, you enter the world of Lyza the Sheepdog, a world where the event of Jesus' birth and all things that came before are the same, and we can see the fictional responses of the animals.  </p>
 
                     <p>This book was released in December of 2021.</p>
+
+                    <form action="../order.html">
+                        <input type="number" id="quantity" name="quantity" min="1" max="10" placeholder="#">
+                        <input type="submit" value="Order" class="order-button" />
+                    </form>
                 </div>
         </main>
     </div>

src/index.html

@@ -10,7 +10,7 @@
         <header>
             <img src="assets/img/banner.png">
             <a href="#" class="current">Home</a></li>
-            <a href="about/index.html">About</a>
+            <a href="about/index.html">About the author</a>
             <a href="book1/index.html">Lyza the Sheepdog: Christmas</a>
             <a href="book2/index.html">Lyza the Sheepdog: The Flood</a>
         </header>
@@ -36,7 +36,7 @@
             <div class="flex-w">
                 <div>
                     <h2>Where to buy</h2>
-                    <p>Lyza the Sheepdog books are available at various retailers, including Walmart, Target, Barnes and Noble, and Books a Million.</p>
+                    <p>Lyza the Sheepdog books are available at various retailers, including Amazon, Walmart, Target, Barnes and Noble, and Books a Million.</p>
                 </div>
                 <div>
                     <h2>About the author</h2>

src/order.html

@@ -0,0 +1,5 @@
+Dear judges,<br><br>
+This has not been fully set up for the reasoning that these books have not actually been printed, let alone written, and it would take extra work to set up a system to handle the orders. If this was an actual website, I would use the Stripe API (application programming interface) to make the store. I have already done this before, outside of convention or school projects.<br><br>
+<span style="float: right;">Sincerely,<br>David Jentes</span><br><br>
+
+P.S.: If you wish to go back to the homepage to see the site more, click <a href="index.html">this link</a>.