-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.php
More file actions
381 lines (330 loc) · 15.7 KB
/
Copy pathindex.php
File metadata and controls
381 lines (330 loc) · 15.7 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
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
<?php
include('includes/header.php');
?>
<!-- ======= Hero Section ======= -->
<section id="hero">
<div class="hero-container">
<h3>Welcome to <strong>Egalitarian</strong></h3>
<h1>We're Creative Team</h1>
<h2>We are team of talented designers</h2>
<a href="#about" class="btn-get-started scrollto">Get Started</a>
</div>
</section><!-- End Hero -->
<main id="main">
<!-- ======= About Section ======= -->
<section id="about" class="about">
<div class="container">
<div class="section-title">
<h2>About</h2>
<h3>Learn More <span>About Us</span></h3>
<p></p>
</div>
<div class="row content">
<div class="col-lg-6">
<p>
We poured our full potential to make this a wonderful thing ever created by our team.
</p>
<ul>
<li><i class="ri-check-double-line"></i> We are very keen to keep you in touch with you relations and us.</li>
<li><i class="ri-check-double-line"></i> we give you full power to control your precious data.</li>
<li><i class="ri-check-double-line"></i> You can access your data where ever you want.</li>
</ul>
</div>
<div class="col-lg-6 pt-4 pt-lg-0">
<p>
You can join our social media handles and if you want know more about us and our Team.
</p>
<a href="#" class="btn-learn-more">Learn More</a>
</div>
</div>
</div>
</section><!-- End About Section -->
<!-- ======= Services Section ======= -->
<section id="services" class="services">
<div class="container">
<div class="section-title">
<h2>Services</h2>
<h3>We do offer awesome <span>Services</span></h3>
<p>We handpick some amazing services just for you</p>
</div>
<div class="row">
<div class="col-md-6 col-12 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
<div class="icon-box">
<div class="icon"><i class="far fa-chart-bar"></i></div>
<h4 class="title"><a href="">Keep track of contacts</a></h4>
<p class="description">We offer you to add and manage contacts</p>
</div>
</div>
<div class="col-md-6 col-12 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
<div class="icon-box">
<div class="icon"><i class="fas fa-chart-pie"></i></div>
<h4 class="title"><a href="">Data management</a></h4>
<p class="description">You can get your personel data by signing in or sign up</p>
</div>
</div>
<div class="col-md-6 col-12 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
<div class="icon-box">
<div class="icon"><i class="bx bx-world"></i></div>
<h4 class="title"><a href="">Get access</a></h4>
<p class="description">You can access your data anywhere in the world</p>
</div>
</div>
<div class="col-md-6 col-12 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
<div class="icon-box">
<div class="icon"><i class="fas fa-comments"></i></div>
<h4 class="title"><a href="">Chatting services</a></h4>
<p class="description">We offer you to connect yourself to others by egalitarian to tighten the bond of relationship</p>
</div>
</div>
</div>
</div>
</section><!-- End Services Section -->
<!-- ======= Features Section ======= -->
<section id="features" class="features">
<div class="container">
<div class="section-title">
<h2>Features</h2>
<h3>Awesome features we deliver to you</h3>
<p>Best out of best features you get!</p>
</div>
<div class="row">
<div class="col-lg-3 col-md-4 col-6 col-6">
<div class="icon-box">
<i class="far fa-comments" style="color: #ffbb2c;"></i>
<h3><a href="">Chat box</a></h3>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="icon-box">
<i class="ri-bar-chart-box-line" style="color: #5578ff;"></i>
<h3><a href="">Registration</a></h3>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 mt-4 mt-md-0">
<div class="icon-box">
<i class="ri-calendar-todo-line" style="color: #e80368;"></i>
<h3><a href="">Add contacts</a></h3>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 mt-4 mt-lg-0">
<div class="icon-box">
<i class="ri-database-2-line" style="color: #47aeff;"></i>
<h3><a href="">Manage contacts</a></h3>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 mt-4">
<div class="icon-box">
<i class="ri-paint-brush-line" style="color: #e361ff;"></i>
<h3><a href="">Edit your profile</a></h3>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 mt-4">
<div class="icon-box">
<i class="fas fa-link" style="color: #ffa76e;"></i>
<h3><a href="">upto 100+ connections</a></h3>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 mt-4">
<div class="icon-box">
<i class="ri-file-list-3-line" style="color: #11dbcf;"></i>
<h3><a href="">upto 2 lakh+ message per day</a></h3>
</div>
</div>
<div class="col-lg-3 col-md-4 col-6 mt-4">
<div class="icon-box">
<i class="fas fa-unlock" style="color: rgb(191, 244, 116);"></i>
<h3><a href="">Safety of data</a></h3>
</div>
</div>
</div>
</div>
</section><!-- End Features Section -->
<!-- ======= Cta Section ======= -->
<section id="cta" class="cta">
<div class="container">
<div class="text-center">
<h3>Privacy & protection</h3>
<h2>End-to-end encryption</h2>
<p> You share your personal moments via Egalitarian, so we've included 'end-to-end encryption' in the latest version of our app. Your messages are 'end-to-end encrypted', only you and the person you're talking to can read or listen to them, no one else, not even Egalitarian.</p>
<a class="cta-btn" href="#">Call To Action</a>
</div>
</div>
</section><!-- End Cta Section -->
<!-- ======= F.A.Q Section ======= -->
<section id="faq" class="faq">
<div class="container">
<div class="section-title">
<h2>F.A.Q</h2>
<h3>Frequently Asked <span>Questions</span></h3>
</div>
<ul class="faq-list">
<li>
<div data-bs-toggle="collapse" class="collapsed question" href="#faq1">How much data I can store? <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq1" class="collapse" data-bs-parent=".faq-list">
<p>
One can connect with upto 100 users at a time.
</p>
</div>
</li>
<li>
<div data-bs-toggle="collapse" href="#faq2" class="collapsed question">Can i manage my contacts? <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq2" class="collapse" data-bs-parent=".faq-list">
<p>
Yes, you can manage you can for sure manage your contacts. And you will be given full access to manage your contacts.
</p>
</div>
</li>
<li>
<div data-bs-toggle="collapse" href="#faq3" class="collapsed question">Can I add a profile picture and edit my profile? <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq3" class="collapse" data-bs-parent=".faq-list">
<p>
You can add your profile picture by choosing in profile option and you can edit your profile and save it over there.
</p>
</div>
</li>
<li>
<div data-bs-toggle="collapse" href="#faq4" class="collapsed question">How can I add multiple contacts at same time? <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq4" class="collapse" data-bs-parent=".faq-list">
<p>
We are sorry to inform you but you can't add multiple contacts at same but you can chat with with mutliple user simultaneously. We will try to add this feature in our future updates.
</p>
</div>
</li>
<li>
<div data-bs-toggle="collapse" href="#faq5" class="collapsed question">Tempus quam pellentesque nec nam aliquam sem et tortor consequat? <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq5" class="collapse" data-bs-parent=".faq-list">
<p>
Molestie a iaculis at erat pellentesque adipiscing commodo. Dignissim suspendisse in est ante in. Nunc vel risus commodo viverra maecenas accumsan. Sit amet nisl suscipit adipiscing bibendum est. Purus gravida quis blandit turpis cursus in
</p>
</div>
</li>
</ul>
</div>
</section><!-- End F.A.Q Section -->
<!-- ======= Team Section ======= -->
<section id="team" class="team">
<div class="container">
<div class="section-title">
<h2>Team</h2>
<h3>Our Hardworking <span>Team</span></h3>
<p>Please warm welcome our hard-working team which are working day and night for you.</p>
</div>
<div class="row" style="text-align: center;">
<div class="col-lg-3 col-md-6 d-flex align-items-stretch">
<div class="member">
<div class="member-img">
<img src="assets/img/team/team-1.jpg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-envelope"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-github"></i></a>
</div>
</div>
<div class="member-info">
<h4>Purahan Gupta</h4>
<span>Backend handler, manager, did Chating part and creator of Home Page, profile page, messages page, Sign in and Frontend Handler</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 d-flex align-items-stretch">
<div class="member">
<div class="member-img">
<img src="assets/img/team/team-2.jpg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-envelope"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>Navjot Singh Aulakh</h4>
<span>Chat box design,home page content creator,add contacts</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 d-flex align-items-stretch">
<div class="member">
<div class="member-img">
<img src="assets/img/team/team-3.jpg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-envelope"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>Rishabh Tandon</h4>
<span>Front end creator and manager,home page creator, sign up, contacts page</span>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Team Section -->
<!-- ======= Contact Section ======= -->
<section id="contact" class="contact">
<div class="container">
<div class="section-title">
<h2>Contact</h2>
<h3>Contact <span>Us</span></h3>
<p>
Whatever your comments are, we want to hear from you. Just fill out the form below and we’ll respond as soon as possible.<br />
Giving the best support to you is our priority. We know you're a real person with real questions. Just let us know what you need.We are always there by you.
</p>
</div>
<div>
<iframe style="border:0; width: 100%; height: 270px;" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12097.433213460943!2d-74.0062269!3d40.7101282!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xb89d1fe6bc499443!2sDowntown+Conference+Center!5e0!3m2!1smk!2sbg!4v1539943755621" frameborder="0" allowfullscreen></iframe>
</div>
<div class="row mt-5">
<div class="col-lg-4">
<div class="info">
<div class="address">
<i class="bi bi-geo-alt"></i>
<h4>Location:</h4>
<p>Chitkara International School, Sector-25 west, Chandigarh</p>
</div>
<div class="email">
<i class="bi bi-envelope"></i>
<h4>Email:</h4>
<p>info@egalitarian.com</p>
</div>
<div class="phone">
<i class="bi bi-phone"></i>
<h4>Call:</h4>
<p>+91 95011 05703</p>
</div>
</div>
</div>
<div class="col-lg-8 mt-5 mt-lg-0">
<form action="forms/contact.php" method="post" role="form" class="php-email-form">
<div class="row">
<div class="col-md-6 form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required>
</div>
<div class="col-md-6 form-group mt-3 mt-md-0">
<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" required>
</div>
</div>
<div class="form-group mt-3">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" required>
</div>
<div class="form-group mt-3">
<textarea class="form-control" name="msg" rows="5" placeholder="Message" required></textarea>
</div>
<div class="my-3">
<div class="loading">Loading</div>
<div class="sent-message">Your message has been sent. Thank you!</div>
</div>
<div class="text-center"><button type="submit">Send Message</button></div>
</form>
</div>
</div>
</div>
</section><!-- End Contact Section -->
</main><!-- End #main -->
<?php
include('includes/footer.php');
?>