-
Notifications
You must be signed in to change notification settings - Fork 0
/
404-error.html
103 lines (97 loc) · 3.51 KB
/
404-error.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="author" content="Osvaldo Ocampo" />
<meta name="copyright" content="Copyright Osvaldo Ocampo 2023" />
<meta
name="description"
content="Lamentablemente no logramos encontrar lo que buscas, esta es una página de error 404. Pero no te preocupes, que dentro encontraras un atajo para volver al Spiderverso"
/>
<meta name="robots" content="index, no follow" />
<title>Página Error 404 | Lo sentimos seguimos buscando a tu spidey</title>
<!-- Favicon -->
<link
rel="shortcut icon"
href="./assets/images/general/favicon.png"
type="image/x-icon"
/>
<!-- Bootstrap stylesheet -->
<link rel="stylesheet" href="./css/bootstrap.min.css" />
<!-- Slick stylesheets -->
<link rel="stylesheet" href="./css/slick.css" />
<link rel="stylesheet" href="./css/slick-theme.css" />
<!-- Custom styles -->
<link rel="stylesheet" href="./css/main.css" />
</head>
<body>
<!-- Navigation -->
<header class="o-shadow-header fixed-top">
<nav class="navbar navbar-expand-lg c-navbar">
<div class="container">
<a class="navbar-brand" href="./index.html">
<img
src="./assets/images/general/logotipo.png"
alt="Spiderverso logo"
class="navbar-brand__logo"
/>
</a>
</div>
</nav>
</header>
<!-- Main content -->
<main class="o-main align-items-center">
<h1 class="sr-only">
Página Error 404 | Lo sentimos, seguimos buscando a tu spidey
</h1>
<div class="o-container-bg o-container-bg--error"></div>
<div class="container">
<div class="row">
<div class="col-12 col-xl-10 m-auto">
<section class="text-center">
<h2 class="o-font-error">404</h2>
<p class="o-font-error o-font-error--sm">
<strong>Oops!</strong>
</p>
<div class="bg-black p-4 rounded-2 mb-3">
<p class="o-font-body-error">
¿Me buscas a mi?... ¿o a mi? ... ¿o tal vez te refieras a mi?
</p>
<p class="o-font-body-lg mt-3">
...¡Lo sentimos, no hemos logrado encontrar lo que buscas!...
</p>
<p class="o-font-body-lg mt-2">
Pero no te preocupes, acá tienes un atajo para volver al
Spiderverso
</p>
</div>
<a
href="./index.html"
class="btn c-btn-primary u-btn-custom-w mt-4 u-vibrate"
>¡Vamos allá!</a
>
</section>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="c-footer">
<div class="container c-footer__container">
<p class="c-footer__copyright">
<strong>Spiderverso | Todos los derechos reservados ©</strong>
</p>
</div>
</footer>
<!-- Bootstrap script -->
<script src="./js/bootstrap.min.js"></script>
<!-- necessary for the operation of the slider -->
<script src="./js/jquery-1.11.0.min.js"></script>
<script src="./js/jquery-migrate-1.2.1.min.js"></script>
<script src="./js/slick.min.js"></script>
<!-- Data & My Scripts -->
<script src="./js/data.js"></script>
<script src="./js/scripts.js"></script>
</body>
</html>