-
Notifications
You must be signed in to change notification settings - Fork 0
/
genInfo.html
146 lines (130 loc) · 9.87 KB
/
genInfo.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<title>gi</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="project.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=Rowdies:wght@300;400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Slab:[email protected]&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Elsie:wght@400;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Elsie:wght@400;900&family=Lexend:[email protected]&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
</head>
<style>
body {
width: 100%;
height: 100vh;
background-image: url("About.jpeg");
background-repeat: no-repeat;
background-size: 100% 100%;
background-attachment: fixed;
}
.content {
font-size: 20px;
font-family: "Rowdies", sans-serif;
font-weight: 200;
padding-left: 50px;
padding-right: 50px;
}
.about {
font-size: 45px;
text-align: center;
width: 100%;
font-family: "Rowdies", sans-serif;
font-weight: 200;
margin-top: 40px;
background-color: #a2a91f;
border-radius: 20px;
color: aliceblue;
}
.about2 {
width: 60%;
height: 50px;
font-size: 30px;
text-align: center;
font-family: "Rowdies", sans-serif;
font-weight: 200;
margin-top: 40px;
background-color: rgb(50, 63, 75);
border-radius: 20px;
color: aliceblue;
}
.content2 {
font-size: 15px;
font-family: "Rowdies", sans-serif;
font-weight: 200;
background-color: rgba(247, 248, 249, 0.656);
border-radius: 20px;
}
.foot {
display: flex;
justify-content: center;
}
.defi {
font-size: 20px;
text-align: justify;
}
img {
width: 30%;
}
</style>
<body>
<nav class="navbar navbar-expand-lg navi" style="color: #000000;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);position: fixed;top:0;">
<a class="navbar-brand" href="#" style="font-size: 18px;"><img src="Logo.png" style="width: 10%;height: 100%;position: absolute;top: 0;"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" style="color: #fffdfd;">
<i class='bx bx-menu' style="color: black;"></i>
</button>
<div class="collapse navbar-collapse" id="navbarNav" style="color: #000000;">
<ul class="navbar-nav" style="position: absolute;right: 0;margin-right: 8px;">
<li class="nav-item active">
<a class="nav-link" href="./about.html">About Us<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./genInfo.html" style="text-decoration: underline;text-decoration-color: rgb(208, 116, 116);">General Information</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./diet.html">Diet</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./education.html">Education</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./blog.html">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./signUp.html">Sign Up</a>
</li>
</ul>
</div>
</nav>
<main><div class="content"><br/><br/>
<div class="about">Mental Health<br/></div><br><br>
<div class="quote">"Mental illness is nothing to be shamed of, but stigma and bias shame us all"<br/></div>
<div class="defi">Mental health is a state of mental well-being that enables people to cope with the stresses of life, realize
their abilities, learn well and work well, and contribute to their community. It has intrinsic and instrumental value
and is integral to our well-being.<br/>At any one time, a diverse set of individual, family, community and structural factors may
combine to protect or undermine mental health. <br/><br>
</div>
<div class="imptotalk">The fear of judgment silences many from discussing mental health openly. This silence perpetuates stigma and prevents individuals from seeking support. Encouraging open conversations can break down barriers, fostering understanding and empathy. Creating safe spaces where people feel heard and accepted is essential for promoting mental health awareness and providing the support individuals need to thrive.</div><br>
<div class="global">In 2019, 970 million people globally were living with a mental disorder, with anxiety and depression the most common.Globally, mental disorders account for 1 in 6 years lived with disability.
Hundreds of millions suffer from them yearly, and many more do over their lifetimes. It’s estimated that 1 in 3 women and 1 in 5 men will experience major depression in their lives.
Other conditions, such as schizophrenia and bipolar disorder, are less common but still have a large impact on people’s lives.</div><br><br>
<br> <div class="content"> These pointers highlight the importance of self-awareness, social support, professional assistance,
stigma reduction, and healthy coping strategies in maintaining and improving mental health.</div><br/>
<div class="about2">1. Self-care and Well-being:</div><br> <div class="content2">Taking care of oneself is crucial for mental health. This includes getting enough sleep, eating a balanced diet, exercising regularly, and engaging in activities that bring joy and relaxation. Practicing mindfulness and stress-reduction techniques can also be beneficial.</div><br/>
<div class="about2">2. Social Support:</div><br> <div class="content2">Building and maintaining strong social connections can significantly impact mental well-being. Having a support network of friends, family, or peers can provide emotional support, practical help, and a sense of belonging, reducing feelings of loneliness and isolation.</div><br/>
<div class="about2">3. Seeking Professional Help:</div><br> <div class="content2">It's important to recognize when professional help is needed. Mental health professionals, such as therapists, counselors, psychologists, or psychiatrists, are trained to provide support and treatment for various mental health concerns. Seeking help early can lead to better outcomes.</div><br/>
<div class="about2">4. Reducing Stigma:</div><br> <div class="content2">Stigma around mental health can prevent individuals from seeking help. Raising awareness, promoting open conversations, and challenging stereotypes can contribute to reducing stigma and creating a more supportive environment for those facing mental health challenges.</div><br/>
<div class="about2">5. Healthy Coping Strategies:</div><br> <div class="content2">Developing healthy ways to cope with stress and adversity is essential. This may include practicing mindfulness, engaging in creative activities, journaling, spending time in nature, and avoiding unhealthy coping mechanisms like substance abuse.</div><br/>
<div class="about2">6. Balanced Lifestyle:</div><br> <div class="content2">Maintaining a balanced lifestyle that includes time for work, leisure, social interactions, and self-care is vital. Striking a balance between different aspects of life can prevent burnout and enhance overall mental well-being.</div><br/>
<div class="about2">7. Building Resilience:</div><br> <div class="content2">Resilience is the ability to bounce back from challenges. Building resilience involves developing problem-solving skills, maintaining a positive outlook, and seeking opportunities for personal growth. Resilient individuals are better equipped to navigate life's ups and downs.</div><br/>
<div class="about2">8. Limiting Screen Time:</div><br> <div class="content2">Excessive screen time, especially on social media, can negatively impact mental health. Setting boundaries on screen use and prioritizing real-life interactions can help maintain a healthier relationship with technology.</div><br/>
<div class="about2">9. Mindfulness and Meditation:</div><br> <div class="content2">Practicing mindfulness and meditation techniques can help individuals stay present, reduce anxiety, and manage stress. These practices promote self-awareness and emotional regulation, contributing to improved mental health.</div><br/>
<div class="about2">10. Seeking Meaning and Purpose:</div><br> <div class="content2">Finding meaning and purpose in life can enhance mental well-being. Engaging in activities that align with personal values, contributing to others' well-being, and pursuing passions can provide a sense of fulfillment and satisfaction.</div><br/>
</div></main>
</body>
</html>