forked from amper-digital/amper-digital-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
404.html
117 lines (110 loc) · 7.44 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
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="assets/new-favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="assets/new-favicon//apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets/new-favicon//apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/new-favicon//apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/new-favicon//apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="assets/new-favicon//apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="assets/new-favicon//apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="assets/new-favicon//apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/new-favicon//apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="assets/new-favicon//android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/new-favicon//favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="assets/new-favicon//favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/new-favicon//favicon-16x16.png">
<link rel="manifest" href="assets/new-favicon//manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="assets/new-favicon//ms-icon-144x144.png">
<meta name="description" content="Agency offering services in accessibility testing, software engineering, and website development.">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<title>404 error | Amper Digital</title>
<!-- third party CDNs -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!-- emailjs -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>
<link rel="stylesheet" href="css/styles.css">
<link id="theme-style" rel="stylesheet" href="css/light.css">
</head>
<body>
<div class="pt-3 pb-1 pl-1">
<a class="ml-3" id="content-skip" href="#content" class="text-center" role="link" aria-label="Skip to main content">Skip to main content</a>
</div>
<main>
<nav class="navbar-light navbar navbar-expand-lg" style="background-color: #006fbe;">
<a class="navbar-brand" href="index.html">
<img role="presentation" src="https://raw.githubusercontent.com/amper-digital/amper-digital-website/main/assets/ampersand.png" width="30" height="30">
</a>
<button class="navbar-toggler navbar-light" id="navbar-toggle-to-change" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon" id="toggle-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#about">About</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Services
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="pages/accessibility.html">Accessibility</a>
<a class="dropdown-item" href="pages/website-development.html">Website Development</a>
<a class="dropdown-item" href="pages/software-engineer.html">Software Engineering</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
<button id="theme-toggle" type="button" class="btn btn-dark btn-sm"><span style="vertical-align: middle; font-size: medium;" aria-hidden="true" class="material-symbols-outlined mb-1" id="theme-icon">dark_mode</span> Dark mode</button>
</nav>
<div class="container" id="content">
<h1 class="mt-5 mb-5">Whoops! 404</h1>
<!-- idea: wizard of oz there's no place like home?? -->
<p>You've become a bit lost.</p>
<a class="btn btn-primary mt-3 mb-5" href="index.html" role="button">Let's go home</a>
</div>
<footer class="bg-light text-dark mt-3" id="footer">
<div class="container">
<div class="row mt-2">
<div class="col-md-2 mt-4 footer-copyright footer-link">
<strong>© Amper Digital <div id="currentYear"></div></strong>
<i class="fa-brands fa-github"></i> You can view this website's source code on <a href="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/amper-digital/amper-digital-website" target="_blank">GitHub</a>.</p>
</div>
<div class="col-md-8 mt-4 mb-2 text-center">
<!-- Place your certification logos or content here -->
<img src="assets/agile.png" alt="Certified AgilePM Practitioner" class="mr-3">
<img src="assets/bcs.png" alt="Professional member of the professional body British Computing Society" class="mr-3">
<img src="assets/iaap.png" alt="Professional member of the international association of accessibility professionals" class="mr-3">
<img src="assets/ilm.png" alt="ILM Level 3 Certificate in leadership and management" class="mr-3">
<!-- Add more logos as needed -->
</div>
<div class="col-md-2 mt-4 text-left footer-links">
<ul class="list-unstyled">
<li><a href="index.html" class="footer-link">Home</a></li>
<li><a href="pages/privacy-policy.html" class="footer-link">Privacy policy</a></li>
<li><a href="pages/accessibility-statement.html" class="footer-link">Accessibility Statement</a></li>
</ul>
</div>
</div>
</div>
</footer>
</main>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="js/main.js"></script>
<script src="js/email.js"></script>
</body>
</html>