-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
203 lines (203 loc) · 10.6 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
<!DOCTYPE html>
<html lang="es" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="ilustraciones, personalizados, digital, regalo, Creaciones Inteli">
<meta name="description" content="¡Encargá estas ilustraciones personalizadas para darle un regalo original y creativo a tus familiares y amigos!">
<meta name="author" content="Eli Fainerman">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-68T92DYCQ6"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "G-68T92DYCQ6");
</script>
<script src="https://kit.fontawesome.com/cbef11d0c0.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/style_nav.css">
<link rel="stylesheet" href="css/style.css">
<link rel="icon" type="icon/png" href="Recursos/pastoraustraliano.png">
<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=Heebo:wght@400;500;600;800&family=Roboto+Condensed:wght@400&display=swap" rel="stylesheet">
<title>Ilustraciones Personalizadas - Inteli</title>
</head>
<body>
<nav class="nav" id="nav">
<a class="contenedor-h1" href="index.html"><h1 id="logotipo-creaciones">creaciones inteli</h1></a>
<a href="javascript:void(0);" class="icon" onclick="abrirCerrarResponsiveNav()"><i id="icono-menu" class="fa-solid fa-bars"></i></a>
<div class="alinarderecha">
<a href="index.html" onclick="setTimeout(ocultarNav, 1000);" class="link-interno-nav">Inicio</a>
<a href="#dibujos" onclick="setTimeout(ocultarNav, 1000);" class="link-interno-nav">Ejemplos</a>
<a href="#precio" onclick="setTimeout(ocultarNav, 1000);" class="link-interno-nav">Precio</a>
<a href="#formulario" onclick="setTimeout(ocultarNav, 1000);" class="link-interno-nav">Pedidos</a>
<a href="#preguntasfrecuentes" onclick="setTimeout(ocultarNav, 1000);" class="link-interno-nav">Preguntas Frecuentes</a>
<div class="fondo-nav"></div>
</div>
</nav>
<div class="body">
<div class="inicio">
<div class="titulo">
<h2>Ilustraciones<br>Personalizadas</h2>
<div class="boton">
<a href="#formulario" onclick="setTimeout(ocultarNav, 1000);">Encargar una ilustración</a>
</div>
</div>
</div>
<br>
<br>
<br>
<div class="titulo">
<h3 id="dibujos">Ejemplos</h3>
</div>
<div class="dibujos-contenedor">
<br>
<a href="Recursos/bordercollie.png" class="dibujo-img-contenedor">
<img class="dibujo-img" title="Dibujo de Border Collie" src="Recursos/bordercollie.png" alt="Dibujo Border Collie">
</a>
<a href="Recursos/pastoraustraliano.png" class="dibujo-img-contenedor">
<img class="dibujo-img" title="Dibujo de Pastor Ovejero Australiano" src="Recursos/pastoraustraliano.png" alt="Dibujo Pastor Ovejero Australiano">
</a>
<a href="Recursos/merlina.png" class="dibujo-img-contenedor">
<img class="dibujo-img" title="Dibujo de Merlina" src="Recursos/merlina.png" alt="Dibujo Merlina">
</a>
<a href="Recursos/natalia.png" class="dibujo-img-contenedor">
<img class="dibujo-img" title="Dibujo de Natalia Oreiro" src="Recursos/natalia.png" alt="Dibujo Natalia Oreiro">
</a>
<a href="Recursos/messi.png" class="dibujo-img-contenedor">
<img class="dibujo-img" title="Dibujo de Leonel Messi" src="Recursos/messi.png" alt="Dibujo Messi">
</a>
</div>
<br>
<br>
<br>
<div class="titulo">
<h3 id="precio">Precio</h3>
</div>
<div class="contenido">
<table class="table">
<thead>
<th>Cantidad de Personas y/o Animales</th>
<th>Precio en UYU</th>
<th>Precio en USD</th>
</thead>
<tbody>
<tr>
<td>1</td>
<td>$ 270</td>
<td>$ 7.00</td>
</tr>
<tr>
<td>2 - 4</td>
<td>$ 400</td>
<td>$ 10.40</td>
</tr>
<tr>
<td>4+</td>
<td>$ 550</td>
<td>$ 14.30</td>
</tr>
</tbody>
</table>
<br><br>
<form id="formulario" action="https://formsubmit.co/creaciones.inteli@gmail.com" method="POST" enctype="multipart/form-data">
<div class="titulo">
<h3>Ordenar un Pedido</h3>
<div class="boton">
<a href="#precio" onclick="setTimeout(ocultarNav, 1000);">Ver tabla de precios</a>
</div>
</div>
<input type="hidden" name="_next" value="https://elinteli.github.io/pedido.html">
<input autocomplete="on" class="input" type="text" placeholder="Escribe tu nombre *" name="Nombre" required><br>
<br>
<input autocomplete="on" class="input" type="email" placeholder="Escribe tu Email *" name="Email" required><br>
<br>
<div class="contenedor-input-file">
<label for="Imagen_Original">¡Subí la imagen que quieras que ilustre! *</label><br>
<input class="input-file" type="file" accept="image/png,image/jpeg" name="Imagen_Original" id="Imagen_Original" required><br>
</div>
<br>
<input class="input" type="number" min="1" max="20" placeholder="¿Cuantas personas y/o animales hay en la foto? *" name="Cantidad_de_personas" required><br>
<br>
<textarea class="input textarea" name="Mensaje" id="textarea-form-ordenpedido" cols="30" rows="10" placeholder="Escribe algo que me quieras decir..."></textarea><br>
<br>
<label for="submit-button" class="label-small">
El pago se coordinará por vía Email. <br>
Las ilustraciones son en formato digital. <br>
Las ilustraciones pueden demorar hasta 1 semana desde el momento del pago.
</label>
<br>
<br>
<input id="submit-button" class="input-boton" type="submit" value="Enviar">
</form>
<br>
<br>
</div>
<br>
<br>
<div class="titulo">
<h3 id="preguntasfrecuentes">Preguntas Frecuentes</h3>
</div>
<div class="contenido">
<h4>¿Qué hacen?</h4>
<p>
Convertimos fotografías en originales ilustraciones y retratos personalizadas que son regalos super creativos para darle a familiares y amigos en momentos especiales.
</p>
<br>
<h4>¿Qué formato tienen las ilustraciones?</h4>
<p>
Estas ilustraciones son digitales y una vez realizadas le llegaran a su Email en una alta resolución como un archivo PNG.
</p>
<br>
<h4>¿Cuánto salen?</h4>
<p>
El valor de una ilustración para 1 persona es de $5,13 Dólares o $199 Pesos Uruguayos.
</p>
<p>
El valor para 2 a 4 personas es de $6,99 Dólares o $269 Pesos Uruguayos.
</p>
<p>
El valor para 5 o más personas es de $7,69 Dólares o $299 Pesos Uruguayos.
</p>
<br>
<h4>¿Cómo encargo una ilustración perzonalizada?</h4>
<ul>
<li>Podés enviarme un Email con tu pedido <div class="boton"><a href="mailto:creaciones.inteli@gmail.com">Enviar Email</a></div></li>
<li>Podés escribirme por instagram que fotografía queres que ilustre <div class="boton"><a href="https://www.instagram.com/creaciones_inteli/" rel="noopener noreferrer" target="_blank">Enviar Mensaje</a></div></li>
<li>Podés rellenar el formulario en la sección de "Orden de Pedido" <div class="boton"><a href="#formulario" onclick="setTimeout(ocultarNav, 1000);">Rellenar Formulario</a></div></li>
</ul>
<br>
<h4>¿Cuánto puede demorar una ilustración?</h4>
<p>
Las ilustraciones pueden demorar hasta 1 semana desde el momento del pago.
</p>
<br>
<h4>Contacto</h4>
<p>
Podés enviar un mensaje a nuestro <a title="@creaciones_inteli" href="https://www.instagram.com/creaciones_inteli/" target="_blank">Instagram</a> o a nuestro
<a title="creaciones.inteli@gmail.com" href="mailto:creaciones.inteli@gmail.com" rel="noopener noreferrer" target="_blank">Email</a>.
</p>
</div>
<footer>
<div class="contacto">
<a title="Instagram" href="https://www.instagram.com/creaciones_inteli/" rel="noopener noreferrer" target="_blank">
<i class="contacto-icon fa-brands fa-instagram"></i>
</a>
<a title="Email" href="mailto:creaciones.inteli@gmail.com" rel="noopener noreferrer" target="_blank">
<i class="contacto-icon fa-solid fa-envelope"></i>
</a>
<a title="Itch.io" href="https://inteligames.itch.io/" rel="noopener noreferrer" target="_blank">
<i class="contacto-icon fa-brands fa-itch-io"></i>
</a>
<a title="Youtube" href="https://www.youtube.com/@inteligames" rel="noopener noreferrer" target="_blank">
<i class="contacto-icon fa-brands fa-youtube"></i>
</a>
</div>
</footer>
</div>
<script src="js/script.js"></script>
</body>
</html>