-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
189 lines (162 loc) · 7.83 KB
/
index.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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="with=devices-width, initial-scale=1.0">
<title>Matthew's Bookstore</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=DynaPuff:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<section class="header">
<nav>
<a href="index.html"><img src="images/logo-removebg-preview (1).png"></a>
<div class="nav-links" id="navLinks">
<i class="fa fa-times" onclick="hideMenu()"></i>
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="books.html">BOOKS</a></li>
<li><a href="discount&vouchers.html">DISCOUNTS & VOUCHERS</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div>
<i class="fa fa-bars" onclick="showMenu()"></i>
</nav>
<div class="text-box">
<h1>The Top Book Store In Laguna</h1>
<p>A capacity, and taste, for reading gives acces whatever has<br>been discovered by others.</p>
<a href="" class="hero-btn">Visit Us TO Know More</a>
</div>
</section>
<!----- Books ----->
<section class="Books">
<h1>Our Selection Of Best Novels</h1>
<p>This novels is considered the "Greatest Book Ever Written"</p>
<div class="row">
<div class="books-col">
<h3>Tracy Flick Can't Win, by Tom Perrotta</h3>
<p>Nearly 25 years after Election was published, Perrotta's hyper-competent heroine returns. Now in her forties, Tracy Flick is ruminating on roads not taken: the #MeToo movement causes her to question a long-ago sexual encounter with a teacher, while caretaking responsibilities have dashed her law school dreams and led her back to Green Meadow High School as the beleaguered assistant principal. With her boss set to retire, Tracy seems like a shoe-in for the top job—but first, she’ll have to overcome the male stakeholders seeking to derail her ascension. Told with Perrotta’s piercing wit, wisdom, and exquisite insight into human folly, Tracy’s second act delivers acerbic insight about frustrated ambition.</p>
</div>
<div class="books-col">
<h3>Phasers On Stun!, by Ryan Britt</h3>
<p>Whether you're a tried and true Trekkie or a newbie hooked on Strange New Worlds, there's something for every science fiction obsessive in this lively cultural history of Star Trek. Through extensive reporting and research, Britt takes us inside the franchise's nearly sixty-year history, from its influence on diversifying the space program to its history-making strides for LGBTQIA+ representation. Featuring interviews with multiple generations of cast members and creatives, Phasers On Stun! merrily surprises, informs, and entertains. Read an exclusive excerpt about Star Trek's efforts to diversify television here at Esquire.</p>
</div>
<div class="books-col">
<h3>Raising Lazarus, by Beth Macy</h3>
<p>Macy’s gripping follow-up to the mega-bestselling Dopesick finds her in a familiar milieu: back on the frontlines of the opioid crisis, where she embeds with healthcare workers, legislators, and activists seeking to save lives and heal communities. Where Dopesick focused on addiction sufferers and their families, Raising Lazarus turns the lens to the fight for justice, from the prosecution of the Sackler family to the reformers pioneering innovative treatments for the afflicted. Enlightening and exhaustive, it’s at once a damning exposé about greed and a moving paean to the power of community activism.</p>
</div>
</div>
</section>
<!----- best selling books ----->
<section class="artemis">
<h1> Our Best Seller Novels Books</h1>
<p>Being a best seller doesnt mean they wrote great book.</p>
<div class="row">
<div class="arkin-col">
<img src="images/pink.jpg">
<div class="layer">
<h3>THE PINK HOTEL</h3>
</div>
</div>
<div class="arkin-col">
<img src="images/nuclear.jpg">
<div class="layer">
<h3>NUCLEAR FAMILY</h3>
</div>
</div><div class="arkin-col">
<img src="images/night.jpg">
<div class="layer">
<h3>NIGHT OF THE LIVING REZ</h3>
</div>
</div>
</div>
</section>
<!----- store ----->
<section class="store">
<h1>Our Local Stores</h1>
<p>When you buy from a small business, an actual person does a little happy dance.</p>
<div class="row">
<div class="stores-col">
<img src="images/store1.webp">
<h3>LOS BAÑOS</h3>
<p>"Wherever I go, bookstores are still the closest thing to a town square."</p>
</div>
<div class="stores-col">
<img src="images/store2.webp">
<h3>CALAMBA</h3>
<p>"So often, a visit to a Bookshop has cheered me, and reminded me that there are goodthings
in the world."</p>
</div><div class="stores-col">
<img src="images/store3.webp">
<h3>SANTA ROSA</h3>
<p>"A town isn't a town without a bookstore."</p>
</div>
</div>
</section>
<!----- testimonials ----->
<section class="testimonials">
<h1>What Our Says</h1>
<p>A customer is an individual or business that purchases
the goods or services of another business.</p>
<div class="row">
<div class="testimonial-col">
<img src="images/user1.jpg">
<div>
<p>The staff went above and beyond at all times, from suggesting books and then assisting
me from choosing books.</p>
<h3>Artemis Fowl</h3>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</div>
</div>
<div class="testimonial-col">
<img src="images/user2.png">
<div>
<p>I will undoubtedly continue to purchase books because of their excellent quality.</p>
<h3>Sheldon Cooper</h3>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half-o"></i>
</div>
</div>
</div>
</section>
<!----- Call to Action ------>
<section class="cta">
<h1>Contact Us For Further Inquiries</h1>
<a href="" class="hero-btn">CONTACT US</a>
</section>
<!----- Footer ------>
<section class="footer">
<h4>About Us</h4>
<p>We endeavor to broaden consumer loyalty by providing books simple easy
using web indexes, brisk and easy-to-understand <br>installment alternatives,
and snappier conveyance frameworks. Upside to the majority of this, <br>we are
arranged to give energizing offers and charming limits on our book</p>
<div class="icons">
<i class="fa fa-facebook"></i>
<i class="fa fa-twitter"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-linkedin"></i>
</div>
<p>Made with <i class="fa fa-hand-o-right"></i>by Matthew Labrador</p>
</section>
<!------Java Script Toggle Menu------>
<script>
var navLinks = document.getElementById("navLinks");
function showMenu(){
navLinks.style.right = "0";
}
function hideMenu(){
navLinks.style.right ="-200px";
}
</script>
</body>
</html>