-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
463 lines (434 loc) · 19 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
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Fibromyalgia"
content="Fibromyalgia information website: Author: Stephen Seagrave for educational purposes.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- Favicon-->
<link rel="shortcut icon" href="favicon.ico" type="image/png">
<!-- Imports for style sheets, bootstrap, icons, font family-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
type="text/css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hover.css/2.3.1/css/hover-min.css">
<link rel="stylesheet" href="assets/css/style.css" type="text/css">
<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/emailjs-com@2.4.1/dist/email.min.js">
</script>
<script type="text/javascript" src="assets/js/config.js"></script>
<title>Fibromyalgia Ireland</title>
</head>
<body>
<!--Navigation-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top text-style">
<a class="navbar-brand" href="index.html">
<img src="assets/images/mainlogo2.png" id="logomain" alt="fibro image" title="fibroimg">Fibromyalgia Ireland
</a>
<button class="navbar-toggler custombutton" type="button" data-toggle="collapse" data-target="#navbar-nav"
aria-controls="navbar-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse text-style" id="navbar-nav">
<ul class="navbar-nav ml-auto uppercase">
<li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
<a class="nav-link" href="#intro-image">Home</a>
</li>
<li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
<a class="nav-link " href="#services">Services</a>
</li>
<li class="nav-item" data-toggle="collapse" data-target=".navbar-collapse.show">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
</nav>
<!--Hero image and website slogan-->
<header id="intro-image">
<div class="container-fluid">
<div class="row h-100 align-items-center justify-content-center text-center">
<div class="col-12">
<h1 id="landing-text">Fibromyalgia Ireland</h1>
<div class="col-12 mw-100">
<p id="landing-sub">Always Caring. Always here.</p>
</div>
</div>
</div>
</div>
</header>
<!--What is fibro Main intro section-->
<section class="home-main">
<div class="container">
<div class="row justify-content-center">
<div class="col-sm-12 col-lg-8 text-center">
<h2 class="home-maintext black-text">What is Fibromyalgia?</h2>
<hr class="purple-divider">
<p class="black-text">Fibromyalgia is the second most common condition affecting your bones and
muscles.
Yet its often misdiagnosed and misunderstood. Classic symptoms are widespread muscle and joint
pain with chronic fatigue. In most cases Fibromyalgia is predominantly reported in women with
fewer cases reported in men.
</p>
</div>
</div>
</div>
</section>
<!--End of intro-->
<!--About information section-->
<section class="about-section" id="about">
<div class="container">
<div class="row">
<!--Class of 12 given for small devices to accoupy full screen with, 6 given to have 2 sections sit side by side-->
<div class="col-sm-12 col-md-6">
<h2 class="about-subsection">About Fibro</h2>
<hr class="purple-line">
<p class="white-text">Fibromyalgia is associated with widespread pain in the muscles and joints,
areas of
tenderness, and general fatigue. Symptoms like these are considered subjective, meaning they
can’t be determined or measured by tests.
Because its symptoms are subjective and there isn’t a clear known cause, fibromyalgia is
often misdiagnosed as another disease,
it is characterised by chronic widespread pain and allodynia (a heightened and painful
response to pressure).
</p>
</div>
<div class="col-sm-12 col-md-6">
<h2 class="about-subsection">Symptoms</h2>
<hr class="purple-line">
<p class="white-text">Fibromyalgia is often associated with areas of tenderness, which are
called trigger points or tender points. These are places on your body where even light
pressure can cause pain.
Today, these points are rarely used to diagnose fibromyalgia. Instead,
they may be used as one way for doctors to narrow their list of possible diagnoses.
Doctors use a combination of other consistent symptoms — and possibly some medical tests —
to help them determine a cause.
</p>
</div>
<div class="col-sm-12 col-md-6">
<h2 class="about-subsection">Trigger Points</h2>
<hr class="purple-line">
<p class="white-text">A person used to be diagnosed with fibromyalgia if they had widespread
pain and tenderness in at least 11 of the known 18 trigger points.
Doctors would check to see how many of these points were painful by pressing firmly on them.
Trigger points include: back of the head, tops of shoulders, upper chest, hips, knees, inner
elbows just to name a few. Fibromyalgia symptoms are not restricted to pain, leading to the use
of the alternative term fibromyalgia syndrome for the condition.
</p>
</div>
<div class="col-sm-12 col-md-6">
<h2 class="about-subsection">Additional</h2>
<hr class="purple-line">
<p class="white-text">Trigger points are no longer the focus of diagnosis for fibromyalgia.
Instead, doctors may make a diagnosis if you report widespread pain for more than three
months and have no diagnosable medical condition that can explain the pain.
Fibromyalgia symptoms are not restricted to pain, leading to the use of
the alternative term fibromyalgia syndrome for the condition.
Other symptoms include debilitating fatigue, sleep disturbance, and joint stiffness.
</p>
</div>
</div>
</div>
</section>
<!--End of about information-->
<!--Services Main-->
<section class="support-section" id="services">
<div class="container justify-items-center">
<div class="row">
<div class="col">
<h2 class="text-center service-maintext">Services</h2>
<hr class="white-divider">
</div>
</div>
<div class="row">
<div class="col-12 col-sm-12 col-md-6 col-lg-3">
<i class="service-circle fa fa-circle"></i>
<i class="service-icon fa fa-heart"></i>
<h3 class="service-text">Supports</h3>
<p class="text-center service-paratext">We offer an outlined and detail guide on benefits and
entitlements for fibromyalgia sufferers.</p>
</div>
<div class="col-12 col-sm-12 col-md-6 col-lg-3">
<i class="service-circle fa fa-circle"></i>
<i class="service-icon fa fa-thumbs-up"></i>
<h3 class="service-text">Welfare Services</h3>
<p class="text-center service-paratext">Information and a full breakdown of welfare allowances that
may not have been widely known to you.</p>
</div>
<div class="col-12 col-sm-12 col-md-6 col-lg-3">
<i class="service-circle fa fa-circle"></i>
<i class="service-icon fa fa-ambulance"></i>
<h3 class="service-text">Health Services</h3>
<p class="text-center service-paratext">Information on available Health Services and treatments that
will help you deal with Fibromyalgia.</p>
</div>
<div class="col-12 col-sm-12 col-md-6 col-lg-3">
<i class="service-circle fa fa-circle"></i>
<i class="service-icon fa fa-users"></i>
<h3 class="service-text">Private Support</h3>
<p class="text-center service-paratext">Private, dedicated online support group to discuss anything
fibro related in a safe place.</p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-12 text-center">
<a class="btn btn-light btn-xl" href="assets/docs/services.pdf" target="_blank">Find out more</a>
</div>
</div>
</div>
</section>
<!--End of services-->
<!--Our team-->
<!--
<section class="profile-team" id="our-team">
<div class="container">
<div class="row">
<div class="col-12">
<h2 class="welcome-text text-center">Meet our team!</h2>
</div>
</div>
</div>
<hr class="purple-divider">
<div class="container team-padding">
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-3">
<div class="text-center">
<img src="assets/images/emma.jpg" alt="emma pic" class="img-circle" id="emmaphoto">
</div>
<h4 class="text-center profile-head">Emma Grace</h4>
<p class="profile-text">Emma is the Founder and CEO of Fibromyalgia Ireland. After her
diagnosis of Fibromyalgia in 2009, Emma spent years researching the condition and began
studying
Social Studies to better learn how to help others with the condition. She founded
Fibromyalgia
Ireland in 2015.</p>
</div>
<div class="col-sm-12 col-md-6 col-lg-3">
<div class="text-center">
<img src="assets/images/audrey.jpg" alt="audrey pic" class="img-circle" id="audreyphoto">
</div>
<h4 class="text-center profile-head">Audrey O'Neill</h4>
<p class="profile-text">Audrey is the co-founder of Fibromyalgia Ireland, committed to
raising
awareness of combined self care where alternative therapies and treatments can be
combined to
replace pharmaceuticals.
Audrey is a lifecoach and clinical hypnosis practitioner who works building confidence
and self
esteem with young models and families.
</p>
</div>
<div class="col-sm-12 col-md-6 col-lg-3">
<div class="text-center">
<img src="assets/images/john.jpg" alt="john pic" class="img-circle" id="johnphoto">
</div>
<h4 class="text-center profile-head">John Lindsay</h4>
<p class="profile-text">Retired Hospital CEO. After retirement in 2009 John joined the
board of
Chronic Pain Ireland
and stepped down after nine years. He holds extensive knowledge of the health sector
and in May
2019 joined the board
of Fibromyalgia Irlenad clg and was elected Honorary Treasurer.</p>
</div>
<div class="col-sm-12 col-md-6 col-lg-3">
<div class="text-center">
<img src="assets/images/william.jpg" alt="william pic" class="img-circle" id="willphoto">
</div>
<h4 class="text-center profile-head">William McLoughlin</h4>
<p class="profile-text">William McLoughlin BL, former secretary of Chronic Pain
Ireland and board
member of One-in-Four,
is a barrister specializing in personal injuries litigation involving chronic
pain and
fibromyalgia,
employment law and data protection law. William lectures at Independent Colleges
Dublin and
Griffith College.</p>
</div>
</div>
</div>
</section>
-->
<!--Volunteer Section-->
<section class="volunteer-section">
<div class="container">
<div class="row justify-content-center">
<div class="col-sm-12 col-lg-8 text-center">
<h2 class="contact-text"> Volunteer with us!</h2>
<h4 class="contact-subheading">Help make someones life better</h4>
<hr class="purple-divider">
<p id="volunteer-text">We are constantly looking for individuals who can spare some time
and help work along side us in the fight against Fibromyalgia. Our goal is to assist as many
people who are dealing with Fibromyalgia and provide support and information where necessary.
</p>
<div class="modal-wrapper">
<!--Modal fade added to have smooth introduction-->
<div class="modal fade" id="modalContactForm" tabindex="-1" role="dialog"
aria-labelledby="modalContactForm" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<form id="vol-contact-form" onsubmit="return sendMail2(this);">
<!--Header text-->
<div class="modal-header text-center">
<h4 class="modal-title w-100 font-weight-light">Write to us</h4>
<!--Close (X) button-->
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" id="clickbutton">×</span>
</button>
</div>
<!--Body container of modal, margin left and right of 3 added with class-->
<div class="modal-body mx-3">
<!--Modal Form Section-->
<div class="help-form">
Your Name
<!--Input for modal for your name-->
<input type="text" name="name" id="yourname" class="form-control"
required />
</div>
<div class="help-form">
<!--Input for modal for your email-->
Your Email
<input type="email" id="youremail" class="form-control" required>
</div>
<div class="help-form">
<!--Input for modal for your text-->
Tell Us About Yourself
<textarea id="aboutyou" class="md-textarea form-control"
rows="5"></textarea>
</div>
</div>
<!--Send button on the bottom of the modal-->
<div class="modal-footer d-flex justify-content-center">
<button class="btn btn-unique" value="send" type="submit" id="vol-button">Send</button>
</div>
</form>
</div>
</div>
</div>
<div class="text-center">
<a href="" class="btn btn-warning btn-rounded mb-4" data-toggle="modal"
data-target="#modalContactForm">Get in touch</a>
</div>
</div>
<!--End of modal wrapper-->
</div>
</div>
</div>
</section>
<!--Contact Section headers-->
<section class="contact-main" id="contact">
<div class="container" id="contact-box">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="contact-header text-center">Our team is here to help.</h2>
<h4 class="contact-hello text-center">Reach out for our support!</h4>
<hr class="white-divider">
</div>
</div>
<div class="row">
<div class="col-lg-12">
<!--Start of contact form-->
<form id="vol-contact-form" onsubmit="return email(this);">
<div class="modal-body mx-3">
<!--Modal Form Section-->
<div class="help-form">
<!--Input for modal for your name-->
<input type="text" name="name2" id="contactName" class="form-control" placeholder="Your Name *"
required />
</div>
<div class="help-form">
<!--Input for modal for your email-->
<input type="email" id="contactEmail" class="form-control" placeholder="Your Email *" required>
</div>
<div class="help-form">
<!--Input for modal for your text-->
<textarea id="contactMessage" class="md-textarea form-control"
rows="5" placeholder="Your Message *"></textarea>
</div>
</div>
<!--Send button on the bottom of the modal-->
<div class="modal-footer d-flex justify-content-center">
<button class="btn btn-light" value="send" type="submit" id="contactButton">Send</button>
</div>
</form>
</div>
</div>
</div>
</section>
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenter" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Your Email has been Sent</h5>
</div>
<div class="modal-body">
Thank you for getting in touch, We will be in touch as soon as possible!
</div>
<div class="modal-footer">
<a href="index.html" class="btn btn-secondary" role="button" aria-disabled="true">Return Home</a>
</div>
</div>
</div>
</div>
<!--Footer-->
<footer class="container-fluid">
<div class="row">
<div class="col-sm-4 col-md-4 col-lg-4" id="footer-spacing">
<ul id="additional-links-footer">
<li class="footer-item"><a href="https://www.privacypolicygenerator.info/live.php?token=it7HtaLNvGTFvABamY0kXn08ox25n2Ig" target="_blank">Privacy Policy</a></li>
<li class="footer-item"><a href="assets/docs/services.pdf" target="_blank">Services</a></li>
<li class="footer-item"><a href="assets/docs/accessibility.html" target="_blank">Accessibility Statement</a></li>
<li class="footer-item"><a href="https://www.ifundraise.ie/FibromyalgiaSupportIreland/3880/donate"
rel="noopener" target="_blank">Donate</a>
</li>
</ul>
</div>
<div class="col-sm-4 col-md-4 col-lg-4 text-center d-flex flex-column" id="footer-spacing-sub">
<span class='footer-item'>CRO Number: 650891</span>
<span class='footer-item'>CHY Number: 22604</span>
<span class='footer-item'>RCN: 20205572</span>
</div>
<div class="col-sm-4 col-md-4 col-lg-4" id="footer-spacing-social">
<ul class="list-inline social-links">
<li class="list-inline-item">
<!--noopener added for additional security *as advised by google audits using lighthouse*-->
<a target="_blank" rel="noopener"
href="https://www.facebook.com/fibromyalgiairelandclg/">
<i class="fa fa-facebook" aria-hidden="true"></i>
<span class="sr-only">Facebook</span>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" rel="noopener"
href="https://www.twitter.com/fibromyalgiaireland">
<i class="fa fa-twitter" aria-hidden="true"></i>
<span class="sr-only">Twitter</span>
</a>
</li>
<li class="list-inline-item">
<a target="_blank" rel="noopener" href="https://www.instagram.com/fibromyalgiaireland/">
<i class="fa fa-instagram" aria-hidden="true"></i>
<span class="sr-only">Instagram</span>
</a>
</li>
</ul>
</div>
</div>
</footer>
<!--Jquery bootstrap and propper js scripts added for additional functionality-->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="assets/js/sendmail.js"></script>
<script src="assets/js/config.js"></script>
<!-- <script src="https://www.gstatic.com/firebasejs/7.14.2/firebase.js"></script> -->
<!-- <script src="main.js"></script> -->
</body>
</html>