forked from ankit-khemani/swasthya
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
300 lines (258 loc) · 14.4 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
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
<!DOCTYPE html>
<!-- Created By CodingNepal -->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SEHAT EXPERT</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
<!-- ,,,,,,,,,,,,,,,,,,,,, -->
</head>
<body>
<div class="scroll-up-btn">
<i class="fas fa-angle-up"></i>
</div>
<nav class="navbar">
<div class="max-width">
<div class="logo"><a href="#">Swas<span>t</span>hya</a></div>
<ul class="menu">
<li><a href="#home" class="menu-btn">Home</a></li>
<li><a href="#about" class="menu-btn">About</a></li>
<li><a href="#services" class="menu-btn">Disease</a></li>
<li><a href="#skills" class="menu-btn">Blog</a></li>
<li><a href="#teams" class="menu-btn">Ngo</a></li>
<li><a href="#contact" class="menu-btn">Contact us</a></li>
</ul>
<div class="menu-btn">
<i class="fas fa-bars"></i>
</div>
</div>
</nav>
<!-- home section start -->
<section class="home" id="home">
<div class="max-width">
<div class="home-content">
<div class="text-1">We at</div>
<div class="text-2">Swas<span>t</span>hya</div>
<div class="text-3"> provide <span class="typing"></span></div>
<a href="BLOG.html">BOOK OF HOPE</a>
</div>
</div>
</section>
<!-- about section start -->
<section class="about" id="about">
<div class="max-width">
<h2 class="title">About us</h2>
<div class="about-content">
<div class="column left">
<img src="images/SEHAT.png" alt="snap logo">
</div>
<div class="column right">
<div class="text">We at SWASTHYA provide <span class="typing-2"></span></div>
<p>Swasthya(means health in english) is a niche blog that cover health topics, related content of the health industry and the general community.
Here diverse users collaborate to seek and/or contribute health content within the standard guidelines.
We have covered six major domains namely heart,skin,mental health,orthopaedics,pulmonology and eyes.
A speciality of our website is that we provide our users with a book hope in which stories of lion-hearted people who survived grave diseases are narrated.
So what are you waiting for ?Join and help us create a ray of hope in this world!. </p>
<BR>
<H4> We welcome you all to our Health family.</H4>
<br><br>
</div>
</div>
</div>
</section>
<!-- services section start -->
<section class="services" id="services">
<div class="max-width">
<h2 class="title">Disease</h2>
<div class="serv-content">
<div class="card">
<div class="box">
<a href="Skin.html"><i class="fas fa-allergies"></i></a>
<div class="text"> SKIN </div>
<p>Healthy skin, beautiful you.</p>
</div>
</div>
<div class="card">
<div class="box">
<a href="Heart.html"><i class="fas fa-heartbeat"></i></a>
<div class="text"> HEART </div>
<p>With strong Heart longer you run</p>
</div>
</div>
<div class="card">
<div class="box">
<a href="Eye.html"><i class="fas fa-eye"></i></a>
<div class="text"> EYES</div>
<p>Enhancing Your Vision.</p>
</div>
</div>
<div class="card">
<div class="box">
<a href="Bones.html"><i class="fas fa-bone"></i></a>
<div class="text">ORTHO</div>
<p>Breaks, sprains and pains arena.</p>
</div>
</div>
<div class="card">
<div class="box">
<a href="Mental.html"><i class="fas fa-laugh-beam"></i></a>
<div class="text"> MENTAL HEALTH </div>
<p>A healthy mind,
is a treasure .</p>
</div>
</div>
<div class="card">
<div class="box">
<a href="respiration.html"><i class="fas fa-head-side-cough"></i></a>
<div class="text">Respiration</div>
<p>Make asthma gasp</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- skills section start -->
<section class="skills" id="skills">
<div class="max-width">
<h2 class="title">BOOK OF HOPE</h2>
<div class="skills-content">
<div class="column left">
<div class="text">About BOOK OF HOPE.</div>
<p>A platform for Strugglers who want to share story from their life,
whether it's about small or big disease they have fought with or they are fighting.
<BR> Through
this platform, we are trying to give self confidence, an opportunity to come forward and share their struggle, their
thoughts, their experiences, their way to fight with disease with people like them
globally coz these stories need to be acknowledged and it will provide confidence and hope to people who ream them.
<BR><BR>So, we invite you to share your stories with us.
<br><BR>✨IF THEY CAN , WE CAN ✨ </p>
<a href="mailus.html">MAIL US</a>
<a href="BLOG.html">BLOG</a>
</div>
<div class="column right">
<img src="images/Book.png" alt="logo body" height="30%" width="50%">
</div>
</div>
</div>
</section>
<!-- teams section start -->
<section class="teams" id="teams">
<div class="max-width">
<h2 class="title">HELPING NGO</h2>
<div class="carousel owl-carousel">
<div class="card">
<div class="box">
<a href=" https://www.justdial.com/Jaipur/Samvedna-Sanstha-Phulera/0141PX141-X141-140627100422-Z4A3_BZDET?xid=SmFpcHVyIE5HT1MgRm9yIE1lbnRhbCBIZWFsdGg=">
<img src="images/n1.jpeg" alt="ankit"></a>
<div class="text">HelpAge India</div>
<p>HelpAge India has one of the largest mobile healthcare programs across India,
providing free healthcare services to destitute elders.</p>
</div>
</div>
<div class="card">
<div class="box">
<a href=" https://www.justdial.com/Jaipur/Samvedna-Sanstha-Phulera/0141PX141-X141-140627100422-Z4A3_BZDET?xid=SmFpcHVyIE5HT1MgRm9yIE1lbnRhbCBIZWFsdGg=">
<img src="images/n2.jpeg" alt="ankit"></a>
<div class="text">Rural Health Care Foundation</div>
<p>founded by the late Arun Nevatia. It strives to provide low cost primary healthcare to
the lowest strata of the socio-economic pyramid and is doing well in achieving its goals.</p>
</div>
</div>
<div class="card">
<div class="box">
<a href=" https://www.justdial.com/Jaipur/Samvedna-Sanstha-Phulera/0141PX141-X141-140627100422-Z4A3_BZDET?xid=SmFpcHVyIE5HT1MgRm9yIE1lbnRhbCBIZWFsdGg=">
<img src="images/n3.jpeg" alt="ankit"></a>
<div class="text">Goonj </div>
<p>Goonj address the basic but neglected issues of the poor and values the traditional wisdom of the local people.
It enables them to participate in Goonj’s solutions and gives out urban material as reward</p>
</div>
</div>
<div class="card">
<div class="box">
<a href=" https://www.justdial.com/Jaipur/Samvedna-Sanstha-Phulera/0141PX141-X141-140627100422-Z4A3_BZDET?xid=SmFpcHVyIE5HT1MgRm9yIE1lbnRhbCBIZWFsdGg=">
<img src="images/n4.jpeg" alt="ankit"></a>
<div class="text"> Deepalaya </div>
<p>HIt promotes self-reliance, with prime attention to
women and children. It also works towards development of the urban
and rural poor population</p>
</div>
</div>
<div class="card">
<div class="box">
<a href=" https://www.justdial.com/Jaipur/Samvedna-Sanstha-Phulera/0141PX141-X141-140627100422-Z4A3_BZDET?xid=SmFpcHVyIE5HT1MgRm9yIE1lbnRhbCBIZWFsdGg=">
<img src="images/n5.jpeg" alt="ankit"></a>
<div class="text"> Lepra Society</div>
<p>As the name suggests, Lepra Society works to empower people
affected with leprosy. It also fosters the healthcare of victims
of lymphatic filariasis.</p>
</div>
</div>
<div class="card">
<div class="box">
<a href=" https://www.justdial.com/Jaipur/Samvedna-Sanstha-Phulera/0141PX141-X141-140627100422-Z4A3_BZDET?xid=SmFpcHVyIE5HT1MgRm9yIE1lbnRhbCBIZWFsdGg=">
<img src="images/n6.jpeg" alt="ankit"></a>
<div class="text">CRY(Child Rights and You)</div>
<p>CRY(Child Rights and You) was started by Rippan Kapur in 1979 with six of his friends and fifty rupees at his mother’s dining
table. They had a dream of witnessing a day when every
single Indian child would enjoy his/her rights such as survival,
protection and development.</p>
</div>
</div>
</div>
</div>
</section>
<!-- contact section start -->
<section class="contact" id="contact">
<div class="max-width">
<h2 class="title">DONATION</h2>
<div class="contact-content">
<div class="column left">
<p>The value of life is not in its duration, but in its donation.
You are not important because of how long you live,
you are important because of how effective you live
.</p>
</div>
<div class="column right">
<div class="text">DONATE</div>
<form action="#">
<div class="fields">
<div class="field name">
<input type="text" placeholder="Name" required>
</div>
<div class="field email">
<input type="email" placeholder="Email" required>
</div>
</div>
<div class="field">
<input type="number" placeholder="Account Number" required>
</div>
<div class="field name">
<input type="number" placeholder="Amount" required>
</div>
<div class="field textarea">
<textarea cols="30" rows="10" placeholder="Your cheer full message." required></textarea>
</div>
<div class="button-area">
<button type="submit">Donate</button>
</div>
</form>
</div>
</div>
<!------ Include the above in your HEAD tag ---------->
</div>
</section>
<!-- footer section start -->
<footer>
<span>Created By <a href= "https://www.instagram.com/ak_khemani/?hl=en" >Team- Tech_Bots</a> | <span class="far fa-copyright"></span> 2021 All rights reserved.</span>
</footer>
<script src="script.js"></script>
</body>
</html>