-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbooks.html
218 lines (208 loc) · 11.4 KB
/
books.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
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our Books</title>
<link rel="stylesheet" href="./Ourbooks.css">
</head>
<body>
<!-- Genre -->
<section class="genre" id="book">
<div class="navbar">
<ul>
<li class="items"><a href="./index.php">Home</a></li>
<li class="items"><a href="./services.html">Services</a></li>
<li class="items"><a href="./contactus.html">Contact Us</a></li>
</ul>
</div>
<h2 class="title"> A Plethora of Genres</h2>
<div class="gg">
<a href="./classics.php" class="book-card">
<div class="book-img">
<img class="image"
src="https://images.unsplash.com/photo-1553782749-5ab8693a5f4f?crop=entropy&cs=tinysrgb&fm=jpg&ixlib=rb-1.2.1&q=80&raw_url=true&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1078"
alt="coming">
</div>
<div class="book-footer">
<h4 class="genre-title">Classics</h4>
<div class="genre-info">
<p class="description">
<span><i class="lol">The classics have been around for decades, and were often
groundbreaking stories at their publish time, but have continued to be impactful for
generations, serving as the foundation for many popular works we read today.Work of
Charles Dickens,William Shakespeare ,Jane Eyre and many more classic authors await
you at our library.</i></span>
</p>
<div class="genre-details">
<p>125+ Books</p>
</div>
</div>
</div>
</a>
<a href="./mystery.php" class="book-card">
<div class="book-img">
<img class="image"
src="https://48b6yd3iigex2rv7g41h5sts-wpengine.netdna-ssl.com/wp-content/uploads/2020/03/what-is-a-mystery.jpg">
</div>
<div class="book-footer">
<h4 class="genre-title">Detective and Mystery</h4>
<div class="genre-info">
<p class="description">
<span><i class="lol">A genre of fiction that follows a crime (like a murder or a
disappearance) from the moment it is committed to the moment it is solved. Mystery
novels are often called “whodunnits” because they turn the reader into a detective
trying to figure out the who, what, when, and how of a particular crime.</i></span>
</p>
<div class="genre-details">
<p>150+ Books</p>
</div>
</div>
</div>
</a>
<a href="./fantasy.php" class="book-card">
<div class="book-img">
<img class="image" id="imgf" src="./Fantasy-genre.jpg">
</div>
<div class="book-footer">
<h4 class="genre-title">Fantasy</h4>
<div class="genre-info">
<p class="description">
<span><i class="lol">For many readers, fantasy provides desperately needed escapism so they
can endure the difficulties of everyday life. Even when conjured characters inhabit
a recognizable world and speak to the human condition, fictional stories can pull
readers out of their own heads.</i></span>
</p>
<div class="genre-details">
<p>200+ Books</p>
</div>
</div>
</div>
</a>
<a href="./fiction.php" class="book-card">
<div class="book-img">
<img class="image"
src="https://orion-uploads.openroadmedia.com/sm_254bdff4b0c6-md_2d7c5acacd29-literary-fiction.jpg"
alt="coming">
</div>
<div class="book-footer">
<h4 class="genre-title">Literary Fiction</h4>
<div class="genre-info">
<p class="description">
<span><i class="lol">Though it can be seen as a broad genre that encompasses many others,
literary fiction refers to the perceived artistic writing style of the author. Their
prose is meant to evoke deep thought through stories that offer personal or social
commentary on a particular theme.</i></span>
</p>
<div class="genre-details">
<p>425+ Books</p>
</div>
</div>
</div>
</a>
<a href="./self-help.php" class="book-card">
<div class="book-img">
<img class="image" src="https://m.media-amazon.com/images/I/41hWU-zMglL.jpg" alt="coming">
</div>
<div class="book-footer">
<h4 class="genre-title">Self-Help</h4>
<div class="genre-info">
<p class="description">
<span><i class="lol">Whether the focus is on emotional well-being, finances, or
spirituality, self-help books center on encouraging personal improvement and
confidence in a variety of facets of your life. They hold the power to inspire and
motivate people from any creed or race.</i></span>
</p>
<div class="genre-details">
<p>70+ Books</p>
</div>
</div>
</div>
</a>
<a href="./scifi.php" class="book-card">
<div class="book-img">
<img class="image"
src="https://hips.hearstapps.com/hmg-prod.s3.amazonaws.com/images/best-alien-books-1623956018.jpg?crop=0.469xw:1.00xh;0.266xw,0&resize=640:*"
alt="coming">
</div>
<div class="book-footer">
<h4 class="genre-title">Science Fiction (Sci-Fi)</h4>
<div class="genre-info">
<p class="description">
<span><i class="lol">Though they're often thought of in the same vein as fantasy, what
distinguishes science fiction stories is that they lean heavily on themes of
technology and future science. You'll find apocalyptic and dystopian novels in the
sci-fi genre as well.</i></span>
</p>
<div class="genre-details">
<p>150+ Books</p>
</div>
</div>
</div>
</a>
<a href="./romance.php" class="book-card">
<div class="book-img">
<img class="image" src="https://i.pinimg.com/736x/42/c9/c1/42c9c177c8338e7d1b7451e7b3c85e6c.jpg">
</div>
<div class="book-footer">
<h4 class="genre-title">Romance</h4>
<div class="genre-info">
<p class="description">
<span><i class="lol">Oh romance, how could we ever resist you? The genre that makes your
heart all warm and fuzzy focuses on the love story of the main protagonists. This
world of fiction is extremely wide-reaching in and of itself, as it has a variety of
sub-genres including: contemporary romance, historical and paranormal. If you're in
need of any suggestions, we've got a list of the best romances of all time and the
top picks of the year.</i></span>
</p>
<div class="genre-details">
<p>100+ Books</p>
</div>
</div>
</div>
</a>
<a href="./autobiography.php" class="book-card">
<div class="book-img">
<img class="image"
src="https://amandakassner.com/wp-content/uploads/2019/11/jason-wong-355373-unsplash_0_0.jpg"
alt="coming">
</div>
<div class="book-footer">
<h4 class="genre-title">Biographies and Autobiographies</h4>
<div class="genre-info">
<p class="description">
<span><i class="lol">Serving as an official account of the details and events of a person's
life span, autobiographies are written by the subject themselves, while biographies
are written by an author who is not the focus of the book.</i></span>
</p>
<div class="genre-details">
<p>100+ Books</p>
</div>
</div>
</div>
</a>
<a href="./exams.php" class="book-card">
<div class="book-img">
<img class="image"
src="https://s35691.pcdn.co/wp-content/uploads/2016/09/iStock_87294393_LARGE.160928.jpg">
</div>
<div class="book-footer">
<h4 class="genre-title">Competitive exam books</h4>
<div class="genre-info">
<p class="description">
<span><i class="lol">Be it JEE, NEET ,UPSC , GATE and many other competitive exams that
lakhs of students in India appear for, we have the best books for your preparation.
We have an exclusive section dedicated to Mathematics, General awareness and Current
Affairs, Political Science and Biology for our scholars. </i></span>
</p>
<div class="genre-details">
<p>300+ Books</p>
</div>
</div>
</div>
</a>
</div>
</section>
</body>
</html>