-
Notifications
You must be signed in to change notification settings - Fork 0
/
mental-health.html
109 lines (99 loc) · 4.99 KB
/
mental-health.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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
name="viewport">
<meta content="ie=edge" http-equiv="X-UA-Compatible">
<title>MindLoom</title>
<link href="mental-health-design.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="main.js"></script>
</head>
<body>
<section class="navigation-bar">
<nav class=navbar>
<div class="brand-div">
<p class="brand-name"><a href="index.html">MindLoom</a></p>
</div>
<div class="nav-options">
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="test.html">Test</a></li>
<li><a href="FAQ.html">FAQ</a></li>
</ul>
</div>
</nav>
</section>
<section class="mental-health">
<div class="mental-health-container">
<div class="mental-health-wrapper">
<div class="mental-health-text">
<div class="mental-health-title-container">
<p class="health-title">What is Mental Health?</p>
</div>
<img alt="" height="450px" src="res/mental-health-banner.jpg" srcset="" width="70%">
<div class="mental-health-title-description">
<p>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 is an
integral component of health and well-being that underpins our individual and collective
abilities
to make decisions, build relationships and shape the world we live in. Mental health is a basic
human right. And it is crucial to personal, community and socio-economic development.
</p>
</div>
<hr style="margin: 10px">
<!--add item-->
<p class="health-secondary-title">Illness around Mental Health</p>
<div class="mental-health-description">
<p>Mental Health could have many related illnesses such as:
</p>
<ul>
<li>Anxiety</li>
<li>Depression</li>
<li>Schizophrenia</li>
<li>Insomnia</li>
<li>Eating Disorder</li>
<li>OCD</li>
</ul>
</div>
<!--add item-->
<p class="health-secondary-title">Culture</p>
<div class="mental-health-description">
<p>Cultural perspectives on mental health involve examining how different cultures influence the
understanding, perception, and treatment of mental health issues. This encompasses diverse
beliefs, values, and practices related to mental well-being. Exploring cultural perspectives can
lead to a more inclusive and effective approach to mental health.
</p>
</div>
<p class="health-secondary-title">Education</p>
<div class="mental-health-description">
<p>Educational approaches to mental health involve integrating mental health awareness, coping
skills, and support mechanisms into educational settings. This includes fostering a positive and
supportive environment, teaching resilience, and providing resources to address mental health
challenges among students. Implementing mental health education contributes to a more informed
and empathetic community.
</p>
</div>
<p class="health-secondary-title">Nutrition</p>
<div class="mental-health-description">
<p>The impact of nutrition on mental health is significant. Nutrient-rich diets with a balance of
essential vitamins and minerals play a crucial role in brain function and emotional well-being.
Certain nutrients, such as omega-3 fatty acids, B vitamins, and antioxidants, have been linked
to cognitive function and mood regulation. A healthy diet can positively influence mental
health, while poor nutrition may contribute to mental health disorders or exacerbate existing
conditions.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="footer">
<div class="footer-container">
<p>MindLoom Copyright 2023</p>
</div>
</section>
</body>
</html>