-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathservices.html
More file actions
302 lines (273 loc) · 18.7 KB
/
services.html
File metadata and controls
302 lines (273 loc) · 18.7 KB
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
301
302
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<script src="index.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"rel="stylesheet"/>
<link rel = "icon" href = "img/healthcare.png">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://www.markuptag.com/bootstrap/5/css/bootstrap.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.4/TweenMax.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.6.0/mdb.min.css" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"rel="stylesheet"/>
<script type="text/javascript"src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.6.0/mdb.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<title>Care-A-Lot</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light fixed-top h-color" style="height:80px;">
<div class="container">
<a class="navbar-brand" href="#" style="color:white; font-size:30px;font-weight:bold;font-family:Roboto;position:absolute;left:20px;">Care-A-Lot</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto">
<div class="video__icon">
<a href="live_maps.html"><div class="circle--outer"></div></a>
<a href="live_maps.html"><div class="circle--inner"></div></a>
<a href="live_maps.html"> <p style="font-size: 15px;font-weight:bolder;">LIVE</p></a>
</div>
<li class="nav-item active ">
<a class="nav-link" href="index.html" style="color:white;font-size:20px;position:relative;left:70px">Home</a>
</li>
<li class="nav-item">
<a class="nav-link " href="about.html" style="color:white;font-size:20px;position:relative;left:90px;">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html" style="color:white;font-size:20px;position:relative;left:110px;">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html" style="color:white;font-size:20px;position:relative;left:130px;">Contact</a>
</li>
<li class="nav-item">
<a href="login.html" style="position:relative;left:150px;"><i class="fas fa-user-plus fa-3x " style="color:rgb(255, 255, 255);"></i></a>
</li>
</ul>
</div>
</div>
</nav>
<div class="wrapper">
<div class="typing-demo">
Need Help Now?
</div>
</div>
<img src="img/ambulance.png" alt="Ambulance" class="ambu">
<h4>If you are in immediate need of help, please contact to our HELP AID care or click below Fill Details to contact us .
</h4>
<br><br><br><br>
<div class="container">
<div class="row">
<div class="col-xs-12 col-lg-3 col-md-3">
<div class="card1 earth">
<div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
<img src="img/earthquake.jpg"id="c1" class="img-fluid">
<a href="#!">
<div class="mask" style="background-color: rgba(72, 222, 233, 0.15);"></div>
</a>
</div>
<div class="card-body">
<h5 class="card-title"><img src="img/earth icon.png" height="50px"> Earthquake Alert</h5>
<!-- <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content. </p> -->
<!-- <a href="#!" class="btn btn-primary">Fill Details</a> -->
<button type="button" class="btn btn-primary mx-auto d-block mt-5 bt-fire" data-bs-toggle="modal" data-bs-target="#modalForm1">
Enlist Precautions
</div>
</div>
</div>
<div class="col-xs-12 col-lg-3 col-md-3">
<div class="card2 flood">
<div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
<img src="https://cdn.dnaindia.com/sites/default/files/styles/full/public/2018/08/19/719939-kerala-flood.jpg" id="c1" class="img-fluid" style="box-shadow: 0 5px 45px rgba(0,0,1,0.15);">
<a href="#!">
<div class="mask" style="background-color: rgba(72, 222, 233, 0.15);"></div>
</a>
</div>
<div class="card-body">
<h5 class="card-title"><img src="img/floodicon.png" height="50px"> Flood Alert</h5>
<!-- <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content. </p> -->
<!-- <a href="#!" class="btn btn-primary">Fill Details</a> -->
<button type="button" class="btn btn-primary mx-auto d-block mt-5 bt-flood" data-bs-toggle="modal" data-bs-target="#modalForm2">
Enlist Precautions
</div>
</div>
</div>
<div class="col-xs-12 col-lg-3 col-md-3">
<div class="card3 tornado">
<div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
<img src="https://static.toiimg.com/thumb/msid-82992763,width-1200,height-900,resizemode-4/.jpg" class="img-fluid">
<a href="#!">
<div class="mask" style="background-color: rgba(90, 89, 89, 0.15);"></div>
</a>
</div>
<div class="card-body">
<h5 class="card-title"><img src="img/tornado.png" height="50px"> Cyclone Alert</h5>
<!-- <a href="#!" class="btn btn-primary ">Fill Details</a> -->
<button type="button" class="btn btn-primary mx-auto d-block mt-5" data-bs-toggle="modal" data-bs-target="#modalForm3">
Enlist precautions
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal For Flood-->
<div class="modal fade" id="modalForm2" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Before, During & After the Flood</h5>
<button type="button" class="btn-close bt-flood" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p><b><U>BEFORE :</b></U>
<br>
To prepare for a flood it is important to:
<br>
<ul>
<li> Remember, if you decide to build your home in a flood plain, you should elevate and reinforce the home.</li>
<li> Keep your furnace, water heater, and electrical panel elevated if you are in an area susceptible to flooding. </li>
<li> Construct barriers to keep flood waters from entering your home. </li>
</ul>
<b><U>DURING :</b></U>
<br>
If a flood is likely in your area, you should:
<br>
<ul>
<li> Listen to the radio or television for information.</li>
<li> Be aware that flash flooding can occur. If there is any possibility of a flash flood, move immediately to higher ground. Do not wait for instructions to move.</li>
<li>Be aware of streams, drainage channels, and other areas known to flood suddenly. Flash floods can occur in these areas with or without such typical warnings as rain clouds or heavy rain.</li>
If you must prepare to evacuate, you should do the following:
<li>Secure your home. If you have time, bring in outdoor furniture. Move essential items to an upper floor.</li>
<li> Turn off utilities at the main switches or valves if instructed to do so.</li>
<li> Disconnect electrical appliances. Do not touch electrical equipment if you are wet or standing in water.</li>
If you have to leave your home, remember these evacuation tips:
<li> Do not walk through moving water. Six inches of moving water can make you fall. If you have to walk in water, walk where the water is not moving. Use a stick to check the firmness of the ground in front of you.</li>
<li>Do not drive into flooded areas. If flood waters rise around your car, abandon the car and move to higher ground if you can do so safely. You and the vehicle can be quickly swept away.</li>
</ul>
<b><U> DRIVING IN A FLOOD</U></b>
<br>
The following are important points to remember when driving in flood conditions:
<br>
<ul>
<li> Six inches of water will reach the bottom of most passenger cars causing loss of control and possible stalling.</li>
<li> Twelve inches of water is enough to float many vehicles.</li>
<li> Two feet of rushing water can carry away most vehicles, including sport utility vehicles (SUV’s) and pick-ups.</li>
</ul>
<b> <U>AFTER :</b><br></U>
Recovering from a flood requires extreme care. After a flood, be sure to:
<ul>
<li>Find out if the water supply is safe to drink before consuming water.</li>
<li> Avoid flood waters, as they may be contaminated. Also, avoid moving water.</li>
<li> Driving is especially hazardous after a flood. Do not drive through flood waters or in areas where the water may have receded. Areas where the water has receded can be fragile and susceptible to collapsing under the weight of your vehicle.</li>
<li> Only return home after authorities have instructed you to do so.</li>
<li> Do not enter a building surrounded by flood waters.</li>
<li> Be very careful when entering a building damaged by flood waters, as hidden damage is likely and can be extremely dangerous.</li>
<li> Be sure to repair damaged sewage systems, as these can cause serious health risks.</li>
<li> Clean and disinfect everything that got wet during the flood because flood waters may be contaminated.</li></p>
</ul>
</div>
</div>
</div>
</div>
<!--Modal for Tornado-->
<div class="modal fade" id="modalForm3" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Before, During & After Cyclone</h5>
<button type="button" class="btn-close bt-flood" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p><b><u>BEFORE THE CYLONE SEASON:</b></u>
<br>
<ul>
<li> Check with your local council or your building control authority to see if your home has been built to cyclone standards.</li>
<li>Check that the walls, roof and eaves of your home are secure. </li>
<li>Trim treetops and branches well clear of your home (get council permission) </li>
<li>Preferably fit shutters, or at least metal screens, to all glass areas.</li>
<li>Clear your property of loose material that could blow about and possibly cause injury or damage during extreme winds.</li>
<li>In case of a storm surge/tide warning, or other flooding, know your nearest safe high ground and the safest access route to it.</li>
<li>Prepare an emergency kit containing:</li>
<ul>
<li>a portable battery radio, torch and spare batteries;</li>
<li>water containers, dried or canned food and a can opener;</li>
<li>matches, fuel lamp, portable stove, cooking gear, eating utensils; and</li>
<li>a first aid kit and manual, masking tape for windows and waterproof bags.</li>
</ul>
<li>Keep a list of emergency phone numbers on display.</li>
Check neighbours, especially if recent arrivals, to make sure they are prepared.
</ul>
<b><u>WHEN A CYCLONE WARNING IS ISSUED</b></u>
<br>
<B>Depending on official advice provided by your local authorities as the event evolves; the following actions may be warranted.</B>
<ul>
<li>If requested by local authorities, collect children from school or childcare centre and go home. </li>
<li>Park vehicles under solid shelter (hand brake on and in gear). </li>
<li>Put wooden or plastic outdoor furniture in your pool or inside with other loose items.</li>
<li>Close shutters or board-up or heavily tape all windows. Draw curtains and lock doors.</li>
<li>Pack an evacuation kit of warm clothes, essential medications, baby formula, nappies,
valuables, important papers, photos and mementos in waterproof bags to be taken with
your emergency kit. Large/heavy valuables could be protected in a strong cupboard.</li>
Remain indoors (with your pets). Stay tuned to your local radio/TV for further information.
</ul>
<br>
<b><u>WHEN THE CYCLONE STRIKES</b></u>
<UL>
<LI>Disconnect all electrical appliances. Listen to your battery radio for updates. </LI>
<LI>Stay inside and shelter (well clear of windows) in the strongest part of the building,
i.e. cellar, internal hallway or bathroom. Keep evacuation and emergency kits with you.</LI>
<LI>If the building starts to break up, protect yourself with mattresses, rugs or blankets under a
strong table or bench or hold onto a solid fixture, e.g. a water pipe.</LI>
<LI>Beware the calm 'eye'. If the wind drops, don't assume the cyclone is over; violent winds
will soon resume from another direction. Wait for the official 'all clear'</LI>
</UL>
<b><u>AFTER THE CYCLONE</b></u><br>
<ul>
<li>Don't go outside until officially advised it is safe.</li>
<li>Check for gas leaks. Don't use electric appliances if wet.</li>
<li>If you have to evacuate, or did so earlier, don't return until advised. Use a recommended route and don't rush.</li>
<li>Beware of damaged power lines, bridges, buildings, trees, and don't enter floodwaters.</li>
</p>
</ul>
</div>
</div>
</div>
</div>
<!--Earthquake modal-->
<div class="modal fade" id="modalForm1" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Before, During & After Earthquake</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p><b>IMPORTANT EARTHQUAKE SAFETY PRECAUTIONS :</b>
<br>
If you have prepared before the quake, the MyShake earthquake app on your phone will give you seconds to activate your emergency plan. Staying calm is the first step in earthquake safety precautions.
<br>
<ul>
<li>When an earthquake starts, grab your emergency preparedness kit. Remember, Drop, Cover, and Hold On. </li>
<li>Get down on the ground under a table or desk. Keep your emergency preparedness kit nearby so you'll have the supplies you need. </li>
<li>Keep clear of windows—glass may shatter from the shaking. </li>
<li>Never stand under objects that can fall on top of you like a large bookcase. </li>
<li>If you’re in bed, cover your head and neck with pillows. </li>
<li>If you are home, don’t go outside. Stay off the roads. </li>
<li>If you’re outside, move away from buildings which can collapse. Stay in an open area where there are no trees, buildings or power lines.</li>
<li>If you’re driving when an earthquake strikes, pull over to a large open area that’s not under trees or power lines. Set the parking brake. Stay in the vehicle.</li>
<li>If you’re at school, work, or any shopping area don’t take the elevator. Take the stairs.</li>
</ul>
</div>
</div>
</div>
<script src="https://www.markuptag.com/bootstrap/5/js/bootstrap.bundle.min.js"></script>
</body>
</html>