Final before image

master
DavidDGTNT 2022-02-11 02:11:15 +00:00
parent 02425ea922
commit 1967ca4136
6 changed files with 23 additions and 7 deletions

View File

@ -10,7 +10,7 @@
<header> <header>
<img src="../assets/img/banner.png"> <img src="../assets/img/banner.png">
<a href="../index.html">Home</a> <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="../book1/index.html">Lyza the Sheepdog: Christmas</a>
<a href="../book2/index.html">Lyza the Sheepdog: The Flood</a> <a href="../book2/index.html">Lyza the Sheepdog: The Flood</a>
</header> </header>

View File

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

View File

@ -10,7 +10,7 @@
<header> <header>
<img src="../assets/img/banner.png"> <img src="../assets/img/banner.png">
<a href="../index.html">Home</a> <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="#" class="current">Lyza the Sheepdog: Christmas</a>
<a href="../book2/index.html">Lyza the Sheepdog: The Flood</a> <a href="../book2/index.html">Lyza the Sheepdog: The Flood</a>
</header> </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>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> <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> </div>
</main> </main>
</div> </div>

View File

@ -10,7 +10,7 @@
<header> <header>
<img src="../assets/img/banner.png"> <img src="../assets/img/banner.png">
<a href="../index.html">Home</a> <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="../book1/index.html">Lyza the Sheepdog: Christmas</a>
<a href="../book2/index.html" class="current">Lyza the Sheepdog: The Flood</a> <a href="../book2/index.html" class="current">Lyza the Sheepdog: The Flood</a>
</header> </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>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> <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> </div>
</main> </main>
</div> </div>

View File

@ -10,7 +10,7 @@
<header> <header>
<img src="assets/img/banner.png"> <img src="assets/img/banner.png">
<a href="#" class="current">Home</a></li> <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="book1/index.html">Lyza the Sheepdog: Christmas</a>
<a href="book2/index.html">Lyza the Sheepdog: The Flood</a> <a href="book2/index.html">Lyza the Sheepdog: The Flood</a>
</header> </header>
@ -36,7 +36,7 @@
<div class="flex-w"> <div class="flex-w">
<div> <div>
<h2>Where to buy</h2> <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>
<div> <div>
<h2>About the author</h2> <h2>About the author</h2>

5
src/order.html Normal file
View File

@ -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>.