-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
739 lines (635 loc) · 34.7 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
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>ManMitra</title>
<meta content="" name="description">
<meta content="" name="keywords">
<link rel="icon" type="image/x-icon" href="assets/logo.png">
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.css" integrity="sha512-pmAAV1X4Nh5jA9m+jcvwJXFQvCBi3T17aZ1KWkqXr7g/O2YMvO8rfaa5ETWDuBvRq6fbDjlw4jHL44jNTScaKg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/glightbox/3.2.0/css/glightbox.css" integrity="sha512-iQ3H4A+iyBTP8M4ypX5PrTt2S+G1zmRjf0k0uOASKlFHysV8TL9ZoQyVwPss0D12IBTMoDEHA8+bg8a1viS9Mg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.0.1/remixicon.css" integrity="sha512-ZH3KB6wI5ADHaLaez5ynrzxR6lAswuNfhlXdcdhxsvOUghvf02zU1dAsOC6JrBTWbkE1WNDNs5Dcfz493fDMhA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" integrity="sha384-4LISF5TTJX/fLmGSxO53rV4miRxdg84mZsxmO8Rx5jGtp/LbrixFETvWa5a6sESd" crossorigin="anonymous">
<link href="style.css" rel="stylesheet">
</head>
<body>
<div id="topbar" class="d-flex align-items-center fixed-top">
<div class="container d-flex justify-content-between">
<div class="contact-info d-flex align-items-center">
<i class="bi bi-envelope"></i> <a href="mailto:contact@example.com">contact@manmitra.com</a>
<i class="bi bi-phone"></i> +91 82545 67825
</div>
<div class="d-none d-lg-flex social-links align-items-center">
<a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
<a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
<a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
<a href="#" class="linkedin"><i class="bi bi-linkedin"></i></i></a>
</div>
</div>
</div>
<header id="header" class="fixed-top">
<div class="container d-flex align-items-center">
<h1 class="logo me-auto"><a href="index.html">ManMitra</a></h1>
<nav id="navbar" class="navbar order-last order-lg-0">
<ul>
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li>
<li><a class="nav-link scrollto" href="#services">Services</a></li>
<li><a class="nav-link scrollto" href="#therapists">Therapists</a></li>
<li><a class="nav-link scrollto" href="#contact">Contact</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav>
<a href="#appointment" class="appointment-btn scrollto"><span class="d-none d-md-inline">Make an Appointment</span></a>
</div>
</header>
<section id="hero" class="d-flex align-items-center">
<div class="container">
<center>
<h1 class="text-outline clipping" style="display: inline-block;"><span>ManMitra</span></h1>
<h2>FOR MEN. ABOUT MEN.</h2>
<a href="#about" class="btn-get-started scrollto">Get Started</a>
</center>
</div>
</section>
<main id="main">
<section id="why-us" class="why-us">
<div class="container">
<div class="row">
<div class="col-lg-4 d-flex align-items-stretch">
<div class="content">
<h3>Who are we?</h3>
<p>
ManMitra is a group of people who are dedicated to help men with mental health issues. We are a group of people who have been through the same and we know how it feels to be in that position. We are here to help you and guide you through this journey of yours.
</p>
<div class="text-center">
<a href="#" class="more-btn">Learn More <i class="bx bx-chevron-right"></i></a>
</div>
</div>
</div>
<div class="col-lg-8 d-flex align-items-stretch">
<div class="icon-boxes d-flex flex-column justify-content-center">
<div class="row">
<div class="col-xl-4 d-flex align-items-stretch">
<div class="icon-box mt-4 mt-xl-0">
<i class="bx bxs-flag-alt"></i>
<h4>Our Story</h4>
<p>Learn about our journey and commitment to mental well-being. Discover how our organization was founded and the values that drive us to provide compassionate support to individuals seeking better mental health.</p>
</div>
</div>
<div class="col-xl-4 d-flex align-items-stretch">
<div class="icon-box mt-4 mt-xl-0">
<i class="bx bx-wrench"></i>
<h4>Diverse Support</h4>
<p>Comprehensive mental health support tailored to your needs. Explore individual counseling, group workshops, and find your path to well-being in our "Our Services" section.</p>
</div>
</div>
<div class="col-xl-4 d-flex align-items-stretch">
<div class="icon-box mt-4 mt-xl-0">
<i class="bx bx-user"></i>
<h4>Meet the Team</h4>
<p>Get acquainted with our dedicated therapists. Learn about their backgrounds, specialties, and shared commitment to guiding you on your mental health journey.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="about" class="about">
<div class="container-fluid">
<div class="row">
<div class="col-xl-5 col-lg-6 video-box d-flex justify-content-center align-items-stretch position-relative">
<a href="https://youtu.be/Y0F1cICm9IM" class="glightbox play-btn mb-4"></a>
</div>
<div
class="col-xl-7 col-lg-6 icon-boxes d-flex flex-column align-items-stretch justify-content-center py-5 px-lg-5">
<h3>An Insights into Men's Mental Health</h3>
<p>Depression consumes your day-to-day life and interferes with your ability to work, study, eat, sleep, and have fun.</p>
<div class="icon-box">
<div class="icon"><i class="bx bx-fingerprint"></i></div>
<h4 class="title"><a href="">Stigma and Barriers</a></h4>
<p class="description"> Men often face societal stigma and traditional expectations that discourage them from seeking help for mental health issues. This stigma can be a significant barrier to addressing mental health concerns.</p>
</div>
<div class="icon-box">
<div class="icon"><i class="bx bx-gift"></i></div>
<h4 class="title"><a href="">Higher Suicide Rates</a></h4>
<p class="description">Men generally have higher rates of completed suicides than women. This may be attributed to factors such as less help-seeking behavior, method choices, and societal expectations around stoicism.</p>
</div>
<div class="icon-box">
<div class="icon"><i class="bx bx-atom"></i></div>
<h4 class="title"><a href="">Prevalence of Substance Abuse</a></h4>
<p class="description">Men may be more likely to turn to substance abuse as a coping mechanism for mental health challenges. Substance abuse can exacerbate existing mental health issues or contribute to the development of new ones.</p>
</div>
</div>
</div>
</div>
</section>
<section id="appointment" class="appointment section-bg">
<div class="container">
<div class="section-title">
<h2>Make an Appointment</h2>
<p>Rest assured, we're here to support you and we believe that access to such services should be freely available. Share a bit about yourself, and we'll connect you with one of our volunteers who is ready to lend a listening ear. Feel free to open up about whatever has been weighing on your mind.</p>
</div>
<form action="forms/appointment.php" method="post" role="form" class="php-email-form">
<div class="row">
<div class="col-md-4 form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4"
data-msg="Please enter at least 4 chars">
<div class="validate"></div>
</div>
<div class="col-md-4 form-group mt-3 mt-md-0">
<input type="email" class="form-control" name="email" id="email" placeholder="Your Email"
data-rule="email" data-msg="Please enter a valid email">
<div class="validate"></div>
</div>
<div class="col-md-4 form-group mt-3 mt-md-0">
<input type="tel" class="form-control" name="phone" id="phone" placeholder="Your Phone"
data-rule="minlen:4" data-msg="Please enter at least 4 chars">
<div class="validate"></div>
</div>
</div>
<div class="form-group mt-3">
<textarea class="form-control" name="message" rows="5" placeholder="Message (Optional)"></textarea>
<div class="validate"></div>
</div>
<div class="mb-3">
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your appointment request has been sent successfully. Thank you!</div>
</div>
<div class="text-center"><button type="submit">Make an Appointment</button></div>
</form>
</div>
</section>
<section id="services" class="services">
<div class="container">
<div class="section-title">
<h2>Our Services</h2>
<p>Empowering Your Mental Well-being: Explore a Range of Supportive Services Tailored to Your Needs.</p>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 d-flex align-items-stretch">
<div class="icon-box">
<div class="icon"><i class="fas fa-comments"></i></div>
<h4><a href="">Anonymous Chat Support</a></h4>
<p>Connect with a trained volunteer for confidential and supportive conversations through our secure chat platform.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-md-0">
<div class="icon-box">
<div class="icon"><i class="fas fa-book"></i></div>
<h4><a href="">Mental Health Resources Hub</a></h4>
<p>Access a comprehensive collection of articles, tools, and resources addressing various aspects of men's mental health.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4 mt-lg-0">
<div class="icon-box">
<div class="icon"><i class="fas fa-envelope-open-text"></i></div>
<h4><a href="">Weekly Support Emails</a></h4>
<p>Subscribe to our newsletter for uplifting content, coping strategies, and helpful tips delivered to your inbox regularly.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4">
<div class="icon-box">
<div class="icon"><i class="fas fa-users"></i></div>
<h4><a href="">Virtual Support Groups</a></h4>
<p>Join moderated online support groups where you can share experiences, receive advice, and build connections with others facing similar challenges.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4">
<div class="icon-box">
<div class="icon"><i class="fas fa-hands-helping"></i></div>
<h4><a href="">Self-Care Workshops</a></h4>
<p>Attend virtual workshops focused on self-care techniques, stress management, and strategies to enhance overall well-being.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex align-items-stretch mt-4">
<div class="icon-box">
<div class="icon"><i class="fas fa-peace"></i></div>
<h4><a href="">Meditation Sessions</a></h4>
<p>Participate in guided mindfulness and meditation sessions to cultivate a sense of calm and promote mental clarity.</p>
</div>
</div>
</div>
</div>
</section>
<section id="counts" class="counts">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="count-box">
<i class="fas fa-user-md"></i>
<span data-purecounter-start="0" data-purecounter-end="12" data-purecounter-duration="1"
class="purecounter"></span>
<p>Therapists</p>
</div>
</div>
<div class="col-lg-3 col-md-6 mt-5 mt-md-0">
<div class="count-box">
<i class="far fa-hospital"></i>
<span data-purecounter-start="0" data-purecounter-end="28" data-purecounter-duration="1"
class="purecounter"></span>
<p>Volunteers</p>
</div>
</div>
<div class="col-lg-3 col-md-6 mt-5 mt-lg-0">
<div class="count-box">
<i class="fas fa-flask"></i>
<span data-purecounter-start="0" data-purecounter-end="825" data-purecounter-duration="1"
class="purecounter"></span>
<p>Smiling Faces</p>
</div>
</div>
<div class="col-lg-3 col-md-6 mt-5 mt-lg-0">
<div class="count-box">
<i class="fas fa-award"></i>
<span data-purecounter-start="0" data-purecounter-end="4" data-purecounter-duration="1"
class="purecounter"></span>
<p>Awards</p>
</div>
</div>
</div>
</div>
</section>
<section id="therapists" class="therapists">
<div class="container">
<div class="section-title">
<h2>Our Lead Therapists</h2>
<p>Crafted with compassion and expertise, our team of dedicated therapists is here to guide you on your journey toward mental well-being. Each member brings a unique set of skills and a genuine commitment to supporting you through challenges, fostering resilience, and nurturing personal growth. We understand the importance of a trusting therapeutic relationship, and we strive to create a safe and empathetic space where you can explore, heal, and thrive. Meet the compassionate individuals ready to accompany you on your path to a healthier and happier life.</p>
</div>
<div class="row">
<div class="col-lg-6">
<div class="member d-flex align-items-start">
<div class="pic"><img src="assets/therapists/1.webp" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>Dr. Shaun Murphy</h4>
<span>Addiction therapist</span>
<p>Nonsensical questions usually imply sarcasm, which I've found people often answer sarcastically.</p>
<div class="social">
<a href=""><i class="ri-twitter-fill"></i></a>
<a href=""><i class="ri-facebook-fill"></i></a>
<a href=""><i class="ri-instagram-fill"></i></a>
<a href=""> <i class="ri-linkedin-box-fill"></i> </a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mt-4 mt-lg-0">
<div class="member d-flex align-items-start">
<div class="pic"><img src="assets/therapists/2.webp" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>Dr. Jackson Han</h4>
<span>Clinical therapist</span>
<p>If either of us are making decisions based on our personal experiences, we're making the wrong decisions.</p>
<div class="social">
<a href=""><i class="ri-twitter-fill"></i></a>
<a href=""><i class="ri-facebook-fill"></i></a>
<a href=""><i class="ri-instagram-fill"></i></a>
<a href=""> <i class="ri-linkedin-box-fill"></i> </a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mt-4">
<div class="member d-flex align-items-start">
<div class="pic"><img src="assets/therapists/3.webp" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>Dr. Hannibal Lecter</h4>
<span>Cognitive therapist</span>
<p>The worm that destroys you is the temptation to agree with your critics, to get their approval.</p>
<div class="social">
<a href=""><i class="ri-twitter-fill"></i></a>
<a href=""><i class="ri-facebook-fill"></i></a>
<a href=""><i class="ri-instagram-fill"></i></a>
<a href=""> <i class="ri-linkedin-box-fill"></i> </a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mt-4">
<div class="member d-flex align-items-start">
<div class="pic"><img src="assets/therapists/4.webp" class="img-fluid" alt=""></div>
<div class="member-info">
<h4>Dr. Hieter</h4>
<span>Marriage and family counselor</span>
<p>I'm Dr. Josef Heiter, retired, but still very well known as the leading surgeon in separating Siamese twins.</p>
<div class="social">
<a href=""><i class="ri-twitter-fill"></i></a>
<a href=""><i class="ri-facebook-fill"></i></a>
<a href=""><i class="ri-instagram-fill"></i></a>
<a href=""> <i class="ri-linkedin-box-fill"></i> </a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="faq" class="faq section-bg">
<div class="container">
<div class="section-title">
<h2>Frequently Asked Questions</h2>
<p>Explore our FAQ section for comprehensive insights into Manmitra's services, confidentiality measures, appointment scheduling, and more. Find clarity on commonly asked questions as you embark on your journey toward improved mental health.</p>
</div>
<div class="faq-list">
<ul>
<li data-aos="fade-up">
<i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" class="collapse"
data-bs-target="#faq-list-1">How do I schedule an appointment? <i
class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="faq-list-1" class="collapse show" data-bs-parent=".faq-list">
<p>
Booking an appointment is easy! Simply visit our "Make Appointment" section on the website and follow the guided steps. You can also call our helpline for assistance.
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="100">
<i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-2"
class="collapsed">What types of services do you offer? <i
class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="faq-list-2" class="collapse" data-bs-parent=".faq-list">
<p>
We provide a wide range of mental health services tailored to individual needs, including counseling, therapy, support groups, workshops, and more. Explore our "Our Services" section for detailed information.
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="200">
<i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-3"
class="collapsed">Are your services confidential?<i
class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="faq-list-3" class="collapse" data-bs-parent=".faq-list">
<p>
Yes, confidentiality is a top priority. Our team adheres to strict privacy standards, ensuring that your personal information remains confidential and secure.
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="300">
<i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-4"
class="collapsed">Are virtual appointments available?<i
class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="faq-list-4" class="collapse" data-bs-parent=".faq-list">
<p>
Yes, we offer virtual appointments to ensure flexibility and accessibility. You can connect with our therapists from the comfort of your home.
</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="400">
<i class="bx bx-help-circle icon-help"></i> <a data-bs-toggle="collapse" data-bs-target="#faq-list-5"
class="collapsed">What do I do in case of a crisis?<i class="bx bx-chevron-down icon-show"></i><i class="bx bx-chevron-up icon-close"></i></a>
<div id="faq-list-5" class="collapse" data-bs-parent=".faq-list">
<p>
If you're in crisis, please reach out to our crisis intervention services immediately. Dial our emergency helpline number +91 82582 57825.
</p>
</div>
</li>
</ul>
</div>
</div>
</section>
<section id="testimonials" class="testimonials">
<div class="container">
<div class="testimonials-slider swiper" data-aos="fade-up" data-aos-delay="100">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-wrap">
<div class="testimonial-item">
<img src="assets/testimonials/user.webp" class="testimonial-img" alt="">
<h3>Anonymous User</h3>
<h4>Ceo & Founder</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Finding ManMitra was a turning point in my mental health journey. The therapists are empathetic, and the support groups foster a sense of community. I am grateful for the positive impact it has had on my life.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-wrap">
<div class="testimonial-item">
<img src="assets/testimonials/user.webp" class="testimonial-img" alt="">
<h3>Anonymous User</h3>
<h4>Designer</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
ManMitra is more than a mental health resource; it's a supportive companion. The therapists are compassionate, and the community fosters connection. I'm grateful to have this ally in my mental health exploration.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-wrap">
<div class="testimonial-item">
<img src="assets/testimonials/user.webp" class="testimonial-img" alt="">
<h3>Anonymous User</h3>
<h4>Store Owner</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
ManMitra has been a guiding light in my journey towards better mental health. The genuine care from the therapists and the array of resources have been pivotal in my personal growth and healing.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-wrap">
<div class="testimonial-item">
<img src="assets/testimonials/user.webp" class="testimonial-img" alt="">
<h3>Anonymous User</h3>
<h4>Freelancer</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
In ManMitra, I found an inclusive haven. The therapists create a safe environment, and the range of services caters to diverse needs. It's more than support; it's understanding and encouragement.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="testimonial-wrap">
<div class="testimonial-item">
<img src="assets/testimonials/user.webp" class="testimonial-img" alt="">
<h3>Anonymous User</h3>
<h4>Entrepreneur</h4>
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
The community spirit fostered by ManMitra is exceptional. Engaging in support groups provides both insight and camaraderie. It's a valuable ally for anyone navigating their mental health journey.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
</div>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section><
<section id="gallery" class="gallery">
<div class="container">
<div class="section-title">
<h2>Gallery</h2>
<h6>Step Inside the Heart of Manmitra: A Glimpse into Our Offices. These snapshots capture the essence of our workspace, reflecting the dedication and warmth that defines our team. Please note that these images feature our offices and team members, not our valued customers. We're committed to providing a welcoming and comfortable environment for all who seek support on their mental health journey.</h6>
<p> </p>
</div>
</div>
<div class="container-fluid">
<div class="row g-0">
<div class="col-lg-3 col-md-4">
<div class="gallery-item">
<a href="assets/gallery/1.webp" class="galelry-lightbox">
<img src="assets/gallery/1.webp" alt="" class="img-fluid">
</a>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="gallery-item">
<a href="assets/gallery/2.webp" class="galelry-lightbox">
<img src="assets/gallery/2.webp" alt="" class="img-fluid">
</a>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="gallery-item">
<a href="assets/gallery/3.webp" class="galelry-lightbox">
<img src="assets/gallery/3.webp" alt="" class="img-fluid">
</a>
</div>
</div>
<div class="col-lg-3 col-md-4">
<div class="gallery-item">
<a href="assets/gallery/4.webp" class="galelry-lightbox">
<img src="assets/gallery/4.webp" alt="" class="img-fluid">
</a>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="contact">
<div class="container">
<div class="section-title">
<h2>Connect with Manmitra</h2>
<p>Reach Out for Support or Volunteer Opportunities. Whether you're seeking assistance, have inquiries, or wish to become a valued volunteer, our Contact Section is your gateway. Feel free to drop us a message, and explore the rewarding experience of joining our team to make a positive impact on the mental health community.</p>
</div>
</div>
<div>
<iframe style="border:0; width: 100%; height: 350px;"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5190.924291390076!2d76.84764116441497!3d23.07740197633518!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x397ce9ceaaaaaaab%3A0xa224b6b82b421f83!2sVIT%20Bhopal%20University!5e0!3m2!1sen!2sin!4v1703955301281!5m2!1sen!2sin"
frameborder="0" allowfullscreen></iframe>
</div>
<div class="container">
<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>Kotri Kalan, Bhopal, Madhya Pradesh, India 466114</p>
</div>
<div class="email">
<i class="bi bi-envelope"></i>
<h4>Email:</h4>
<p>contact@manmitra.com</p>
</div>
<div class="phone">
<i class="bi bi-phone"></i>
<h4>Call:</h4>
<p>+1 5589 55488 55s</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="message" rows="5" placeholder="Message" required></textarea>
</div>
<div class="my-3">
<div class="loading">Loading</div>
<div class="error-message"></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>
</main>
<footer id="footer">
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 footer-contact">
<h3>ManMitra</h3>
<p>
Kotri Kalan, Bhopal<br>
Madhya Pradesh 466114<br>
India <br><br>
<strong>Phone:</strong> +91 82545 67825<br>
<strong>Email:</strong> contact@manmitra.com<br>
</p>
</div>
<div class="col-lg-2 col-md-6 footer-links">
<h4>Useful Links</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="#">Home</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#about">About us</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#appoitment">Appointment</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#services">Services</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#contact">Contact</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 footer-links">
<h4>Our Services</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="#services">Anonymous Chat Support</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#services">Mental Health Resources Hub</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#services">Weekly Support Emails</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#services">Virtual Support Groups</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#services">Self-Care Workshops</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#services">Meditation Sessions</a></li>
</ul>
</div>
<div class="col-lg-4 col-md-6 footer-newsletter">
<h4>Join Our Newsletter</h4>
<p>Join our newletter to get daily updates.</p>
<form action="" method="post">
<input type="email" name="email"><input type="submit" value="Subscribe">
</form>
</div>
</div>
</div>
</div>
<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
class="bi bi-arrow-up-short"></i></a>
<script src="https://cdn.jsdelivr.net/gh/mcstudios/glightbox/dist/js/glightbox.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@srexi/purecounterjs/dist/purecounter_vanilla.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="main.js"></script>
</body>
</html>