-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
429 lines (402 loc) · 21.5 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
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
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/fontawesome/css/all.min.css">
<link rel="stylesheet" type="text/css" href="styles.css">
<title></title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">
<img src="assets/images/my-logo.png" width="50px" height="30px" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link font-weight-bold" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link font-weight-bold" href="#About">About</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle font-weight-bold" href="#Features" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Types of Books
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#christain books">Christain Books</a>
<a class="dropdown-item" href="#Magazines">Magazines</a>
<a class="dropdown-item" href="#Bible">Bible<br>of all kinds</a>
<a class="dropdown-item" href="#Science">science Books</a>
<a class="dropdown-item" href="#Medical">Medical Books</a>
<a class="dropdown-item" href="#foreign">Foreign Books</a>
<a class="dropdown-item" href="#french">French Books</a>
<a class="dropdown-item" href="#storey">Storey Books</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#Catalogue">Available Books</a>
</div>
</li>
<li class="nav-item">
<a href="#features" class="nav-link font-weight-bold">Features</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Catalogue" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
<div class="header">
<div class="container">
<div class="row text-center">
<div class="col-lg-12">
<h1><b style="color: blue;font-family: serif;">Welcome</b><br>To Amicable Library Site,
</h1>
<a href="#About" class="btn btn-primary about">About Us</a>
</div>
</div>
</div>
</div>
<div class="card bg-light" id="About">
<div class="card-header">
<h1 class="about text-primary text-center small">Amicable Library
<marquee behavior="scroll" direction="left "><b class="home-text">HOME OF BOOKS</b></marquee>
</h1>
<div class="row">
<div class="card-body col-lg-12 d-flex justify-content-between">
<!-- <div class="card-title text-info text-warning bg-warning col-lg-6 align-items-center"> -->
<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-100" src="assets/images/images3.jpeg" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/images4.jpeg" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/images6.jpeg" alt="Third slide">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/images7.jpeg" alt="Fort">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/images8.jpeg" alt="fift">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/images9.png" alt="sixth">
</div>
<div class="carousel-item">
<img class="d-block w-150" src="assets/images/my1.jpeg" alt="seventh">
</div>
<div class="carousel-item">
<img class="d-block w-100" src="assets/images/images11.jpeg" alt="eighth">
</div>
</div>
</div>
<!-- <img class="col-lg-5" src="assets/images/my12.jpeg"> -->
<!-- </div> -->
<div class=" text-center text-secondary font-weight-bold font-family-Serif col-lg-6">
<p class=" pr-5 text-left">
Amicable Library is a Private owned library,it is located at No.3 Rumuokoro Port Harcourt,
River state. <br><br>In my library we have so many kinds of books such as: Foreign, Nigeria, Natives, Bibles,
Ebooks,Audiobooks,newspapers,magazines,cookery books,cassets for video and music books, Jooter, Poets and
Christain Books, Our books are well arrenged accordingly and alphabatically we also have have online books
where you can download our books as a PDF file.
</p>
<p class="text-left"> We also borrow out books to school of different levels and
we also supply books to both the Government and all state owned Libraries, sos as to enable them have books
number of goods and quality books for quality things and so as to be able to meet up with every task of researches
in every field that's needed. Our Library operates with library cards and borrowers cards in order to guide our
boojs from losting and been in a bad condition.
</p>
<p class="text-left">We also work on a wonderful rules and regulation that requirers our customers signation and token of #500 fine
for rough handed of our books
</p>
<a href="#features" class="btn btn-primary">Features</a>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid bg-secondary my-4">
<div class="row">
<div class="col-lg-4 px-4">
<div class="card shadow text-primary text-center">
<p>
<i class="fas fa-map-marker-alt py-3">
We are located at No21 Rumuokoro,Port Harcourt</i>
</p>
</div>
</div>
<div class="col-lg-4 px-4">
<div class="card shadow text-center text-primary">
<p>
<i class="fas fa-headphones py-3"></i>
Music and Video Game</p>
</div>
</div>
<div class="col-lg-4 px-4">
<div class="card shadow text-center text-primary">
<p>
<i class="fas fa-file-audio py-3">
Books,ebooks and audiobooks
</i>
</p>
</div>
</div>
<div class="col-lg-4 py-2">
<div class="card shadow text-center text-primary">
<p>
<i class="fas fa-download py-3">Medicine and Magazines</i>
</p>
</div>
</div>
<div class="col-lg-4 py-2">
<div class="card shadow text-center text-primary">
<p>
<i class="fas fa-search py-3">Amicable Library</i>
</p>
</div>
</div>
<div class="col-lg-4 py-2">
<div class="card shadow text-center text-primary">
<p>
<i class="fas fa-edit py-3">Copy writes</i>
</p>
</div>
</div>
</div>
</div>
<div class="container-fluid bg-light" id="features">
<h5 class="text-center px-3 text-info">OUR</h5>
<img src="assets/images/feature1.jpeg" class="col-lg-3 ogechi py-4 " height="100%">
<div class="row">
<div class="col-lg-3 px-4 text-dark text-center"style="border-radius: 5px;border: 2px solid teal;">
<img src="assets/images/resource-library.jpeg" class="images">
<h5 class="py-3"> DIGITAL RESOURCES</h5><hr>
<p class="text-justify py-3 px-5 ">
Digital Objects:<br> Text books<br> Graphics books,<br>images, audio Ebooks,<br>offline-templates<br>video,
artifacts,<br>computer programs,<br>cataloques etc.
</p>
</div>
<div class="col-lg-3 px-4 text-center text-dark" style="border-radius: 5px;border: 2px solid teal;">
<img src="assets/images/images (51).jpeg" class="images">
<h5 class="py-1">TECHNOLOGICAL INFRASTRUCTURE</h5><hr>
<p class="text-justify py-3 px-5">
Computing,<br> storage<br>communication,<br>multimedia,<br>networks,<br>Internet,<br>web portal etc.
</p>
</div>
<div class="col-lg-3 px-4 text-center text-dark" style="border-radius: 5px;border: 2px solid teal;">
<img src="assets/images/images (48).jpeg" class="images">
<h5 class="py-3">EXPERIENCE & EXPERTISE</h5><hr>
<p class="text-justify py-3 px-5">
Knowledge<br>Skills,<br>images, audio,<br>competitioners <br>of practitioners <br>to operate, <br>manage and
<br> maintain AL system.
</p>
</div>
<div class="col-lg-3 px-4 text-dark text-center" style="border-radius: 5px;border: 2px solid teal;">
<img src="assets/images/images (49).jpeg" class="images49">
<h5 class="py-3">AL Services</h5><hr>
<p class="text-justify py-3 px-5">
Integrated access,<br>Online Retrieval,<br>Online delivery,<br>Integrated library Loan, <br>Resource sharing <br>
Library Training, <br>online installation etc.
</p>
</div>
</div>
</div>
<div class="container-fluid shadow px-5" id="Catalogue" style="background-color: rgb(248, 244, 238);">
<img src="assets/images/catalogue.jpeg" class="rounded mx-auto d-block px-3 py-3 col-lg-6" alt="Responsive image"
width="50%" height="280vh">
<h3 class="text-center py-1">Our</h3>
<h5 class="text-center" style="font-family: sans-serif;color: darkred;">CATALOGUE</h5>
<p class="text-center text-wrap text-justify">
Catalogue is the act of listing out all the items within a library, In precomputer times,in our <br>library our
books are indexed in card catalogue which were cabinet of drawers of index card, <br>author cards, title cards
and subject cards.
</p>
<div class="row justify-content-center">
<div class="col-4">
<h3 class="text-center shadow" style="margin-bottom: 10px;font-style: italic;color: rgb(77, 54, 3);"> Physical Forms of <br>Library Catalogue</h3>
</div>
</div>
<div class="row justify-content-around px-5" id="Christain Books">
<div class="col-4 py-5">
<h5 style="text-transform: uppercase;">Christain Books</h5>
<p style="text-transform: uppercase;">such as:<br> Christain Books<br>They are as fellows<br>Good morning Holy Spirit,<br>God can never Change<br
>God of Heaven and Earth <br>Where there is Good<br>HIs Majesty<br>Who is Jesus<br>Knowing God<br>Jesus Speaks<br>Husband after God</p>
<button class="btn btn-primary" type="submit">
<details>
<summary> Read more...</summary>
<p class="story text-justify px-2" style="text-transform: uppercase;font-family: 'Times New Roman', Times, serif;">
On Christain Theology<br>Prepare to meet Thy God,<br> Awaken the Giant<br>The Confession
<br>the cloud of unknowing<br>The Brothers Karamazov<br>Moral Man and Immoral Soxiety<br>Involucri edilizi
<br>Glass Construction manual<br>Open Heavens<br>Glory Days<br>Fith Still Moves Mountain<br>The Christian World
<br>Among the Innocent<br>Power of the Praying Woman<br>Power must change hands<br>The broken Chain<br>When God is Silence
<br>Politics in the Church<br>Modern Myths about Satan<br> Spiritual Warefare<br>Discpline making Minister<br> </p>
</details>
</button>
</div>
<div class="col-4 py-5">
<h5 style="text-transform: uppercase;"> magazines</h5>
<p style="text-transform: uppercase;">they are:<br>Guitar<br>City People<br>Red Capet<br>The News<br>Good health<br>Vogue<br>fashion you'll love<br>Prime Time<br>state
<br>Vanity Fair<br>Nnenna&friends
</p>
<button class="btn btn-primary" type="submit">
<details>
<summary> Read more...</summary>
<p class="story text-justify px-2" style="text-transform: uppercase; font-family: 'Times New Roman', Times, serif;">Time<br>Forbes<br>Wonderland
<br>Solitaire<br>Foriegn Affairs<br>Prestige<br>Grief&Outrage<br>foreignlanguage<br>allure<br>transaction services<br>vanidades<br>the incredible red panda<br>conan<br>bonjour<br>
national geographic<br>selecciones<br>entrepreneur<br>voice<br>vivi<br>business connect(bc)<br>business day<br>
the new yorker<br>gmaro <br>beyounce<br>vamos<br>e l l e<br>agua internarional<br>state<br>linux format<br>yoga
<br>bazaar<br>foreign policy in focus(fpif)<br>genius<br>nylon<br>The economist</p>
</details>
</button>
</div>
<div class="col-lg-4 animate-box py-5">
<h5 style="text-transform: uppercase;">Science Books</h5>
<p class="justify" style="text-transform: uppercase;">they are:<br>Relativity<br>The Body<br>History of Physics<br>History of Chemistry<br>Atomic Mass Calculator<br>Human Biolo<br>state of law
<br>Law of Philiosophers<br>Rule of Life<br>Rules of money<br>Rules of work</p>
<button class="btn btn-primary" type="submit">
<details>
<summary> Read more...</summary>
<p class="story text-justify px-2" style="text-transform: uppercase;font-family: 'Times New Roman', Times, serif;">
cosmos<br>an immense world<br>history of time
black nerd problems<br>science book box<br>the vaxxers<br>basic science and technology<br>infinte powers
<br>what is science<br>an immense world<br> the computer science book<br>data science from scratch<br>all in one
chemistry<br>life on mississippi<br>the compass of pleasure<br>everybody lies<br>the cse for mars<br>a life of
montaigne<br>graphic science<br>python data science book<br>the art of being brilliant<br>the brain<br>hackers</p>
</details>
</button>
</div>
</div>
<div class="row px-5 justify-content-end">
<div class="col-4 py-3">
<h5 style="text-transform: uppercase;">Bible</h5>
<p class="justify" style="text-transform: uppercase;">such as:<br>The Holy Bible<br>KJV King James Bible<br>Goodnews Bible<br>New American Standard
<br>New International Version<br>Common Englsh Bible<br>words of life<br>word of god<br>old testaments</p>
<button class="btn btn-primary" type="submit">
<details>
<summary> Read more...</summary>
<p class="story text-justify px-2" style="text-transform: uppercase;font-family: 'Times New Roman', Times, serif;">
Adult Bible<br>Children Bible<br>Gideons Bible<br>WCCRM charistmatic sign<br>Christain Women
<br>daily manner<br>forgive yourself<br>made to flourish<br>the daily message<br>seeing the word<br>
peaceful on purpose<br>a fortune for your disaster<br>the woman's atudy bible<br>the ten commandment<br>
men in the bible related and literature<br>52 weeks in the word<br>the books of the bible<br>feminist biblical
interpretation<br>bible charts<br>bible maps and time lines<br>teh books of wisdom and sirach</p>
</details>
</button>
</div>
<div class="col-4 py-3">
<h5 style="text-transform: uppercase;">Medical Books</h5>
<p class="justify" style="text-transform: uppercase;">Such as:<br> Humanan Antomy<br>Brain and its functions<br>Community Health<br>Pediatric specialist<br>
how to be a good midwife<br>Optemtry specialist<br>Medicine and surgrey<br>Nutrition scientist<br>Ecology</p>
<button class="btn btn-primary" type="submit">
<details>
<summary> Medical Books</summary>
<p class="story text-justify px-2" style="text-transform: uppercase;font-family: 'Times New Roman', Times, serif;">
medicinal chemistry<br>cardiology<br>surgery<br>pharmacology<br>clinical medicine<br>Medical
physiology<br>medical biochemistry<br>internal medicine<br>medical dictionary<br>drug handbook<br>medical
sciences<br>principles of surgery<br>gynaecology<br>clinical oncology<br>emergency medicine<br>grants dissector
<br>history of physiology</p>
</details>
</button>
</div>
<div class="col-4 py-3">
<h5 style="text-transform: uppercase;">Story Books</h5>
<p class="justify" style="text-transform: uppercase;">Such as:<br> Things Fall apart<br>And there was a country<br>sweet sixteen<br>facadoes high school<br>
my name is Obi<br>Where there is a will<br>Her fathers daughter<br>Behold he cometh<br>my books of bible story</p>
<button class="btn btn-primary" type="submit">
<details>
<summary> Read more...</summary>
<p class="story text-justify px-2" style="text-transform: uppercase; font-family: 'Times New Roman', Times, serif;">
home is not a country<br>the future
the velveteen rabbit<br>charlotte web<br>i'll fly away<br>swallowtail<br>lord of the butterflies<br>home is not a
a country<br>the hike<br>storytime<br>harry potter<br>read around the world<br> magical stories<br>emma and
the lost unicorn<br>take me with you<br>hansel&gretel<br>up in the air<br>sudha murty<br>jimmy's first day in school<br>
they cant kill us untill they kill us
</p>
</details>
</button>
</div>
</div>
</div>
<div class="container-fluid" style="background-color: rgb(2, 22, 12);">
<h6 class="text-light text-center py-5">Register with us</h6>
<div class="row">
<div class="col-lg-3"><h4 style="font-family: fantasy; color: rgb(245, 245, 79);">Amicable Library</h4>
<p style="font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;color: aliceblue;">Home of Books of
all kinds,<br>Christain Books,<br>Scientific Books,foreign Books, we deal on digital<br>Library which consist
<br>on Media, Audio<br>and Computerized Library etc
</p></div>
<div class="col-lg-3">
<h6 class="py-2" style="font-family: cursive;color: rgb(245, 245, 79);">follow us</h6>
<button style="width: 30px; border: none; float: left;color: blue; padding-top: -5px;">
<i class="fab fa-linkedin"></i></button>
<span style="color: white; font-size: small; font-style: italic; " class="px-2">
Linkedln
</span>
<br><br>
<button style="width: 30px; border: none; float: left; color: blue;">
<i class="fab fa-whatsapp"></i>
</button>
<span style="color: white;font-size: small; font-style: italic;" class="px-2">
whatsapp 08131896911
</span><br><br>
<button style="float: left;border: none; color: blue; padding-top: -5px;width: 30px;" class="px-2">
<i class="fas fa-envelope"></i>
</button>
<span style="color: white; font-size: small; font-style: italic;" class="px-2">
</span><br><br>
<button style="float: left;color: blue;width: 30px; border: none;" >
<i class="fab fa-twitter"></i> </button>
<span style="color: white;font-size: small;font-style: italic;" class="px-2">
Nwachukwu Modesta
</span>
</div>
<div class="col-lg-3 ">
<h4 style="color: rgb(245, 245, 79);">Newsletter</h4>
<form class="py-3">
<input class="form-control col-lg-8" type="text" name="username" placeholder="username" required="required" style="padding: 3px;">
<input class="form-control col-lg-8" type="password" name="password" placeholder="password" required="required" style="padding:3px; margin-top: 10px;">
<textarea class="form-control col-lg-8" placeholder="write here" style="padding: 10px;margin-top: 10px;"></textarea>
<button class="btn btn-outline-success ml-2 mt-3" name="submit" type="submit" value="submit">submit</button>
</form>
</div>
<div class="col-lg-3">
<div class="col-lg-3" style="margin-right: -600px;">
<h4 style="color:rgb(245, 245, 79) ;">homepage</h4>
<ul style="list-style-type: none;margin-top: 20px;">
<li class="text-light"><a href="index.html" style="color: white;">Home</a></li>
<li class="text-light" style="margin-top: 15px;"><a href="#features" style="color: white;">Features</a></li>
<li style="margin-top: 20px;"><a href="#About" style="color: white;">About</a></li>
</ul>
<form class="form-inline" style="margin-top: 25px;">
<input class="form-control mr-sm-2" type="search" placeholder="Catalogue" aria-label="Search">
<button class="btn btn-outline-success my-2 " type="submit">Search</button>
</form>
</div>
</div>
</div>
</div>
<div class="container-fluid bg-dark text-light">
<div class="row">
<div class="col-lg-12 py-3">
<h5 style="font-family: serif;">copyright <i class="fas fa-copyright">2023 all rights reserved | This Site is Made with
<i class="fas fa-heart" style="color: red;"></i> by Dev_Modest</i></h5>
<a href="#About" style="color: white;margin-left:1020px;margin-bottom: 30px;">
Terms & Conditions | Register | Privacy</a>
</div>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.js"></script>
<script src="assets/bootstrap/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/popper.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>