-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathatoz.html
129 lines (105 loc) · 6.96 KB
/
atoz.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="images/logo.png"/>
<title>LetItBe</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
margin: 0;
padding: 0;
background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"%3E%3Cg fill-rule="evenodd"%3E%3Cg fill="%239C92AC" fill-opacity="0.4"%3E%3Cpath opacity=".5" d="M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z"/%3E%3Cpath d="M6 5V0H5v5H0v1h5v94h1V6h94V5H6z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
}
h1 {
text-align: center;
margin: 20px 0;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: teal;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
border-radius: 5px;
}
.entry {
background-color: white;
margin-bottom: 20px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
}
.description {
font-size: 20px;
margin-top: 10px;
font-family: Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>
<h1>List of Common Mental Health Illnesses</h1>
<div class="container">
<div class="entry">
<h2><a href="https://en.wikipedia.org/wiki/Anxiety_disorder">Anxiety Disorders:</a></h2>
<p class="description">
Anxiety disorders are a group of mental health disorders characterized by feelings of anxiety and fear. They can range from generalized anxiety disorder (GAD) to specific phobias.
</p>
</div>
<div class="entry">
<h2><a href="https://en.wikipedia.org/wiki/Bipolar_disorder">Bipolar Disorder:</a></h2>
<p class="description">
Bipolar disorder, also known as manic-depressive illness, is marked by extreme mood swings, including episodes of mania (elevated mood) and depression (low mood).
</p>
</div>
<div class="entry">
<h2><a href="https://en.wikipedia.org/wiki/Major_depressive_disorder"> Clinical Depression:</a></h2>
<p class="description">
Clinical depression, or major depressive disorder, is a common mental health disorder characterized by persistent feelings of sadness, hopelessness, and a loss of interest or pleasure in activities.
</div>
<div class="entry">
<h2><a href="https://en.wikipedia.org/wiki/Dissociative_identity_disorder"> Dissociative Identity Disorder (DID):</a></h2>
<p class="description">
DID, formerly known as multiple personality disorder, is a condition in which an individual's identity is fragmented into two or more distinct personality states.
</div>
<div class="entry">
<h2><a href="https://en.wikipedia.org/wiki/Eating_disorder">Eating Disorders:</a></h2>
<p class="description">
Eating disorders like anorexia nervosa and bulimia nervosa involve extreme and unhealthy behaviors related to food, eating, and body weight.
</div>
<div class="entry">
<h2><a href="https://en.wikipedia.org/wiki/Generalized_anxiety_disorder">Generalized Anxiety Disorder (GAD):</a></h2>
<p class="description">
GAD is a chronic condition marked by excessive worry and anxiety about various aspects of life, often without a specific trigger.
</div>
<div class="entry">
<h2><a href="https://en.wikipedia.org/wiki/Insomnia">Insomnia:</a></h2>
<p class="description">
Insomnia is a sleep disorder characterized by difficulty falling asleep or staying asleep, leading to daytime fatigue and impairment.
</div>
<div class="entry">
<h2><a href="https://en.wikipedia.org/wiki/Narcissistic_personality_disorder">Narcissistic Personality Disorder (NPD):</a></h2>
<p class="description">
NPD involves an inflated sense of self-importance, a need for excessive attention, and a lack of empathy for others.
</div>
<div class="entry">
<h2><a href="https://en.wikipedia.org/wiki/Postpartum_depression">Postpartum Depression:</a></h2>
<p class="description">
Postpartum depression is a form of clinical depression that occurs after childbirth and may involve mood disturbances and difficulty bonding with the baby.
</div>
<div class="entry">
<h2><a href="https://en.wikipedia.org/wiki/Substance_abuse">Substance Use Disorder: </a></h2>
<p class="description">
Substance use disorder refers to problematic patterns of substance use, including drug addiction and alcoholism, that can lead to negative consequences.
</div>
<div class="entry">
<h2><a href="https://en.wikipedia.org/wiki/Tourette_syndrome">Tourette Syndrome:</a></h2>
<p class="description">
Tourette syndrome is a neurological condition characterized by involuntary tics and vocalizations.
</div>
</div>
</body>
</html>