-
Notifications
You must be signed in to change notification settings - Fork 0
/
student.html
188 lines (170 loc) · 9.34 KB
/
student.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">
<title>MindCare Connect</title>
<link rel="stylesheet" href="blog.css">
<link rel="stylesheet" href="bmi.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="bmis.js"></script>
</head>
<body style="background-color:#FFFFFF; background-image: linear-gradient(#FFFFFF, #D3C0D2); overflow-x: hidden;">
<!--NAV BAR-->
<script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>
<script src="https://mediafiles.botpress.cloud/48f879f3-f15f-4195-9ddd-126ea094aae6/webchat/config.js" defer></script>
<div style="background-color: #FFFFFF;">
<a><img src=""></a>
<a href="blog_page.html" style="text-decoration: none;"><div style="text-align: center; color: black; font-size: 25px; font-family: Nunito; font-weight: 700; word-wrap: break-word;margin-left:900px;">Blog</div></a>
<a href="about_us.html" style="text-decoration: none;"><div style="text-align: center; color: black; font-size: 25px; font-family: Nunito; font-weight: 700; word-wrap: break-word; margin-left:700px;margin-top:-37px;">About us</div></a>
<a href="index.html" style="text-decoration: none;"><div style="text-align: center; color: black; font-size: 25px; font-family: Nunito; font-weight: 700; word-wrap: break-word; margin-left:240px;margin-top:-37px;">Home</div></a>
<a href="forum_discussion_page.html" style="text-decoration: none;"><div style="text-align: center; color: black; font-size: 25px; font-family: Nunito; font-weight: 700; word-wrap: break-word; margin-left:440px;margin-top:-37px;">Forum</div></a>
<a href="index.html"><img src="MCC_logo.png" style="width:200px; margin-top:-50px;"></a>
<!--DROP DOWN MENU-->
<div style="margin-left:1170px; margin-top:-190px;"><center>
<ul class="nav nav-tabs" style="border-color: #ffffff;">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">
<div style="width: 35px;height: 5px;background-color: black;margin: 3px 0;"></div>
<div style="width: 35px;height: 5px;background-color: black;margin: 3px 0;"></div>
<div style="width: 35px;height: 5px;background-color: black;margin: 3px 0;"></div>
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="bmi_diet_lifestyle.html">BMI, Diet and Lifestyle</a></li>
<li><a class="dropdown-item" href="lgbtq_page.html">LGBTQ+ support</a></li>
<li><a class="dropdown-item" href="quiz_page.html">Assessment</a></li>
<li><a class="dropdown-item" href="crisis.html">Crisis & Helpline</a></li>
</ul>
</li>
</ul>
</center></div>
<!--END OF DROP DOWN-->
</div>
<!--END OF NAV BAR-->
<br><br><br><br>
<h1 style="color: #000000;text-align:justify; margin-left:150px; font-size:45px; width:1000px; margin-top:100px;">Nurturing Your Academic Success and Mental Health: A Balancing Act</h1>
<p style="width:1000px; color:black; text-align:justify; margin-left: 150px;">Your academic journey is a dynamic and intellectually enriching adventure, but it's also a period where maintaining mental health is crucial for sustained success. The pursuit of knowledge, academic achievement, and personal growth comes with its own set of pressures. Examinations, assignments, deadlines, and the desire to excel can sometimes lead to stress and anxiety. This is a common facet of student life, and acknowledging its existence is the first step towards effective management.</p>
<h3 style="color: #000000;text-align:justify; margin-left:150px; width:1000px; margin-top:60px;">How to take care of your mental health for academic success?</h3>
<br><br>
<!--COLUMNS PLACEMENT-->
<div class="container text-center">
<div class="row align-items-center">
<div class="col"><!--START-->
<div class="card" style="width:500px; background-color: #f8ebd8;">
<div class="card-header">
Effective Time Management
</div>
<div class="card-body">
<blockquote class="blockquote mb-0">
<p>Create a well-structured schedule that includes study time, classes, and breaks.
Avoid procrastination and last-minute cramming to reduce stress and anxiety.</p>
</blockquote>
</div>
</div>
<!--END-->
</div>
<div class="col"><!--START-->
<div class="card" style="width:500px; background-color: #f8ebd8;">
<div class="card-header">
Self-Care as a Priority
</div>
<div class="card-body">
<blockquote class="blockquote mb-0">
<p>Prioritize self-care by getting sufficient sleep, maintaining a balanced diet, and engaging in regular physical activity.
A healthy body supports a healthy mind, enhancing your overall well-being.</p>
</blockquote>
</div>
</div>
<!--END--></div>
<div class="col"><!--START-->
<div class="card" style="width:500px; background-color: #f8ebd8;">
<div class="card-header">
Stress Reduction Strategies
</div>
<div class="card-body">
<blockquote class="blockquote mb-0">
<p>Learn stress-reduction techniques like deep breathing, meditation, or mindfulness.
These practices help manage academic pressures and promote emotional balance.</p>
</blockquote>
</div>
</div> <br>
<!--END--></div>
<div class="col"><!--START-->
<div class="card" style="width:500px; background-color: #f8ebd8;">
<div class="card-header">
Building a Support System
</div>
<div class="card-body">
<blockquote class="blockquote mb-0">
<p>Connect with fellow students to share experiences, challenges, and academic tips.
Seek emotional support from friends, family, or university counseling services when needed.</p>
</blockquote>
</div>
</div>
<!--END--></div>
<div class="col"><!--START-->
<div class="card" style="width:500px; background-color: #f8ebd8;">
<div class="card-header">
Maintain a Work-Life Balance
</div>
<div class="card-body">
<blockquote class="blockquote mb-0">
<p>Allocate time for hobbies, relaxation, and social activities to avoid burnout.
Balancing academic workload with personal time is essential for long-term success.</p>
</blockquote>
</div>
</div>
<!--END--></div>
<div class="col"><!--START-->
<div class="card" style="width:500px; background-color: #f8ebd8;">
<div class="card-header">
Positive Self-Care and Mindset
</div>
<div class="card-body">
<blockquote class="blockquote mb-0">
<p>Challenge negative self-talk and self-criticism with positive affirmations.
Celebrate your accomplishments, no matter how small, to boost motivation and self-confidence.</p>
</blockquote>
</div>
</div>
<!--END--></div>
</div>
</div>
<!--END OF COLUMNS PLACEMENT-->
<br><hr><br>
<!--CAROUSEL-->
<center> <div id="carouselExampleCaptions" class="carousel slide" style="width:600px; height:550px; ">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="13.png" class="d-block w-100" alt="..." style="width:150px; height:500px;">
</div>
<div class="carousel-item">
<img src="14.png" class="d-block w-100" alt="..." style="width:300px; height:500px;">
</div>
<div class="carousel-item">
<img src="155.png" class="d-block w-100" alt="..." style="width:300px; height:500px;">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div></center>
<!--END OF CAROUSEL-->
<br><br>
<!--FOOTER-->
<hr>
<p style="text-align: center; font-weight: bolder;">MindCare Connect</p>
<p style="text-align: center; margin-top:-20px; font-weight: bolder;">@2023. All Rights Reserved.</p>
</body>
</html>