-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
201 lines (191 loc) · 10.4 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
<!DOCTYPE HTML>
<!--
Dimension by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>NosCasamos!</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="icon" type="image/png" href="images/weddingIco.png" sizes="16x16">
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="logo">
<img src="images/logos/logoW.png" width="99%" style="margin-top:3%">
<!--<span class="icon fa-gem"></span>-->
</div>
<div class="content">
<div class="inner">
<h1>¡NOS CASAMOS!</h1>
<p>¡Que sí! Que nos casamos!!<span id="sp"></span></p>
<p>¡Estamos muy felices! <br>Y lo queremos compartir con todos vosotros. <br>Por eso queremos que todo esté perfecto <br>para ese día y no haya ningún contratiempo.</p>
<p>Mientras llega el gran día hemos <br>creado esta web para intentarlo, <br>esperamos que os sirva de ayuda.</p>
<p>Una cosa importante, <br>en la sección asistencia puedes confirmar <br>si vas o no a la boda. <br>Confírmanos lo antes posible por favor, <br>que así organizarlo todo nos será mucho más fácil.</p>
</div>
</div>
<nav>
<ul>
<li><a href="#pause">Pausa</a></li>
<li><a href="#howtogo">Cómo ir</a></li>
<li><a href="#album">Álbum</a></li>
<!--<li><a href="#confirm">Asistencia</a></li>-->
<li><a href="#contact">Asistencia</a></li>
</ul>
</nav>
</header>
<!-- Main -->
<div id="main">
<article id="pause">
<h2 class="major">Pausa</h2>
<span class="image main"><img src="images/postpone/JM2_vignete.png" alt="" /></span>
<p>Finalmente hemos tenido que hacer una pausa... no vamos a casarnos hasta que mejore la situación, así que id apuntando nueva fecha para el 16 de octubre de 2021!</p>
</article>
<!-- Intro -->
<article id="howtogo">
<h2 class="major">Cómo ir</h2>
<span class="image main"><iframe src="https://www.google.com/maps/d/embed?mid=1ZCNJaRCFmJo6WUXhKC_5gkeFjXDJIgGk&z=11" width=100% height="480"></iframe></span>
<p>Bueno, la ceremonia la haremos cerca de nuestra casa. En la parroquia de San Pedro Mártir de los Dominicos, en la misma carretera A1, en la vía de servicio a las 18:00.</p>
<p>Después nos gustaría compartir con todos vosotros una verdadera fiesta! Seguiremos en la finca Peñarrubia en San Agustín del Guadalix, hacia el kilometro 3.1 de la carretera de Colmenar</p>
<p>Habrá servicio de transporte entre la iglesia y la finca, así como de la finca a Madrid.
</p>
<!--Estamos barajando la posibilidad de poner autobus para ir a la iglesia con salida desde Plaza de España, según las confirmaciones os haremos saber. Los horarios de vuelta serán dos:
<div class="table-wrapper">
<table>
<thead>
<tr>
<th>Hora</th>
<th>Salida</th>
<th>Parada</th>
<th>Llegada</th>
</tr>
</thead>
<tbody>
<tr>
<td>01:00</td>
<td>Finca Peñarrubia</td>
<td>Nuevos Ministerios</td>
<td>Plaza España</td>
</tr>
<tr>
<td>04:00</td>
<td>Finca Peñarrubia</td>
<td>Nuevos Ministerios</td>
<td>Plaza España</td>
</tr>
</tbody>
</table>
</div>-->
<!--<p>Para los que necesiten alojamiento, nosotros os recomendamos el Hotel Riu Plaza España. Con ellos hemos concertado un precio por habitación invariable (95€/noche para habitaciones de 2 adultos, el resto consultad por favor). Si bien el precio es fijo para la resera realizada, las tarifas ofrecidas por <a href="https://www.booking.com/hotel/es/riu-plaza-espana.es.html?aid=397594;label=gog235jc-1FCAEoggI46AdIM1gDaEaIAQGYAQq4ARfIAQzYAQHoAQH4AQyIAgGoAgO4Aq7htPkFwAIB0gIkYTJiZGFiNTAtYTA3Ny00Nzk0LWE3MmQtMjljNzBlMDA4OTI12AIG4AIB;sid=5e8117dc60a5df486d5b114aa2508901;all_sr_blocks=420450701_256930074_2_1_0;checkin=2020-09-05;checkout=2020-09-06;dest_id=-390625;dest_type=city;dist=0;group_adults=2;group_children=0;hapos=1;highlighted_blocks=420450701_256930074_2_1_0;hpos=1;no_rooms=1;room1=A%2CA;sb_price_type=total;sr_order=popularity;sr_pri_blocks=420450701_256930074_2_1_0__9500;srepoch=1596797136;srpvid=f3094ba710d3008d;type=total;ucfs=1&#hotelTmpl">booking</a> pueden fluctuar y llegar a ser mejores, no dejéis de compararlos. Para hacerlo através de nuestra reserva, pinchad en el siguiente <a href="#">link</a>.-->
</article>
<!-- Work -->
<article id="album">
<h2 class="major">Álbum</h2>
<span class="image main"><img src="images/album.jpg" alt="" /></span>
<p>Nos gustaría que entre todos compartieramos todas las fotos que hagamos. Más adelante os compartiremos las fotografías profesionales hechas allí, pero mientras tanto podemos darnos el gustazo de un piscolabis!</p>
<p>Si os apetece subir alguna foto antes de la boda, ¡sólo hacedlo! y así tendremos ya más recuerdos en los que pensar para abrir boca.</p>
<p>Podéis acceder al álbum compartido desde <b><a href="https://photos.app.goo.gl/Sg3QSbtRpHJZhdFX8">AQUÍ</a></b>. También hemos pensado en un hashtag para los más instagrameros
<!--<a class="icon brands fa-instagram"></a>-->
<a href="https://www.instagram.com/explore/tags/bodorriocrisyjesus2021/">#BodorrioCrisYJesus2021</a><a class="icon brands fa-instagram"></a>
</p>
<!--<span class="image main"><iframe width=100% height="480" src="https://www.instagram.com/txitxo0/embed" frameborder="0"></iframe></span>-->
</article>
<!-- About -->
<article id="confirm">
<h2 class="major">Asistencia</h2>
<p>Para poder hacer este día aún más impresionante os pedimos un pequeño favor y ¡no tardaréis más de un minuto!. Necesitamos que nos confirméis vuestra asistencia <a href="mailto:[email protected],[email protected]?Subject=[Confirmación] Asistencia%20a%20nuestra%20boda">aquí</a></p>
<p>¡Gracias!</p>
</article>
<!-- Contact -->
<article id="contact">
<h2 class="major">Asistencia</h2>
<p>Para poder hacer este día aún más impresionante os pedimos un pequeño favor y ¡no tardaréis más de un minuto!. Necesitamos que nos confirméis vuestra asistencia con el siguiente formulario.
<!--<a href="mailto:[email protected],[email protected]?Subject=[Confirmación] Asistencia%20a%20nuestra%20boda">aquí</a>-->
</p>
<form id="confirmation_form" method="post" action="#" onsubmit="return checkForm(this)">
<input type="checkbox" name="contact_me_by_fax_only" value="1" style="display:none !important" tabindex="-1" autocomplete="off" id="fax">
<div class="fields">
<div class="field half">
<label for="name">Nombre completo</label>
<input name="name" type="text" id="name" required/>
</div>
<div class="field half">
<label for="email">Email</label>
<input name="email" type="email" id="email" required/>
</div>
<div class="field third">
<label for="confirmation">Asistencia</label>
<select name="confirmation" id="confirmation" required>
<option selected value="SI">SI</option>
<option value="NO">no</option>
</select>
</div>
<div class="field third">
<label for="numberOfPerson">Número</label>
<select name="numberOfPerson" id="numberOfPerson" required>
<option selected></option>
<option value="1">1 persona</option>
<option value="2">2 personas</option>
<option value="3">3 personas</option>
<option value="4">4 personas</option>
<option value="5">5 personas</option>
<option value="6">6 personas</option>
<option value="7">7 personas</option>
<option value="8">8 personas</option>
<option value="9">9 personas</option>
</select>
</div>
<div class="field third">
<label for="numberOfPersonInBus">¿Autocar?</label>
<select name="numberOfPersonInBus" id="numberOfPersonInBus" required>
<option selected></option>
<option value="NO">No</option>
<option value="1">1 persona</option>
<option value="2">2 personas</option>
<option value="3">3 personas</option>
<option value="4">4 personas</option>
<option value="5">5 personas</option>
<option value="6">6 personas</option>
<option value="7">7 personas</option>
<option value="8">8 personas</option>
<option value="9">9 personas</option>
</select>
</div>
<div class="field">
<label for="message">Mensaje</label>
<textarea name="message" id="message" type="text" rows="4" placeholder="Si tienes/tenéis alguna alergia, indicádnoslo aquí por favor :)"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Enviar" class="primary" id="send"/></li>
<li><input type="reset" value="Borrar" onclick="resetForm(this)"/></li>
</ul>
</form>
<div class="alert" style="display:none" id="sent-alert">
<span class="closebtn" onclick="this.parentElement.style.display='none';">×</span>
Mensaje enviado
</div>
</article>
</div>
<!-- Footer -->
<!--<footer id="footer">
<p class="copyright">© Untitled. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>-->
</div>
<!-- BG -->
<div id="bg"></div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>cr