-
Notifications
You must be signed in to change notification settings - Fork 0
/
FAQ.html
141 lines (129 loc) · 4.47 KB
/
FAQ.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" media="screen" href="FAQ.css"/>
<title>FAQ</title>
</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>
<div class="title">
<div class="title-wrapper">
<p class="title-text">Frequently Ask Question (FAQ)</p>
</div>
</div>
<div class="accordion">
<div class="accordion-item">
<div class="accordion-heading">
<div><span class="question-q">
Q.</span>
<span>What is mental health?</span>
</div>
<span class="accordion-icon">+</span>
</div>
<div class="accordion-content">
<div class="accordion-text-content">
<div><span class="answer-a">
A.</span>
<p> Mental health refers to emotional, psychological, and social well-being. It affects how individuals think, feel, and act.</p>
</div>
</div>
</div>
</div>
<hr style="margin: 10px">
<div class="accordion-item">
<div class="accordion-heading">
<div><span class="question-q">
Q.</span>
<span>What are common mental health disorders?</span>
</div>
<span class="accordion-icon">+</span>
</div>
<div class="accordion-content">
<div class="accordion-text-content">
<div><span class="answer-a">
A.</span>
<p>Common disorders include depression, anxiety, bipolar disorder, schizophrenia, and eating disorders.</p>
</div>
</div>
</div>
</div>
<hr style="margin: 10px">
<div class="accordion-item">
<div class="accordion-heading">
<div><span class="question-q">
Q.</span>
<span>How can I maintain good mental health?</span>
</div>
<span class="accordion-icon">+</span>
</div>
<div class="accordion-content">
<div class="accordion-text-content">
<div><span class="answer-a">
A.</span>
<p>Prioritize self-care, stay connected with others, manage stress, exercise regularly, and seek professional help when needed.</p>
</div>
</div>
</div>
</div>
<hr style="margin: 10px">
<div class="accordion-item">
<div class="accordion-heading">
<div><span class="question-q">
Q.</span>
<span>What are the signs of depression?</span>
</div>
<span class="accordion-icon">+</span>
</div>
<div class="accordion-content">
<div class="accordion-text-content">
<div><span class="answer-a">
A.</span>
<p> Persistent sadness, loss of interest in activities, changes in sleep or appetite, fatigue, and feelings of worthlessness.
</p>
</div>
</div>
</div>
</div>
<hr style="margin: 10px">
<div class="accordion-item">
<div class="accordion-heading">
<div><span class="question-q">
Q.</span>
<span>How can I help someone with a mental health issue?</span>
</div>
<span class="accordion-icon">+</span>
</div>
<div class="accordion-content">
<div class="accordion-text-content">
<div><span class="answer-a">
A.</span>
<p>Offer support, listen without judgment, encourage professional help, and educate yourself about their condition.</p>
</div>
</div>
</div>
</div>
</div>
<script src="FAQ.js"></script>
<section class="footer">
<div class="footer-container">
<p>MindLoom Copyright 2023</p>
</div>
</section>
</body>
</html>