-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
389 lines (335 loc) · 16.4 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
<!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>Helping Minds | Be always one step ahead</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap" rel="stylesheet">
<!-- BOOTSTRAP SCRIPTS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
crossorigin="anonymous"></script>
</head>
<body>
<section id="topp">
<section>
<div id="webname">
<img src="img4.jpg" alt="Helping Minds">
<p>Helping Minds</p>
</div>
</section>
<section>
<nav id="nav">
<ul>
<li><a href="#">Home</a></li>
<li><a href="resources.html" target="_blank">Resources</a></li>
<li><a href="analysis.html" target="_blank">Analysis</a></li>
<li><a href="#community">Communities</a></li>
<li><a href="contact.html" target="_blank">Contact Us</a></li>
<li><a href="#bottom">Register</a></li>
<li><a href="#actt">Activities</a></li>
<li><a href="#affirmation">Affirmations</a></li>
</ul>
</nav>
</section>
</section>
<section id="middle">
<p>Our Motto</p>
<div id="motto">
<div class="motto">
<img src="img2.jpg" alt="">
</div>
<div class="motto">
<br>
<br>
<h2>Choose Help. Anytime, Anywhere.</h2>
<br>
<br>
<p>We aim to fight the stigma surrounding mental health in India and give rise to a healthier and more
stable generation of individuals.
Whenever there is anything that interferes with your happiness or prevents you from achieving your
goals, we may be able to help.
We also have therapists who specialize in specific issues such as stress, anxiety, relationships,
parenting, depression, addictions,
trauma,family conflicts, LGBT matters, self esteem and more.</p>
</div>
</div>
</section>
<section id="bottom">
<div id="divtext1">
<p>Escape your mental prison and run free!!</p>
</div>
<div id="divtext2">
<p>If you want to give yourself one more chance</p>
</div>
<div id="divtext3">
<a href="registration.html" target="_blank"><button id="button1">Register Now</button></a>
</div>
</section>
<section id="community">
<hr>
<div class="comm">
<h2>Join Our Communities</h2>
<hr>
<p> We have a number of communities each with people who are facing the same prolems. Come interact with
people who
share your experience and engange in meaningful conversation.</p>
</div>
<hr>
<div class="row">
<div class="comm-column col-lg-4 col-md-6">
<div class="card">
<div class="card-header">
<h3>COMMUNITY FOR BODY IMAGE TROUBLES</h3>
</div>
<div class="card-body">
<h2>Body Dismorphia? Bad Relationship with food? </h2>
<p>This is the perfect community for you. Do not hesitate to join and interact with people
facing similar issues</p>
<p>This is a safe space for you.</p>
<p>Click below to join </p>
<a href="communities.html"><button class="btn btn-lg btn-block btn-outline-dark"
type="button">Sign Up</button></a>
</div>
</div>
</div>
<div class="comm-column col-lg-4 col-md-6">
<div class="card">
<div class="card-header">
<h3>COMMUNITY FOR LGBTQ+ </h3>
</div>
<div class="card-body">
<h2> Questioning Your Sexuality?</h2>
<p>This is the perfect community for you. Do not hesitate to join beacuse this is a safe space.
</p>
<p>Join us in fighting the stigma on this topic in India</p>
<br>
<br>
<br>
<p>Click below to join </p>
<a href="communities.html"><button class="btn btn-lg btn-block btn-outline-dark"
type="button">Sign Up</button></a>
</div>
</div>
</div>
<div class="=comm-column col-lg-4">
<div class="card">
<div class="card-header">
<h3>SUPPORT GROUP FOR FAMILY PROBLEMS</h3>
</div>
<div class="card-body">
<h2> Home Isnt a Safe Space For You?</h2>
<p>Dont worry beacuse our community always is. Interact with others facing similar issues </p>
<br>
<br>
<p>Click below to join </p>
<a href="communities.html"><button class="btn btn-lg btn-block btn-outline-dark"
type="button">Sign Up</button></a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="comm-column col-lg-4 col-md-6">
<div class="card">
<div class="card-header">
<h3>COMMUNITY FOR ADDICTION PROBLEMS</h3>
</div>
<div class="card-body">
<h2>Are You Turning To Substances Beacuse You Cannot Face Your Problems?</h2>
<p>Learn how to cope with diffrernt types of stresses in a healthy way by talking to others with
the same experiences. </p>
<p>This is no judgeemnt zone - so feel free to open about your problems</p>
<p>Click below to join </p>
<a href="communities.html"><button class="btn btn-lg btn-block btn-outline-dark"
type="button">Sign Up</button></a>
</div>
</div>
</div>
<div class="comm-column col-lg-4 col-md-6">
<div class="card">
<div class="card-header">
<h3>SUPPORT GROUP FOR CHILDHOOD TRAUMA </h3>
</div>
<div class="card-body">
<h2> Neglect? Abandonment Issues? Trust Issues?</h2>
<p>Come join our community and find others with shared experiences. Read and upload blogs to
understand your situaion better</p>
<br>
<br>
<br>
<p>Click below to join </p>
<a href="communities.html"><button class="btn btn-lg btn-block btn-outline-dark"
type="button">Sign Up</button></a>
</div>
</div>
</div>
<div class="comm-column col-lg-4">
<div class="card">
<div class="card-header">
<h3>ADHD SUPPORT GROUP</h3>
</div>
<div class="card-body">
<h2> Having Trouble Focusing? Short Attention Span? </h2>
<p>Read more about symptoms of ADHD and how others have dealt with it. Maybe you may find a
solution too!</p>
<br>
<br>
<br>
<br>
<br>
<p>Click below to join </p>
<a href="communities.html"><button class="btn btn-lg btn-block btn-outline-dark"
type="button">Sign Up</button></a>
</div>
</div>
</div>
</div>
</section>
<!-- Volunteer -->
<section id="volunteer">
<div>
<img src="volunteer.png" alt="Please Volunteer">
</div>
<div ><class="btn btn-lg btn-block btn-outline-dark">
<a href="volunteer.html" target="_blank"><input type="submit" value="Volunteer Now"></a>
</div>
</section>
<!-- affirmations -->
<section id="affirmation">
<div id="carouselExampleAutoplaying" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<h1>EVERY DAY OF LIFE IS ANOTHER STEP FORWARD TOWARDS POSITIVE CHANGES</h1>
<img class="aff-img" src="comm1.png" alt="motivational-img">
</div>
<div class="carousel-item">
<h1>I AM CONFIDENT IN MY ABILITIES AND CAN ACHIEVE MY GOALS</h1>
<img class="aff-img" src="comm2.png" alt="motivational-img">
</div>
<div class="carousel-item">
<h1>I AM STRONG AND CAN OVERCOME EVERY CHALLENGE IN MY LIFE</h1>
<img class="aff-img" src="comm3.png" alt="motivational-img">
</div>
<div class="carousel-item">
<h1>I TRUST MYSELF AND I AM IN FULL CONTROL</h1>
<img class="aff-img" src="comm4.png" alt="motivational-img">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleAutoplaying"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleAutoplaying"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<!-- Activities section -->
<section class="activities" id="actt">
<p class="actsty">Activities to Calm Yourself</p>
<div class="line1">
<div class="box" id="box1">
<div class="text">Connect with other people...
Good relationships are important for your mental wellbeing</div>
<div class="text">You can share your memories with your beloved ones below </div>
<div class="text">Upload<input type="file"></div>
</div>
<div class="box" id="box2">
<div class="text">Be physically active
Being active is not only great for your physical health but does loads for your mental health as
well!!</div>
<div class="text">You can share picture of you doing your favourite physical activities like cycling,
jogging....</div>
<div class="text">Upload<input type="file"></div>
</div>
<div class="box" id="box3">
<div class="text">Learn new skills
Research shows that learning new skills can also improve your mental wellbeing</div>
<div class="text">You can share what new skill you are willing to learn</div>
<div class="text">New Skill:<input type="text"></div>
</div>
</div>
<div class="line2">
<div class="box" id="box4">
<div class="text">Give to others
Research suggests that acts of giving and kindness can help improve your mental wellbeing</div>
<div class="text">You can share the skill by which you like to contribute to the society</div>
<div class="text">Upload<input type="file" class="upload"></div>
</div>
<div class="box" id="box5">
<div class="text"> Yoga is a fantastic tool for reducing anxiety and depression. According to National
Library of Medicine "By reducing perceived stress and anxiety yoga appears to modulate stress
response systems."</div>
<div class="text">You can share pictures of you doing yoga just to encourage others</div>
<div class="text">Share: <input type="file"> </div>
</div>
<div class="box" id="box6">
<div class="text">Pet a dog. Therapy dogs have become a common method for improving the state of your
emotions. Dogs provide emotional support by providing companionship to individuals</div>
<div class="text">You can share pictures of you with your pet..</div>
<div class="text">Share: <input type="file"> </div>
</div>
</div>
<div id="discount">
<div>If you upload daily for a month, you get 10% discount on your next therapy session!!</div>
</div>
</section>
<section id="last">
<div>
<p>Our reviews</p>
</div>
</section>
<section id="testimonials">
<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="false">
<div class="carousel-inner">
<div class="carousel-item active">
<h3>I used to get panic attacks but now thanks to daily tracking of my mental health
i have found a way to focus my thougths</h3>
<img class="testimonial-img" src="man1.jpeg" alt="man-profile">
<em>rajesh, mumbai</em>
</div>
<div class="carousel-item ">
<h3 class="testimonial-text">i grew up not giving impartance to mental health and didnt realise what
toll it would take on me.Reaching out for help was the best decision i made</h3>
<img class="testimonial-img" src="priya-prakash-varrier.jpeg" alt="lady-profile">
<em>Priya,delhi</em>
</div>
<div class="carousel-item ">
<h3 class="testimonial-text">seeing people talk about mental health openly helped me feel understood
and made me more self aware about my problems</h3>
<img class="testimonial-img" src="man 2 new.jpeg" alt="lady-profile">
<em>aditya,chennai</em>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleSlidesOnly"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleSlidesOnly"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<section id="contact">
<div class="contact-me">
<h2>Get In Touch</h2>
<h4>dont be afraid to ask for help</h4>
<a class="btn" href="mailto:xyz@gmail.com">EMAIL US</a>
</div>
</div>
</section>
</body>
</html>