-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmedical_services.html
101 lines (83 loc) · 3.61 KB
/
medical_services.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Atlanta Civic Dashboard</title>
<link rel="stylesheet" type="text/css" href="medical_services.css">
<script src="js/d3.v3.min.js" charset="utf-8"></script>
<script type="text/javascript" src="js/medical_services.js"></script>
</head>
<body>
<div id="banner">
<img src="home_images/banner.png" alt="Banner" width="1100" height="100" align="center">
</div>
<div id="menu">
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="aviation.html">Aviation</a></li>
<li><a href="fire_rescue.html">Fire Rescue</a></li>
<li><a href="medical_services.html">Medical Services</a></li>
<li><a href="parks.html">Parks</a></li>
<li><a href="police.html">Police</a></li>
<li><a href="public_works.html">Public Works</a></li>
</ul>
</div>
<div id="animatedAmbulance"></div>
<div id="content">
<h1>Medical Services</h1>
<div class="leftColumn">
<div class="box firstRow">
<h4 align="center">What Are EMS?</h4>
<ul>
<li>Emergency Medical Services, also known as EMS, are a type of help provided to people who need immediate medical attention.</li>
<li>An example of an EMS is the transportation provided by an ambulance to people who really need to go to the hospital.</li>
</ul>
</div>
<div class="box secondRow">
<h4 align="center">Atlanta's EMS</h4>
<ul>
<li>Grady EMS is in charge of the EMS in Atlanta.</li>
<li>It is well known for being one of the largest providers of pre-hospital care in the southeast.</li>
<li>EMS can give people basic life support and advanced life support.</li>
</ul>
</div>
</div>
<div class="rightColumn">
<div class="box firstRow">
<h4 align="center">Did You Know?</h4>
<ul>
<li>The goal of the EMS is to take care of individuals who need care right away or to get them to a hospital where they can get help.</li>
<li>The kind of care or help people receive with EMS before they arrive to the hospital is known as pre-hospital care.</li>
</ul>
</div>
<div class="box secondRow">
<h4 align="center">Basic and Advanced Life Support</h4>
<ul>
<li>Basic life support (BLS) can be used to take care of people with major life-threatening injuries or illnesses, such as someone who has had a heart attack.</li>
<li>Advanced life support (ALS) is like basic life support but includes some more difficult procedures that can be used to save people’s lives.</li>
</ul>
</div>
</div>
<div class="graphBox leftColumn thirdRow">
<h4 align="center">EMS Data</h4>
<ul>
<li>The graph to the right shows the average EMS response time, or how quickly it took for EMS to respond to a call.</li>
<li>Click on a button to see the data for a different month.</li>
<li>If the graph is red it means the response time was too slow, so it would take longer for the workers in EMS to help a person. Yellow means it was close to the target time. Green means the response was quick.</li>
<li>The graphs below show the percentage of times EMS provided BLS and ALS that met Georgia's EMS standards.</li>
</ul>
</div>
</div> <!--closes the id="content"-->
<div id="pie">
<div id="form">
<ul>
<label><input type="radio" name="dataset" title="April" id="91" value="april" checked> April</label>
<label><input type="radio" name="dataset" title="May" id="75" value="may"> May</label>
<label><input type="radio" name="dataset" title="June" id="76" value="june"> June</label>
<label><input type="radio" name="dataset" title="July" id="78" value="july"> July</label>
</ul>
</div>
</div>
<div id="graphs"></div>
</body>
</html>