-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
241 lines (207 loc) · 9.69 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
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
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Happy DU</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/grayscale.min.css" rel="stylesheet">
<link rel='icon' href='img\hd_Favicon.png' type='image/x-icon' sizes="16x16" />
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/topuhit/[email protected]/1.0.0/font-bangla.css">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top"></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#projects">Our Team</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger text-danger font-weight-bold" href="loh.html">মনের চিঠি</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#signup">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header class="masthead">
<div class="container d-flex h-100 align-items-center">
<div class="mx-auto text-center">
<h1 class="mx-auto my-0 text-uppercase">HAPPY DU</h1>
<h2 class="text-white-50 mx-auto mt-2 mb-5">A non-profit organization of DU</h2>
<a href="loh.html" class="btn btn-primary js-scroll-trigger">মনের চিঠি</a>
</div>
</div>
</header>
<!-- About Section -->
<section id="about" class="about-section text-center">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 class="text-white mb-4">Happy DU</h2>
<p class="text-white-50">Say Yes to Happiness and No to Depression.Sadness is a normal emotion, and we all feel it at certain times of life. While there are many factors that lead sadness to depression, one of the most sinister is “reward erosion.” If you’ve been depressed, you almost certainly experienced the shoreline of your life shrinking, plunging your life into pits of depression like a house falling into the sea..</p>
</div>
</div>
<img src="img/happyDU.jpg" class="img-fluid" alt="">
</div>
</section>
<!-- Projects Section -->
<section id="projects" class="projects-section bg-light">
<div class="container">
<!-- Featured Project Row -->
<div class="row align-items-center no-gutters mb-4 mb-lg-5">
<div class="col-xl-8 col-lg-7">
<img class="img-fluid mb-3 mb-lg-0" src="img/team.jpg" alt="">
</div>
<div class="col-xl-4 col-lg-5">
<div class="featured-text text-center text-lg-left">
<h4>Team Members</h4>
<p class="text-black-50 mb-0">Happy DU is a nonprofit organization working for the mentally depressed students. It established in
February 2018 after hearing back to back news of suicide of the beloved students of our university. From
the urge of doing something for the depressed students Musabbir Hussain, a student of Zoology Department,University Of Dhaka(DU)
with Md. Atiquer Rahman(Institute of Information Technology-IIT,DU),Ishrat Jahan Emu (IIT,DU) started Happy DU. Later former student of Banking and Finance Tahmina Akhter, Kaifa Ibrahim from Disaster Management, Shaila Islam from Accounting Information System, Sadia Afroz Shams from Psychology joined Happy DU.
</p>
</div>
</div>
</div>
<!-- Project One Row -->
<div class="row justify-content-center no-gutters mb-5 mb-lg-0">
<div class="col-lg-6">
<img class="img-fluid" src="img/team2.jpg" alt="">
</div>
<div class="col-lg-6">
<div class="bg-black text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-left">
<h4 class="text-white">Our People</h4>
<p class="mb-0 text-white-50"> No one can proceed without struggling. We are also struggling from the beginning till now. It was not
easy at first to understand someone about our operation. We started with few depressed people and
got their positive feedback that helped us to thrive forward. We didn’t have professional
psychotherapist when we started Happy DU. But we had to deal with those depressed students in spite
of having all of these shortages. We dealt with students and still dealing who are determined to commit
suicide. But at first it was not easy at all.
</p>
<hr class="d-none d-lg-block mb-0 ml-0">
</div>
</div>
</div>
</div>
</div>
<!-- Project Two Row -->
<div class="row justify-content-center no-gutters">
<div class="col-lg-6">
<img class="img-fluid" src="img/demo-image-02.jpg" alt="">
</div>
<div class="col-lg-6 order-lg-first">
<div class="bg-black text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-right">
<h4 class="text-white">Moner Chithi</h4>
<p class="mb-0 text-white-50"> “Moner Chithi” is a google form where a person can share his/her problems or views anonymously. Then we post the problems in our group for discussion and solution. We also referred the critically depressed students immediately to the professional psychotherapist. Anyone can contact us through our official page of Happy DU. Then we provide the necessary steps needed for the students. We started giving scholarship among the students who are depressed for financial crisis but it stopped due to lack of
funding.
</p>
<hr class="d-none d-lg-block mb-0 mr-0">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Signup Section -->
<section class="signup-section">
<div class="container">
<div class="row">
<div class="col-md-10 col-lg-8 mx-auto text-center">
<i class="far fa-paper-plane fa-2x mb-2 text-white"></i>
<h2 class="text-white mb-5">we search for HAPPINESS...<br>we practice RESILIENCE...</h2>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="signup" class="contact-section bg-black">
<div class="container">
<div class="row">
<div class="col-md-4 mb-3 mb-md-0">
<div class="card py-4 h-100">
<div class="card-body text-center">
<i class="fas fa-map-marked-alt text-primary mb-2"></i>
<h4 class="text-uppercase m-0">Address</h4>
<hr class="my-4">
<div class="small text-black-50">University of Dhaka</div>
</div>
</div>
</div>
<div class="col-md-4 mb-3 mb-md-0">
<div class="card py-4 h-100">
<div class="card-body text-center">
<i class="fas fa-envelope text-primary mb-2"></i>
<h4 class="text-uppercase m-0">Email</h4>
<hr class="my-4">
<div class="small text-black-50">
<a href="#">[email protected]</a>
</div>
</div>
</div>
</div>
<div class="col-md-4 mb-3 mb-md-0">
<div class="card py-4 h-100">
<div class="card-body text-center">
<i class="fas fa-mobile-alt text-primary mb-2"></i>
<h4 class="text-uppercase m-0">Phone</h4>
<hr class="my-4">
<div class="small text-black-50">+88 015 21433784</div>
</div>
</div>
</div>
</div>
<div class="social d-flex justify-content-center">
<a href="https://twitter.com/HappyDU2018" class="mx-2">
<i class="fab fa-twitter"></i>
</a>
<a href="https://www.facebook.com/HappyDU2018" class="mx-2">
<i class="fab fa-facebook-f"></i>
</a>
<a href="https://github.com/AtiQ-Rahman/HappyDU" class="mx-2">
<i class="fab fa-github"></i>
</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-black small text-center text-white-50">
<div class="container">
Copyright © Happy DU 2019
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/grayscale.min.js"></script>
</body>
</html>