-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (132 loc) · 4.43 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Communities</title>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x"
crossorigin="anonymous"
/>
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<!-- <div class="navbar navbar-expand-sm bg-dark navbar-dark">
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#dhruv"
aria-controls="navbarNavAltMarkup"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="dhruv">
<div>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link dep" href="">Depression</a>
</li>
<li class="nav-item">
<a class="nav-link soci" href="">Social Anxiety</a>
</li>
<li class="nav-item">
<a class="nav-link thou" href="">Suicidal thoughts</a>
</li>
</ul>
</div>
</div>
</div> -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="#">Community</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#dhruv"
aria-controls="navbarNavAltMarkup"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="dhruv">
<div class="navbar-nav">
<a class="nav-link active" href="#">Depression</a>
<a class="nav-link active" href="#">Social Anxiety</a>
<a class="nav-link active" href="#">Suicidal thoughts</a>
</div>
</div>
</div>
</nav>
<br />
<br />
<div class="intro">
<h1 class="welcome">Welcome everyone!</h1>
<br />
<h2 class="comm">This is the community section</h2>
</div>
<br />
<br />
<div class="container-fluid row main">
<div class="col-lg-8 col-sm-12 about">
<h3>What is this community about?</h3>
<p>
So basically this community is about spreading awarness to the people
that their mental health is important
</p>
<p>
We have different groups where people can connect with others
suffering from the same mental disorder
</p>
<p>
In these groups peopple could talk to each other share what exactly
are they feeling and we will also identify
</p>
<p>the ways to help you get out of these mental disorders</p>
<p>
Here we will other people's experiences and how they overcame their
fears and mental stress
</p>
</div>
<div class="col-lg-4 col-sm-12" style="padding-top: 12px">
<img
src="mn.jpg"
class="img-responsive"
alt="Mental health is important"
/>
</div>
</div>
<br />
<br />
<div class="row">
<div class="col-lg-6 col-sm-12">
<iframe
class="yt"
width="560"
height="315"
src="https://www.youtube.com/embed/ijdHyrQRpCM"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
</div>
</div>
</body>
</html>