-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path404.html
139 lines (128 loc) · 5.79 KB
/
404.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
<!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">
<!---Font Family-->
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<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=" #our-team">Our Team</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-lg-10">
<h1 id="landing-text">OOPS!</h1>
<div class="col-lg-10 mw-100">
<p id="landing-sub">Something went wrong.</p>
<p id="landing-sub">The page you are trying to reach is not available.</p>
</div>
<a class="btn btn-warning btn-xl mt-4" href="index.html">Return</a>
</div>
</div>
</div>
</header>
<!--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="assets/docs/policy.pdf" 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="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" id="footer-spacing-sub">
<h5 class="uppercase" id="general-sub">Subscribe To Our News Letter</h5>
<form>
<div class="newsletter-group">
<input type="email" id="your-email" name="your-email"
aria-label="your email" placeholder="Enter Your Email" required="required">
</div>
<br />
<input type="submit" value="Subscribe Now!" class="btn btn-large btn-success" />
</form>
</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.youtube.com/channel/UC1z4P8CCAiBdACh18Zqmvzw">
<i class="fa fa-youtube" aria-hidden="true"></i>
<span class="sr-only">Youtube</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.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
</script>
</body>
</html>