-
Notifications
You must be signed in to change notification settings - Fork 1
/
genInfo.html
188 lines (163 loc) · 11.8 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
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
<!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/bootstrap@4.4.1/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 rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<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=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Slab:wght@100..900&display=swap" rel="stylesheet">
<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=Roboto+Slab:wght@100..900&display=swap" rel="stylesheet">
<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=Elsie:wght@400;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Elsie:wght@400;900&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">
<link href="https://fonts.googleapis.com/css2?family=Elsie:wght@400;900&family=Lexend:wght@100..900&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&family=Rowdies:wght@300;400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Elsie:wght@400;900&family=Lexend:wght@100..900&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&family=Rowdies:wght@300;400;700&display=swap" rel="stylesheet">
</head>
<style>
body{
width:100%;
height: 100vh;
background-image: url("_ (3).jpeg");
background-repeat: no-repeat;
background-size: 100% 100%;
background-attachment: fixed;
}
.content{
font-size: 15px;
/* text-align: center; */
font-family: "Rowdies", sans-serif;
font-weight: 200;
font-style: normal;
padding-left: 50px;
padding-right: 50px;
}
.about{
font-size: 45px;
text-align: center;
width:100%;
font-family: "Rowdies", sans-serif;
font-weight: 200;
font-style: normal;
margin-top: 40px;
background-color: rgb(50, 63, 75);
border-radius: 20px 20px 20px 20px;
color: aliceblue;
}
.about2{
width:60%;
height: 50px;
font-size: 30px;
text-align: center;
font-family: "Rowdies", sans-serif;
font-weight: 200;
font-style: normal;
margin-top: 40px;
background-color: rgb(50, 63, 75);
border-radius: 20px 20px 20px 20px;
text-align: center;
color:aliceblue;
}
.content2{
font-size: 15px;
/* font-weight: -7; */
font-family: "Rowdies", sans-serif;
font-weight: 200;
font-style: normal;
/* background-color:rgba(154, 154, 155, 0.581);
border-radius: 20px 20px 20px 20px; */
background-color: rgba(247, 248, 249, 0.656);
border-radius: 20px 20px 20px 20px;
}
.foot{
display: flex;
justify-content: center;
}
.defi{
font-size: 15px;
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="IMAGES/logoC.jpg" 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="./blog.html" >Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./signUp.html">Sign In</a>
</li>
</ul>
</div>
</nav>
<main ><div class="content"><br/><br/>
<div class="about">GENERAL INFO:<br/></div>
<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/>
</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>
<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>
<img src="IMAGES/graph.png" alt="burden of diesease from each category of mental issues,world 2019 ">
<div class="content2"> 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> <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> <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> <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> <div class="content2"> Addressing stigma surrounding mental health is crucial for fostering understanding and empathy. Educating oneself and others about mental health conditions can help reduce stereotypes and discrimination, creating a more supportive environment for those experiencing mental health challenges.</div><BR/>
<div class="about2">5. Healthy Coping Mechanisms:</div> <div class="content2">Developing healthy coping mechanisms is essential for managing stress and difficult emotions. This may include practicing relaxation techniques, such as deep breathing or meditation, engaging in hobbies or activities that bring pleasure, and seeking out support from others when needed. Avoiding unhealthy coping strategies, such as substance abuse or avoidance, is also important.</div><BR/>
<div class="content2">• Mental health is more than the absence of mental disorders.<br/>
• Mental health is an integral part of health; indeed, there is no health without mental health.<br/>
• Mental health is determined by a range of socioeconomic, biological and environmental factors.<br/>
• Cost-effective public health and intersectoral strategies and interventions exist to promote,<br/>
protect and restore mental health.</div><br/><br/>
<div class="content2">
Mental health is an integral and essential component of health. The WHO constitution states:<br/>
"Health is a state of complete physical, mental and social well-being and not merely the absence of<br/>
disease or infirmity." An important implication of this definition is that mental health is more<br/>
than just the absence of mental disorders or disabilities.</div><br/><br/>
<div class="content2">
Mental health is a state of well-being in which an individual realizes his or her own abilities,<br/>
can cope with the normal stresses of life, can work productively and is able to make a contribution<br/>
to his or her community.</div><br/><br/>
<div class="content2">
Mental health is fundamental to our collective and individual ability as humans to think, emote,<br/>
interact with each other, earn a living and enjoy life. On this basis, the promotion, protection and<br/>
restoration of mental health can be regarded as a vital concern of individuals, communities and<br/>
societies throughout the world.</div><br/><br/>
</main>
</body>
</html>
</div>
</main>
</body>
</html>