-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog_page.html
117 lines (98 loc) · 7.58 KB
/
blog_page.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
<!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; 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>
<!--BLOG POSTS-->
<h1 style="color: #1c1642;text-align:justify; margin-top:50px; margin-left:80px; font-size:45px;">Our Blogs</h1>
<br><br>
<!--ARTICLE 1-->
<div class="card">
<div class="card-body" style="padding:15px; ">
<div style=" width: 100%; height: 100%; color: black; font-size: 24px; font-family: Open Sans; font-weight: 400; line-height: 58px; word-wrap: break-word">01</div>
<a href="article1.html"><img style="width: 250px; height: 150px; border-radius: 57px; float: right;" src="article 11.png" /></a>
<div style="margin-left: 5%; width: 100%; height: 100%; color: black; font-size: 44px; font-family: Rubik; font-weight: 700; line-height: 55.44px; word-wrap: break-word">Depression</div>
<br>
<div style="margin-left: 10%; height: 100%; color: #9B9B9B; font-size: 18px; font-family: Open Sans; font-weight: 400; line-height: 32px; word-wrap: break-word;text-align: justify; width:700px;">In the tapestry of human emotions, there are moments of joy, sorrow, and everything in between. Yet, for some, these emotions can become entwined in a relentless struggle that casts a shadow over their lives. Depression, a complex and often misunderstood mental health condition, is a topic that demands our attention and empathy...</div>
<br>
<div style="margin-left: 15%;">
<div class="button"style="" ><a href="article1.html" style="text-decoration: none;">Read More</a></div>
</div>
</div>
<!--ARTICLE 2-->
<div class="card">
<div class="card-body" style="padding:15px;">
<div style=" width: 100%; height: 100%; color: black; font-size: 24px; font-family: Open Sans; font-weight: 400; line-height: 58px; word-wrap: break-word">02</div>
<a href="article2.html"><img style="width: 250px; height: 150px; float: right; border-radius: 57px;" src="article 2.jpg" /></a>
<div style="margin-left: 5%; width: 100%; height: 100%; color: black; font-size: 44px; font-family: Rubik; font-weight: 700; line-height: 55.44px; word-wrap: break-word">Obsessive-Compulsive Disorder (OCD)
</div>
<br>
</style>
<div style="margin-left: 10%; width:700px;; height: 100%; color: #9B9B9B; font-size: 18px; font-family: Open Sans; font-weight: 400; line-height: 32px; word-wrap: break-word; text-align: justify;">In a world that often presents us with challenges and uncertainties, our minds can sometimes respond in unexpected ways. One such response is known as Obsessive-Compulsive Disorder (OCD)...</div>
<br>
<div style="margin-left: 15%;">
<div class="button"style=""><a href="article2.html" style="text-decoration: none;">Read More</a></div>
</div>
</div>
<!--ARTICLE 3-->
<div class="card">
<div class="card-body" style="padding:15px;">
<div style=" width: 100%; height: 100%; color: black; font-size: 24px; font-family: Open Sans; font-weight: 400; line-height: 58px; word-wrap: break-word">03</div>
<a href="article3.html"><img style="width: 250px; height: 150px; border-radius: 57px; float: right;" src="article 3.jpg" /></a>
<div style="margin-left: 5%; width: 100%; height: 100%; color: black; font-size: 44px; font-family: Rubik; font-weight: 700; line-height: 55.44px; word-wrap: break-word">Post Traumatic Stress Disorder (PTSD)</div>
<br>
</style>
<div style="margin-left: 10%; width:800px; height: 100%; color: #9B9B9B; font-size: 18px; font-family: Open Sans; font-weight: 400; line-height: 32px; word-wrap: break-word;text-align: justify;">Post-Traumatic Stress Disorder (PTSD) is a mental health condition that can have a profound impact on an individual's life. Stemming from exposure to traumatic events, PTSD can affect anyone, regardless of age, gender, or background. In this blog, we delve into the intricacies of PTSD, exploring its causes, symptoms, treatment options, and ways to support those affected...</div>
<br>
<div style="margin-left: 15%;">
<div class="button"style=""><a href="article3.html" style="text-decoration: none;">Read More</a></div>
</div>
</div>
<br><br>
<!--chatbot-->
<!--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>