-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
187 lines (139 loc) · 12.6 KB
/
index.html
File metadata and controls
187 lines (139 loc) · 12.6 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>The Opiod Crisis</title>
<meta name="description" content="An interactive getting started guide for Brackets.">
<link href='https://fonts.googleapis.com/css?family=Work Sans&subset=light' rel='stylesheet'>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Hammersmith+One" />
<link href="mainTweaked.css" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Montserrat&subset=light" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Numans" />
</head>
<body>
<div class ="headerContainer">
<img class= 'ucfTab'src="/images/ucfTab.png" alt="UCF Tab" style="width: 10%;">
<div class="header1">University of Central Florida</div>
<div class="header2">Knights Helping Knights</div>
<div class="header3">The Opioid Crisis</div>
</div>
<ul class="menu">
<li><a href="#underStandingOpioids">Understanding Opioids</a></li>
<li><a href="#stoppingOverdoses">Stopping Overdoses</a></li>
<li><a href="#gettingHelp">Getting Help</a></li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu turpis egestas pretium aenean pharetra magna ac. Vel pharetra vel turpis nunc eget. Odio eu feugiat </p>
<hr>
<a name="underStandingOpioids"></a>
<div class="banner1">
<h4 class="banner-head">
Understanding<br>
Opioids
</h4>
</div>
<h3>What are Opioids?</h3>
<p>Ac turpis egestas sed tempus urna et. Donec enim diam vulputate ut pharetra sit amet aliquam. Aliquet nec ullamcorper sit amet risus. Porttitor massa id neque aliquam vestibulum morbi. Hac habitasse platea dictumst quisque sagittis. Amet consectetur adipiscing elit duis tristique sollicitudin nibh. Sem integer vitae justo eget magna. Nunc lobortis mattis aliquam faucibus purus in massa. Vel risus commodo viverra maecenas. Velit sed ullamcorper morbi tincidunt ornare.
</p>
<h3>What should I do if I am prescribed an opiate?</h3>
<p>dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementu. Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora</p>
<h3>What does opioid abuse look like?</h3>
<p>Purus faucibus ornare suspendisse sed nisi lacus sed viverra tellus. Ipsum nunc aliquet bibendum enim facilisis gravida neque. Facilisis volutpat est velit egestas dui id. Ut sem nulla pharetra diam sit amet nisl suscipit. Volutpat maecenas volutpat blandit aliquam etiam erat. Et sollicitudin ac orci phasellus egestas tellus rutrum. Amet tellus cras adipiscing enim eu turpis egestas. Mi bibendum neque egestas congue quisque egestas. Ullamcorper malesuada proin libero nunc. Mauris ultrices eros in cursus turpis. Lorem sed risus ultricies tristique nulla aliquet enim tortor. Libero id faucibus nisl tincidunt eget. Ultricies leo integer malesuada nunc vel risus commodo. Id leo in vitae turpis massa sed elementum tempus. Duis at tellus at urna. Morbi non arcu risus quis varius. Ante in nibh mauris cursus mattis molestie a iaculis. Ante metus dictum at tempor commodo ullamcorper a. Ullamcorper sit amet risus nullam eget felis eget nunc.</p>
<hr>
<a name="stoppingOverdoses"></a>
<div class="banner2" >
<h4 class="banner-head">
Stopping<br>
Overdoses
</h4>
</div>
<ul class="menu">
<li><a href="#whatsAnOverdose">Whats an overdose?</a></li>
<li><a href="#overdosing">What should I do if someone is overdosing?</a></li>
<li><a href="#nalaxone">What is Nalaxone?</a></li>
<li><a href=#administeringNalaxone>How is Nalaxone administered?</a></li>
<li><a href="#nalaxone">What needs to happen after administering Naloxone?</a></li>
</ul>
<a name="whatsAnOverdose"></a>
<h3>What's an overdose?</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eu turpis egestas pretium aenean pharetra magna ac. Vel pharetra vel turpis nunc eget. Odio eu feugiat pretium nibh. Sem nulla pharetra diam sit amet nisl suscipit adipiscing bibendum. Nibh nisl condimentum id venenatis a condimentum vitae. Urna et pharetra pharetra massa massa ultricies mi quis. Lorem ipsum dolor sit amet consectetur adipiscing elit duis. Id faucibus nisl tincidunt eget nullam. Bibendum arcu vitae elementum curabitur vitae nunc sed velit dignissim.</p>
<a name="overdosing"></a>
<h3>What should I do if someone is overdosing?</h3>
<p>Eget est lorem ipsum dolor. Id faucibus nisl tincidunt eget nullam non nisi est. Velit dignissim sodales ut eu. Viverra ipsum nunc aliquet bibendum enim facilisis gravida. Viverra vitae congue eu consequat ac felis donec. Pharetra convallis posuere morbi leo urna molestie at elementum eu. Ornare lectus sit amet est placerat in egestas erat. Egestas quis ipsum suspendisse ultrices gravida dictum. In nisl nisi scelerisque eu ultrices vitae auctor. Mollis aliquam ut porttitor leo. Est lorem ipsum dolor sit amet consectetur adipiscing. Nibh cras pulvinar mattis nunc sed blandit libero volutpat.</p>
<hr>
<h3>Signs of an overdose</h3>
<div class="dataContainer">
<table>
<td class="split">
<ul class=" dataClass">
<li>Not breathing</li>
<li>Lips or skin look blue or grey</li>
<li>Eyes rolled back</li>
<li>Limp, unresponsive</li>
<li>Slow pulse/no pulse</li>
</ul>
</td>
<td class="split2">
<ul class=" dataClass">
<li>Not breathing</li>
<li>Lips or skin look blue or grey</li>
<li>Eyes rolled back</li>
<li>Limp, unresponsive</li>
<li>Slow pulse/no pulse</li>
</ul>
</td>
</table>
</div>
<a name="nalaxone"></a>
<h3>What is Nalaxone?</h3>
<p>Nalaxone is medication designed to rapidly reverse opioid overdose. Considered an opioid antagonist which means that it blinds the receptors in the brain that will receive the opioid and can reverse/block the effects of opioids. Quickly restores respiration to those who have slowed or stopped breathing due to overdose.</p>
<p>If you are worried for yourself or a loved one here are some signs and symptoms of opioid Overdose:</p>
<ul class="list">
<li>Confusion, delirium, or acting drunk</li>
<li>Mood Swings</li>
<li>Nausea or vomiting</li>
<li>Extreme constipation</li>
<li>Pinpoint pupils</li>
<li>Extreme sleepiness, or the inability to wake up</li>
<li>Breathing problems, including slowed or irregular breathing</li>
<li>Stopped breathing or depressed breathing (one of the most dangerous due to lack of oxygen to the brain)</li>
</ul>
<a name="administeringNalaxone"></a>
<h3>How is Nalaxone administered?</h3>
<p>Nalaxone can be administered as an auto-injectable (EVZIO) and is also available as a prepackaged nasal spray (NARCAN). The injectable form of Naloxone (EVZIO) is commonly administered by paramedics and those who are trained to use it. The nasal spray form of Naloxone (NARCAN) is available over the counter and can be administered by anyone. If you or someone you know is worried of someone experiencing a possible opioid overdose, it is recommended to obtain NARCAN from wherever it is available. If someone you know is overdosing on opioids and NARCAN is not around, call paramedics as soon as possible for they can help reverse the effects of the overdose by administering EVZIO.</p>
<h3>What needs to happen after administering Naloxone?</h3>
<p>Those who have been given naloxone in any form should be transferred to a hospital where they can help withdraw the drug from the individual’s system. Although Naloxone can help reverse and block the effects of an opioid overdose, the effects of Naloxone do not last forever and can wear off within 30-90 minutes of being administered. Naloxone can cause withdrawal symptoms which can be uncomfortable, but are not life-threatening. This is an extremely safe, non-habit-forming medication that can help save someone’s life.
</p>
<hr>
<a name="gettingHelp"></a>
<div class="banner3" >
<h4 class="banner-head">
Getting<br>
Help
</h4>
</div>
<ul class="menu">
<li><a href="#friendsAndFamily">How can I help my friends and family, struggling with addiction?</a></li>
<li><a href="#ucfResources">I’m a member of the UCF community; what recourses are available to me?</a></li>
<li><a href="#nationalResources">What national resources are out there?</a></li>
<li><a href=#supportGroups>Are there free support groups available?</a></li>
<li><a href="#treatment">I think my loved-one needs treatment, what should I do</a></li>
</ul>
<a name="friendsAndFamily"></a>
<h3>How can I help my friends and family, struggling with addiction?</h3>
<p>Scelerisque purus semper eget duis at tellus at urna condimentum. Sit amet mauris commodo quis imperdiet massa tincidunt nunc pulvinar. Sem et tortor consequat id porta nibh venenatis cras sed. Ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. Vel turpis nunc eget lorem dolor sed viverra. Viverra nibh cras pulvinar mattis. Tellus in hac habitasse platea dictumst vestibulum. Interdum varius sit amet mattis vulputate. Pellentesque pulvinar pellentesque habitant morbi.</p>
<a name="ucfResources"></a>
<h3>I’m a member of the UCF community; what recourses are available to me?</h3>
<p> Orci phasellus egestas tellus rutrum tellus. Porta non pulvinar neque laoreet suspendisse interdum. Sed viverra tellus in hac habitasse platea dictumst. Facilisi morbi tempus iaculis urna id volutpat lacus. Risus pretium quam vulputate dignissim suspendisse. Turpis massa sed elementum tempus egestas sed sed. Id volutpat lacus laoreet non curabitur gravida arcu ac. Neque egestas congue quisque egestas diam in.</p>
<a name="nationalResources"></a>
<h3>What national resources are out there?</h3>
<p>Molestie at elementum eu facilisis sed odio. Eget egestas purus viverra accumsan in. Pharetra pharetra massa massa ultricies mi. Convallis convallis tellus id interdum velit. Arcu bibendum at varius vel pharetra. Cursus risus at ultrices mi tempus imperdiet nulla. Arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales. Sed velit dignissim sodales ut eu sem integer vitae justo. Sodales neque sodales ut etiam. Urna et pharetra pharetra massa. Nec tincidunt praesent semper feugiat nibh sed pulvinar proin. Nisl nisi scelerisque eu ultrices vitae auctor eu augue ut</p>
<a name="supportGroups"></a>
<h3>Are there free support groups available?</h3>
<p>Aliquam faucibus purus in massa. Nisl condimentum id venenatis a condimentum vitae sapien. Viverra justo nec ultrices dui sapien eget mi proin sed. Faucibus in ornare quam viverra orci sagittis eu volutpat odio. Augue neque gravida in fermentum et sollicitudin ac. Pellentesque eu tincidunt tortor aliquam nulla facilisi cras fermentum odio. Pulvinar etiam non quam lacus suspendisse. Diam phasellus vestibulum lorem sed risus ultricies. Sapien faucibus et molestie ac feugiat sed lectus. Odio aenean sed adipiscing diam donec. Tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada.</p>
<iframe width="500" height="315" src="https://www.youtube.com/embed/fCP-sV_CwrU?rel=0&controls=0&showinfo=0" frameborder="0" allowfullscreen></iframe>
<a name="treatment"></a>
<h3>I think my loved-one needs treatment, what should I do</h3>
<p>Placerat in egestas erat imperdiet sed euismod nisi porta lorem. Arcu risus quis varius quam. Accumsan tortor posuere ac ut consequat. Nulla aliquet enim tortor at auctor urna nunc. Dolor magna eget est lorem ipsum dolor. Cursus metus aliquam eleifend mi in nulla posuere sollicitudin. Purus viverra accumsan in nisl nisi scelerisque eu ultrices vitae. Rhoncus urna neque viverra justo nec ultrices dui sapien eget.</p>
</body>
</html>