-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlibrary.htm
193 lines (174 loc) · 7.19 KB
/
library.htm
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
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="vendors/css/Grid.css">
<link rel="stylesheet" type="text/css" href="vendors/css/normalize.css">
<link rel="stylesheet" type="text/css" href="resources/CSS/design.css">
<link rel="stylesheet" type="text/css" href="vendors/css/ionicons.min.css">
<link href="https://fonts.googleapis.com/css?family=PT+Serif&display" rel="stylesheet" type="text/css">\
<title>library</title>
</head>
<body>
<header>
<nav>
<div class="row">
<img src="resources/img/logo.jpg" alt="library logo" class="logo">
<ul class="main-nav">
<li><a href="#">Home</a></li>
<li><a href="#">Help</a></li>
<li><a href="contact-form.htm">Contact us</a></li>
</ul>
</div>
</nav>
</header>
<div class="my-library">
<h1> the beaumont library</h1>
<a class="btn btn-full"href="#">click here</a>
<a class="btn btn-ghost" href="#">talk with us</a>
</div>
<section class="our-features">
<div class="row">
<h2>reasons why we are best</h2>
</div>
<div class="row">
<div class="col span-1-of-3 box">
<h3>opens 24*7</h3>
<p>you can come at anytime it is available 24*7.here you can read your favourite book at any time of the day.
</p>
</div>
<div class="col span-1-of-4 box">
<h3>take as much books</h3>
<p>you can issue as much books as you want. fill your shelf with your favourite books collection
</p>
</div>
<div class="col span-1-of-4 box">
<h3>all type of books</h3>
<p>we have books of all type of geners. you don't have to go anywhere to look for your favourite book. COME HERE we will give you
the book you want
</p>
</div>
</div>
</section>
<section class="membership-plans">
<div class="row">
<h2>membership plans</h2>
</div>
<div class="row">
<div class="col span-1-of-3">
<div class="plan-box">
<div>
<h3>gold</h3>
<p class="plan-price">300<span>/month</span></p>
<p class="plan-price-dis">this is our best plan</p>
</div>
<div>
<ul>
<li>20 days issue</li>
<li>come 24/7</li>
<li>take upto 4 books</li>
</ul>
</div>
<div>
<a href="#" class="btn btn-full">buy plan </a>
</div>
</div>
</div>
<div class="col span-1-of-3">
<div class="plan-box">
<div>
<h3>diamond</h3>
<p class="plan-price">500<span>/month</span></p>
<p class="plan-price-dis">best for bookworms</p>
</div>
<div>
<ul>
<li>25 days issue</li>
<li>come 24/7</li>
<li>take upto 5 books and 1 magazine</li>
</ul>
</div>
<div>
<a href="#" class="btn btn-ghost">buy plan </a>
</div>
</div>
</div>
<div class="col span-1-of-3">
<div class="plan-box">
<div>
<h3> platinum</h3>
<p class="plan-price">700 <span>/month</span></p>
<p class="plan-price-dis">for the nerds and geeks</p>
</div>
<div>
<ul>
<li>30 days issue</li>
<li>come 24*7</li>
<li>take unlimited books and upto 4 magazines</li>
</ul>
</div>
<div>
<a href="#" class="btn btn-ghost">buy plan </a>
</div>
</div>
</div>
</div>
</section>
<section class="customers-review">
<div class="row">
<h2>read what customers say about us</h2>
</div>
<div class="row">
<div class="col span-1-of-4">
<blockquote>
one of the best librarary till now in this country, I will personally recommend all the book lovers to go and read books in the library!
<cite><img src="resources/img/ashish.jpg">Ashish kumar mishra</cite>
</blockquote>
</div>
<div class="col span-1-of-4">
<blockquote>
the beumont library has all types of books you want. the interior of the library gives you the surrounding with which you can induldge
yourself into reading
<cite><img src="resources/img/shresth.jpg">Shresth dubey</cite>
</blockquote>
</div>
<div class="col span-1-of-4">
<blockquote>
in beumont library you will meet persons which you will like to interact with. you can talk to them , you can read your favourite books sipping the hot coffee!
<cite><img src="resources/img/harsh.jpg">Harsh pandey</cite>
</blockquote>
</div>
<div class="col span-1-of-4">
<blockquote>
the interior and ambience pf beumont library is best.The environment inside the library will make you the lover of books.And you will come here everyday.
<cite><img src="resources/img/jay.jpg">jay upadhayay</cite>
</blockquote>
</div>
</div>
</section>
<footer>
<div class="row">
<div class="col span-1-of-2">
<ul class="footer-nav">
<li><a href="https://bld.lib.ca.us/101/About-the-Library">About us</a></li>
<li><a href="http://libraryatbeaumontschool.blogspot.com/ ">Blog</a></li>
<li><a href="https://bld.lib.ca.us/faq.aspx">FAQ's</a></li>
<li><a href="#">iOS app</a></li>
<li><a href="#">Android App</a></li>
</ul>
</div>
<div class="col span-1-of-2">
<ul class="social-links">
<li><a href="https://www.facebook.com/search/top/?q=beaumont%20library%20district&epa=SEARCH_BOX"><i class="ion-social-facebook"></i></a></li>
<li><a href="https://twitter.com/beaulibrary?lang=en"><i class="ion-social-twitter"></i></a></li>
<li><a href="https://bld.lib.ca.us/"><i class="ion-social-googleplus"></i></a></li>
<li><a href="https://www.instagram.com/accounts/login/?next=/explore/locations/303105168/beaumont-library-district/"><i class="ion-social-instagram"></i></a></li>
</ul>
</div>
</div>
<div class="row">
<p>
copyright © 2019 by beumont library all rights reserved
</p>
</div>
</footer>
</body>
</html>