-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathserenespace.html
162 lines (141 loc) · 7.3 KB
/
serenespace.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
<!DOCTYPE html>
<html>
<head>
<title>SERENESPACE</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<style>
body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}
</style>
</head>
<body class="w3-pale-red">
<!-- w3-content defines a container for fixed size centered content,
and is wrapped around the whole page content, except for the footer in this example -->
<div class="w3-content" style="max-width:1400px">
<!-- Header -->
<header class="w3-container w3-center w3-padding-32">
<h1 style="font-size:80px;"><b>SERENESPACE</b></h1>
<h3>Chasing a Peaceful Mind <span class="w3-tag"></span></h3>
</header>
<!-- Grid -->
<div class="w3-row">
<!-- Blog entries -->
<div class="w3-col l8 s12">
<!-- Blog entry -->
<div class="w3-card-4 w3-margin w3-white">
<img src="https://i0.wp.com/calmatters.org/wp-content/uploads/2022/06/ChanelleNibbelink_CalMatters_MentalHealthShuffle_Final1.png?w=2000&ssl=1" alt="Nature" style="width:100%">
<div class="w3-container">
<h3><b>WHAT IS MENTAL HEALTH?</b></h3>
</div>
<div class="w3-container">
<p>Mental health is the overall wellness of how you think, regulate your feelings and behave. Sometimes people experience a significant disturbance in this mental functioning. A mental disorder may be present when patterns or changes in thinking, feeling or behaving cause distress or disrupt a person's ability to function. A mental health disorder may affect how well you:
<p>• Maintain personal or family relationships</p>
<p>•Function in social settings</p>
<p>•Perform at work or school</p>
<p>•Learn at a level expected for your age and intelligence</p>
<p>•Participate in other important activities</p>
<p>Cultural norms and social expectations also play a role in defining mental health disorders. There is no standard measure across cultures to determine whether a behavior is normal or when it becomes disruptive. What might be normal in one society may be a cause for concern in another.</p>
<div class="w3-row">
<div class="w3-col m8 s12">
<p><button class="w3-button w3-padding-large w3-white w3-border"><b>READ MORE »</b></button></p>
</div>
<div class="w3-col m4 w3-hide-small">
<p><span class="w3-padding-large w3-right"><b> </b> <span class="w3-tag">0</span></span></p>
</div>
</div>
</div>
</div>
<hr>
<!-- Blog entry -->
<div class="w3-card-4 w3-margin w3-white">
<img src="https://www.mcislanguages.com/wp-content/uploads/iStock-1332666889.jpg" alt="Norway" style="width:100%">
<div class="w3-container">
<h3><b>WHO IS SERENE?</b></h3>
</div>
<div class="w3-container">
<p>SERENE is an AI chatbot that uses machine learning algorithms to predict the daily stress level of the user. The chatbot engages the user in conversation and asks them a series of questions about their daily routine, such as work, exercise, sleep, and diet. The chatbot provides personalized recommendations and strategies for reducing stress, such as taking breaks, practicing mindfulness, or doing breathing exercises.
</p>
<div class="w3-row">
<div class="w3-col m8 s12">
<p><button class="w3-button w3-padding-large w3-white w3-border"><b>READ MORE »</b></button></p>
</div>
<div class="w3-col m4 w3-hide-small">
<p><span class="w3-padding-large w3-right"><b> </b> <span class="w3-badge"></span></span></p>
</div>
</div>
</div>
</div>
<!-- END BLOG ENTRIES -->
</div>
<!-- Introduction menu -->
<div class="w3-col l4">
<!-- About Card -->
<div class="w3-card w3-margin w3-margin-top">
<img src="https://www.reginapublicschools.ca/sites/www.reginapublicschools.ca/files/styles/large/public/field/image/Mental%20Health%20Supports%20Image.png?itok=vHOCoDiR" style="width:100%">
<div class="w3-container w3-white">
<iframe
allow="microphone;"
width="350"
height="430"
src="https://console.dialogflow.com/api-client/demo/embedded/b7760fcb-42c2-4a8a-9722-711c6635dab1">
</iframe>
</div><hr>
<!-- Posts -->
<div class="w3-card w3-margin">
<div class="w3-container w3-padding">
<h4>Mental Health Resources</h4>
</div>
<ul class="w3-ul w3-hoverable w3-white">
<li class="w3-padding-16">
<img src="https://cdn-icons-png.flaticon.com/512/9903/9903957.png" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-medium">PsychCentral</span><br>
<span>
https://psychcentral.com/</span>
</li>
<li class="w3-padding-16">
<img src="https://cdn-icons-png.flaticon.com/512/9818/9818140.png" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-medium">World Health Organization</span><br>
<span>
https://www.who.int/health-topics/mental-health#tab=tab_1</span>
</span>
</li>
<li class="w3-padding-16">
<img src="https://cdn-icons-png.flaticon.com/512/3997/3997942.png" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-medium">HEALTH COLLECTIVE</span><br>
<span>http://healthcollective.in/</span>
</li>
<li class="w3-padding-16 w3-hide-medium w3-hide-small">
<img src="https://cdn-icons-png.flaticon.com/512/9818/9818159.png" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">iCALL</span><br>
<span>https://icallhelpline.org/</span>
</li>
</ul>
</div>
<hr>
<!-- Labels / tags -->
<div class="w3-card w3-margin">
<div class="w3-container w3-padding">
<h4>Disorders</h4>
</div>
<div class="w3-container w3-white">
<p><span class="w3-tag w3-black w3-margin-bottom">Anxiety</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Depression</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">PTSD</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Autism</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Panic Disorder</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">ADD</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Phobia</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">OCD</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">ADHD</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Psychosis</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">BPD</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Eating Disorder
</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Schizophrenia</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Social Anxiety Disorder
</span>
</p>
</div>
</div>
<!-- END Introduction Menu -->
</div>
<!-- END GRID -->
</div><br>
<!-- END w3-content -->
</div>
<!-- Footer. This section contains an ad for W3Schools Spaces. You can leave it to support us. -->
</body>
</html>