-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontacto.html
122 lines (119 loc) · 6.36 KB
/
contacto.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
<html lang="es">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Lucila Ruiz ARTE │ Contacto </title>
<meta name="viewport" content="width=device-width, initial-screen=1.0"/>
<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=Arizonia&family=Dorsa&family=Keania+One&family=Nothing+You+Could+Do&family=Pinyon+Script&family=Splash&family=Waterfall&display=swap" rel="stylesheet">
<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=Arizonia&family=Dorsa&family=Keania+One&family=Nothing+You+Could+Do&family=Splash&family=Waterfall&display=swap" rel="stylesheet">
<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=Splash&display=swap" rel="stylesheet"/>
<link rel="stylesheet" href="estiloIndex.css">
<link rel="stylesheet" href="estiloContacto.css">
</head>
<body>
<header>
<h1>Lucila ♦</h1>
<h2>RUIZ</h2>
<h3>CONTACTO</h3>
</header>
<main>
<input type="checkbox" id="btn-menu"/>
<label for="btn-menu">
<img src="./imagenes/ico-atril.png" id="icono"/>
</label>
<nav class="menu">
<ul>
<li>
<a href="./index.html">
Inicio
</a>
</li>
<li class="btn-resps">
<a href="sobremi.html">
Sobre Mí
</a>
</li>
<li class="btn-resps">
<a href="exposiciones.html">
Exposiciones
</a>
</li>
<li class="btn-resps">
<a href="galeria.html">
Galería
</a>
</li>
<li id="btn-contacto">
<a href="contacto.html" >
Contacto
</a>
</li>
</ul>
</nav>
<fieldset>
<legend>Suscribíte para recibir novedades de muestras, talleres y más!</legend>
<form action="#">
<label for="nombre" class="label-contacto">Ingresá tu nombre*</label>
<input type="text" name="nombre" class="input-form" id="nombre" placeholder="Ej.: Gabriela" required/>
<label for="apellido" class="label-contacto">Ingresá tu apellido*</label>
<input type="text" class="input-form" id="apellido" placeholder="Ej.: González" required/>
<label for="mail" class="label-contacto">Ingresá tu correo electrónico*</label>
<input type="email" class="input-form" id="mail" placeholder="Ej.: gabrielagonzalez@email.com" required/>
<label for="telefono" class="label-contacto">Ingresá tu teléfono</label>
<input type="tel" class="input-form" id="telefono" placeholder="Ej.: 111 222 3333"/>
<span>Seleccioná tu/s área/s de interés:</span>
<ul>
<li>
<label for="fechasExpo" class="label-check">Fechas Expo</label>
<input type="checkbox" name="fechasExpo" class="input-check"/>
</li>
<li>
<label for="talleres" class="label-check">Talleres de Dibujo & Pintura</label>
<input type="checkbox" name="talleres" class="input-check"/>
</li>
<li>
<label for="compra" class="label-check">Comprar/Encargar una Obra</label>
<input type="checkbox" name="compra" class="input-check"/>
</li>
</ul>
<label class="label-contacto" id="comentarios">Comentarios</label>
<textarea></textarea>
<input type="submit" value="Enviar Suscripción" class="boton-form"/>
</form>
</fieldset>
</main>
<footer>
<ul>
<li id="item-footer">
<a href="https://www.instagram.com/lucilaruiz_artista/" target="_blank">
<img src="./imagenes/insta.png" alt="logo_insta" id="img_insta">
</a>
</li>
<li id="item-footer">
<a href="https://www.instagram.com/lucilaruiz_artista/" id="link-footer" target="_blank">lucilaruiz_artista</a>
</li>
<li id="item-footer">
<a href="https://accounts.google.com/v3/signin/identifier?dsh=S940136246%3A1668525294921464&continue=https%3A%2F%2Fmail.google.com%2Fmail%2F&rip=1&sacu=1&service=mail&flowName=GlifWebSignIn&flowEntry=ServiceLogin&ifkv=ARgdvAsOttqGbQieqduERpIEkuXQiddfoD3ZVCSU-tDfUs0-P6vHJLnPCaZxVwPUNbNw1E4dADwlIQ">
<img src="./imagenes/mail.png" alt="logo_mail" id="img_mail">
</a>
</li>
<li id="item-footer">
<a href="https://accounts.google.com/v3/signin/identifier?dsh=S940136246%3A1668525294921464&continue=https%3A%2F%2Fmail.google.com%2Fmail%2F&rip=1&sacu=1&service=mail&flowName=GlifWebSignIn&flowEntry=ServiceLogin&ifkv=ARgdvAsOttqGbQieqduERpIEkuXQiddfoD3ZVCSU-tDfUs0-P6vHJLnPCaZxVwPUNbNw1E4dADwlIQ" id="link-footer">ruiz.lucila.01@gmail.com</a>
</li>
<li id="item-footer">
<a href="https://github.com/Lucila-Ruiz">
<img src="./imagenes/git.png" alt="logo_git" id="img_git">
</a>
</li>
<li id="item-footer">
<a href="https://github.com/Lucila-Ruiz" id="link-footer">Github.com/Lucila-Ruiz</a>
</li>
</ul>
</footer>
</html>