-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathaboutpage.php
More file actions
253 lines (202 loc) · 9.07 KB
/
aboutpage.php
File metadata and controls
253 lines (202 loc) · 9.07 KB
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
<?php
include 'configuration.php';
session_start();
$user_id = $_SESSION['user_id'];
if (!isset($user_id)) {
header('location:loginpage.php');
}
?>
<!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>about</title>
<!--Font awesome cdn link-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
<!--Custom css file link-->
<link rel="stylesheet" href="css/registrationstyle.css" />
</head>
<body>
<?php include 'header.php'; ?>
<div class="heading">
<h3>about us</h3>
<p> <a href="homepage.php">home</a> / about </p>
</div>
<section class="about">
<div class="flex">
<div class="image">
<img src="images/about-img.jpg" alt="">
</div>
<div class="content">
<h3>why choose us?</h3>
<p>Welcome to Within the Covers, your very own online book club to connect with fellow bookworms and delve into the magic of literature!
<p>Our aim is to build an online community full of readers sharing their honest opinions.
</p>
<p>We're a passionate community of readers from all walks of life, united by our love of getting lost within the covers of a good book.
<br> If you still have questions, don't be shy to reach out to us
</p>
<a href="contactpage.php" class="btn">contact us</a>
</div>
</div>
</section>
<section class="reviews">
<h1 class="title">Our client's reviews</h1>
<div class="box-container">
<div class="box">
<img src="images/pic-1.jpg" alt="">
<p>Joining Within the Covers has been a game-changer for my reading life!
<br>I used to struggle to finish books on my own, but the discussions and shared enthusiasm really motivate me.
</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<h3>Madeline J.</h3>
</div>
<div class="box">
<img src="images/pic-2.jpg" alt="">
<p>I love the convenience of this online book club.
<br>I can participate in the discussions at my own pace, in between work and family commitments.
<br>It's a great way to explore new genres and rediscover the joy of discussing books with others.
</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<h3>David 0.</h3>
</div>
<div class="box">
<img src="images/pic-3.jpg" alt="">
<p>It's a wonderful community of friendly and passionate readers. The online format allows me to connect with people who share my love of literature, even though we're miles apart.
<br>Highly recommend!
</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<h3>Evangeline</h3>
</div>
<div class="box">
<img src="images/pic-4.jpg" alt="">
<p>As someone who's always loved reading but felt a bit shy about book clubs, Within the Covers has been perfect.
<br>I can participate as much or as little as I'm comfortable with, and the online format feels safe and inclusive.
</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<h3>Ruth</h3>
</div>
<div class="box">
<img src="images/pic-5.jpg" alt="">
<p>Working full-time as a doctor leaves me with precious little free time for hobbies. That's why Within the Covers is such a lifesaver!
I can participate in the discussions at any time, even during a quick lunch break. The online format allows for a diverse range of voices and perspectives too.
</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<h3>Johnathan</h3>
</div>
<div class="box">
<img src="images/pic-6.png" alt="">
<p>As a lifelong introvert, the idea of joining a traditional book club always felt intimidating. [Club Name]'s online format provided the perfect solution! I can participate in the discussions at my own pace, without feeling pressured to speak up in a larger group.
</p>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<h3>Chisom</h3>
</div>
</div>
</section>
<section class="authors">
<h1 class="title">our popular authors</h1>
<div class="box-container">
<div class="box">
<img src="images/author-1.jpg" alt="">
<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-instagram"></a>
<a href="#" class="fab fa-linkedin"></a>
</div>
<h3>Holly Black</h3>
</div>
<div class="box">
<img src="images/author-2.jpeg" alt="">
<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-instagram"></a>
<a href="#" class="fab fa-linkedin"></a>
</div>
<h3>Chimamanda Ngozi Adichie</h3>
</div>
<div class="box">
<img src="images/author-3.jpeg" alt="">
<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-instagram"></a>
<a href="#" class="fab fa-linkedin"></a>
</div>
<h3>James Clear</h3>
</div>
<div class="box">
<img src="images/author-4.jpg" alt="">
<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-instagram"></a>
<a href="#" class="fab fa-linkedin"></a>
</div>
<h3>Bola Sokunobi</h3>
</div>
<div class="box">
<img src="images/author-5.jpg" alt="">
<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-instagram"></a>
<a href="#" class="fab fa-linkedin"></a>
</div>
<h3>Robert Kiyosaki</h3>
</div>
<div class="box">
<img src="images/author-6.webp" alt="">
<div class="share">
<a href="#" class="fab fa-facebook-f"></a>
<a href="#" class="fab fa-twitter"></a>
<a href="#" class="fab fa-instagram"></a>
<a href="#" class="fab fa-linkedin"></a>
</div>
<h3>Adalyn Grace</h3>
</div>
</div>
</section>
<?php include 'footer.php'; ?>
<!-- custom js file link -->
<script src="js/homescript.js"></script>
</body>
</html>