-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnewarrivals.html
95 lines (81 loc) · 4.49 KB
/
newarrivals.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<!-- Final Project: Contact page -->
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="css/projectstyles.css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="This webpage contains information about some of the newest books in different categories">
<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dokdo" rel="stylesheet">
<link rel="icon" href="favicon.ico">
<title>Books and Mortar | New Arrivals</title>
</head>
<body>
<header><img class="banner" src="images/books-and-mortar.jpg" alt="Banner of the company"></header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li class="dropdown">
<a href="books.html">Books</a>
<div class="phone-desktop dropdown-content">
<a href="newarrivals.html">New Arrivals</a>
<a href="bestsellers.html">Best Sellers</a>
<a href="staffpicks.html">Staff Picks</a>
</div>
<ul class="sub-ul">
<li class="phone-mobile"><a href="newarrivals.html">New Arrivals</a></li>
<li class="phone-mobile"><a href="bestsellers.html">Best Sellers</a></li>
<li class="phone-mobile"><a href="staffpicks.html">Staff Picks</a></li>
</ul>
</li>
<li><a href="events.html">Events</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="cafemenu.html">Cafe</a></li>
</ul>
</nav>
<div id="content">
<h1>Newly Arrived Books</h1>
<article>
<h2 class="centered">Some of our Newest Psychological thrillers!</h2>
<div class="book-container">
<img class="book phone-desktop" src="images/thelast.jpg" alt="The Last Woman in the Forest by Diane les Becquets">
<img class="book phone-desktop" src="images/beforeshe.jpg" alt="Before She Knew Him by Peter Swanson">
<img class="book" src="images/inspection.jpg" alt="Inspection by Josh Malerman">
</div>
<p class="textchange">These books have arrived hot on the scene, full of intrigue and rife with dark passion for any avid reader! Whether you are a fan of the genre or not, these are guaranteed to be truly an interesting read!</p>
</article>
<article>
<h2 class="centered">The Latest and Greatest Fantasy Books</h2>
<div class="book-container">
<img class="book phone-desktop" src="images/sherwood.jpg" alt="Sherwood by Meagan Spooner">
<img class="book phone-desktop" src="images/superman.jpg" alt="Superman: Dawnbreaker by Matt De La Pena">
<img class="book" src="images/wildcountry.jpg" alt="Wild Country by Anne Bishop">
</div>
<p class="textchange">Dive into a whole different in these fantastical stories, built upon the fictions of these writers minds. These tales take people who would ordinarily be seen as being, well, ordinary, and turn them into something superhuman. Or perhaps, a "Super-man", if you will!</p>
</article>
<article>
<h2 class="centered">The Newest in Practical Skills</h2>
<div class="book-container">
<img class="book phone-desktop" src="images/whitefragility.jpg" alt="White Fragility: Why It's So Hard for White People to Talk About Racism by Robin DiAngelo">
<img class="book phone-desktop" src="images/theview.jpg" alt="The View from the Cheap Seats: Selected Nonfiction by Neil Gatman">
<img class="book" src="images/summary.jpg" alt="Summary: The Book of Joy by the Dalai Lama & Desmond Tutu by Nutshell Publishing">
</div>
<p class="textchange">These provide information relevant to our current societal situation. Keep up with the times by diving into these thick tomes, full of wisdom and insight into the world around us, and how we can help to shift it little by little towards a better place.</p>
</article>
<article>
<h2 class="centered">View our Other Books, Best Sellers and Staff Picks, Through these Links:</h2>
<ul class="ul-links">
<li class="li-links"><a class="linkul" href="newarrivals.html">New Arrivals</a></li>
<li class="li-links"><a class="linkul" href="bestsellers.html">Best Sellers</a></li>
<li class="li-links"><a class="linkul" href="staffpicks.html">Staff Picks</a></li>
</ul>
</article>
</div> <!-- end id=content -->
<footer>
<p>© Books and Mortar.<br>Client Support: <a class="phone-mobile" href="tel:6164667743">(616) 466-7743</a><span class="phone-desktop">(616) 466-7743</span></p>
</footer>
</body>
</html>