-
Notifications
You must be signed in to change notification settings - Fork 0
/
error.html
155 lines (136 loc) · 4.96 KB
/
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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Agregar productos</title>
<!--favicon-->
<link rel="icon" type="image/png" href="https://i.imgur.com/LV5j67t.png">
<!--fuentes-->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap"
rel="stylesheet"
/>
<!--archivos css-->
<link rel="stylesheet" href="css/base/reset.css" />
<link rel="stylesheet" href="css/base/style.css" />
<link rel="stylesheet" href="css/head/head.css" />
<link rel="stylesheet" href="css/footer/footer.css" />
<link rel="stylesheet" href="css/error/ocurrio-un-error.css">
<link rel="stylesheet" href="css/responsive/responsive.css" />
<!--Icon-->
<script
src="https://kit.fontawesome.com/29bbc9f2d3.js"
crossorigin="anonymous"
></script>
</head>
<body>
<!--Cabecera-->
<header class="head">
<div class="container__head container">
<div class="head__container__logo container">
<a href="index.html" rel="home"><img
class="head__logo__icon"
alt="logo"
src="https://i.imgur.com/LV5j67t.png"
/></a>
<a href="index.html" class="a__logo__nombre">
<p
class="head__logo__nombre">
<b>Alura</b>Geek
</p>
</a>
<div class="container__busqueda">
<input
type="search"
class="head__busqueda"
placeholder="¿Que deseas buscar?"
/>
<i class="fa-solid fa-magnifying-glass lupa"></i>
</div>
</div>
<a href="productos.html"><button class="head__boton btn">Menú <br> administrador</button></a>
</div>
</header>
<main class="container">
<section class="register-card card">
<span class="register-card__icon-complete"></span>
<h1 class="register-card__title card__title">¡Ops! Ocurrió un error. <br> Prueba de nuevo en breve.</h1>
<a href="./productos.html" class="button btn from__btn">Regresar a los productos</a>
</section>
</main>
<footer class="footer">
<div class="footer__container container">
<div class="footer__container-1 container">
<div class="footer__logo ">
<img
class="footer__logo__icon"
alt="logo"
src="https://i.imgur.com/LV5j67t.png"
/>
<p class="head__logo__nombre"><b>Alura</b>Geek</p>
</div>
<ul class="footer__nav">
<a href="#">
<li class="footer__list">Quienes somos</li>
</a>
<a href="#">
<li class="footer__list">Politica de privacidad</li>
</a>
<a href="#">
<li class="footer__list">Programa de fidelidad</li>
</a>
<a href="#">
<li class="footer__list">Nuestra Tienda</li>
</a>
<a href="#">
<li class="footer__list">Quieres ser parte de la franquicia</li>
</a>
<a href="#">
<li class="footer__list">Anúncie aquí</li>
</a>
</ul>
</div>
<div class="footer_form">
<form action="" class="from container__column">
<h1 class="form__titulo">Hable con nosotros</h1>
<div class="input-container">
<input
type="text"
class="input form__input__nombre"
placeholder="Nombre"
name="nombre"
data-nombre
>
<label
class="input-label"
for="nombre"
>Nombre</label>
</div>
<div class="textarea-container">
<textarea
type="text"
class="input input__mensaje textarea"
placeholder="Escribe tu mensaje"
name="mensaje"
data-mensaje
></textarea>
<label
class="textarea-label"
for="mensaje"
>Escribe tu mensaje</label>
</div>
<button class="btn from__btn">Enviar mensaje</button>
</form>
</div>
</div>
<div class="autor">
<p class="p__autor"><b class="copy"">©</b> Desarrollado por <a href="https://davidostos.co/" class="autor__nombre">David Ostos</a> <br> 2023</p>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uuid/8.3.2/uuid.min.js" integrity="sha512-UNM1njAgOFUa74Z0bADwAq8gbTcqZC8Ej4xPSzpnh0l6KMevwvkBvbldF9uR++qKeJ+MOZHRjV1HZjoRvjDfNQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</body>
</html>