@@ -217,42 +217,42 @@ <h1 class="title has-text-centered section-title">Plano da Festa</h1>
217217 < div class ="column is-3 has-vertically-aligned-content ">
218218 < p class ="is-larger has-text-centered ">
219219 < img src ="./image/dish.png " class ="divider has-text-centered ">
220- < div class ="waktu tanggal-hari has-text-centered "> Almoço</ div >
220+ < div class ="waktu tanggal-hari has-text-centered "> Jantar</ div >
221+ </ p >
222+ </ div >
223+
224+ < div class ="column is-4 has-vertically-aligned-content ">
225+ < p class ="is-larger has-text-centered ">
226+ < img src ="./image/cake.png " class ="divider has-text-centered ">
227+ < div class ="waktu tanggal-hari has-text-centered "> Corte do Bolo</ div >
221228 </ p >
222229 </ div >
223230
224231 < div class ="column is-3 has-vertically-aligned-content ">
225232 < p class ="is-larger has-text-centered ">
226233 < img src ="./image/dance.png " class ="divider has-text-centered ">
227- < div class ="waktu tanggal-hari has-text-centered "> Festa </ div >
234+ < div class ="waktu tanggal-hari has-text-centered "> Pista de Dança </ div >
228235 </ p >
229236 </ div >
230237
231238 </ div >
232- < div class ="column is-12 regular-section " data-aos ="fade-up " data-aos-easing ="linear "> </ div >
233- < div class ="columns is-multiline " data-aos ="fade-up " data-aos-easing ="linear ">
239+ <!-- < div class="column is-12 regular-section" data-aos="fade-up" data-aos-easing="linear"></div>
240+ <div class="columns is-multiline" data-aos="fade-up" data-aos-easing="linear"> -->
234241
235- < div class ="column is-4 has-vertically-aligned-content ">
242+ <!-- < div class="column is-4 has-vertically-aligned-content">
236243 <p class="is-larger has-text-centered">
237244 <img src="./image/catering.png" class="divider has-text-centered">
238245 <div class="waktu tanggal-hari has-text-centered">Jantar</div>
239246 </p>
240247 </div>
241248
242- < div class ="column is-4 has-vertically-aligned-content ">
243- < p class ="is-larger has-text-centered ">
244- < img src ="./image/cake.png " class ="divider has-text-centered ">
245- < div class ="waktu tanggal-hari has-text-centered "> Corte do Bolo</ div >
246- </ p >
247- </ div >
248-
249249 <div class="column is-4 has-vertically-aligned-content">
250250 <p class="is-larger has-text-centered">
251251 <img src="./image/mirror-ball.png" class="divider has-text-centered">
252252 <div class="waktu tanggal-hari has-text-centered">Pista de Dança</div>
253253 </p>
254- </ div >
255- </ div >
254+ </div> -->
255+ <!-- < /div> -- >
256256 </ div >
257257 </ div >
258258
@@ -318,129 +318,129 @@ <h1 class="title has-text-centered section-title" data-aos="fade-up" data-aos-ea
318318
319319 <!-- Begin Lokasi Section -->
320320 < section class ="section-darker " id ="mapa "">
321- < div class ="container ">
322- < div class ="column is-12 regular-section " data-aos ="fade-up " data-aos-easing ="linear ">
323- < h1 class ="title has-text-centered section-title "> Onde Nos Encontramos 🚗</ h1 >
321+ < div class =" container ">
322+ < div class ="column is-12 regular-section " data-aos ="fade-up " data-aos-easing ="linear ">
323+ < h1 class ="title has-text-centered section-title "> Onde Nos Encontramos 🚗</ h1 >
324324
325- </ div >
326- < div class ="section-map " data-aos ="fade-up " data-aos-easing ="linear ">
327- < div class ="space40px "> </ div >
328- < iframe
329- src ="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3117.191787239591!2d-8.95977372238189!3d38.62146877178456!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd19470d70f4e2ab%3A0xd7e094d0c1ae639a!2sQuinta%20Lagus%20Resort!5e0!3m2!1spt-PT!2spt!4v1772027061999!5m2!1spt-PT!2spt "
330- width ="100% " height ="450 " frameborder ="0 " style ="border:0; " allowfullscreen =""> </ iframe >
331- </ div >
325+ </ div >
326+ < div class ="section-map " data-aos ="fade-up " data-aos-easing ="linear ">
332327 < div class ="space40px "> </ div >
333- <!-- <div class="has-text-centered" data-aos="fade-up" data-aos-easing="linear">
328+ < iframe
329+ src ="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3117.191787239591!2d-8.95977372238189!3d38.62146877178456!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd19470d70f4e2ab%3A0xd7e094d0c1ae639a!2sQuinta%20Lagus%20Resort!5e0!3m2!1spt-PT!2spt!4v1772027061999!5m2!1spt-PT!2spt "
330+ width ="100% " height ="450 " frameborder ="0 " style ="border:0; " allowfullscreen =""> </ iframe >
331+ </ div >
332+ < div class ="space40px "> </ div >
333+ <!-- <div class="has-text-centered" data-aos="fade-up" data-aos-easing="linear">
334334 <a href="https://maps.google.com/maps/dir//Quinta+Lagus+Resort+Estrada+Nacional+379+2+-+KM+7,5+Olhos+d'%C3%81gua+Palmela/@38.6214688,-8.9571988,16z/data=!4m5!4m4!1m0!1m2!1m1!1s0xd19470d70f4e2ab:0xd7e094d0c1ae639a"
335335 class="button btn-cta-dark" target="_blank" data-aos="zoom-in">
336336 <i class="far fa-directions"></i>
337337 Google Maps
338338 </a>
339339 </div> -->
340- </ div >
341- </ section >
342- <!-- End Lokasi Content -->
343-
344- <!-- Begin RSVP Content -->
345- < section class ="section-light rsvp " id ="rsvp ">
346- < div class ="container ">
347- < div class ="column is-12 regular-section " data-aos ="fade-up " data-aos-easing ="linear ">
348- < h1 class ="title has-text-centered section-title "> Vai juntar-se a nós? ✨</ h1 >
349- < div class ="space40px "> </ div >
350- < h2 class ="subtitle has-text-centered "> Preenche o formulário para todos os convidados</ h2 >
351- < div class ="space40px "> </ div >
352- < div class ="columns is-centered " data-aos ="fade-up " data-aos-easing ="linear ">
353- < div class ="column is-8-tablet is-7-desktop is-6-widescreen ">
354- < div class ="box rsvp-box ">
355- < form id ="rsvpForm " class ="rsvp-form " novalidate >
356-
357- < div class ="column ">
358- < div class ="field ">
359- < label class ="label "> Nome do convidado</ label >
360- < div class ="control has-icons-left ">
361- < select class ="input " name ="name " required >
362- < option value ="" disabled selected > Escolha o seu nome</ option >
363- <!-- Guest options will be inserted here by JS -->
364- </ select >
365- < span class ="icon is-small is-left "> < i class ="fas fa-user "> </ i > </ span >
366- </ div >
367- </ div >
340+ </ div >
341+ </ section >
342+ <!-- End Lokasi Content -->
368343
369- < div class ="field ">
370- < label class ="label "> Telefone</ label >
371- < div class ="control has-icons-left ">
372- < input class ="input " name ="phone " type ="tel " autocomplete ="tel " required
373- placeholder ="Número de telefone ">
374- < span class ="icon is-small is-left "> < i class ="fas fa-phone "> </ i > </ span >
375- </ div >
376- < p class ="help "> Contacto para confirmação.</ p >
344+ <!-- Begin RSVP Content -->
345+ < section class ="section-light rsvp " id ="rsvp ">
346+ < div class ="container ">
347+ < div class ="column is-12 regular-section " data-aos ="fade-up " data-aos-easing ="linear ">
348+ < h1 class ="title has-text-centered section-title "> Vai juntar-se a nós? ✨</ h1 >
349+ < div class ="space40px "> </ div >
350+ < h2 class ="subtitle has-text-centered "> Preenche o formulário para todos os convidados</ h2 >
351+ < div class ="space40px "> </ div >
352+ < div class ="columns is-centered " data-aos ="fade-up " data-aos-easing ="linear ">
353+ < div class ="column is-8-tablet is-7-desktop is-6-widescreen ">
354+ < div class ="box rsvp-box ">
355+ < form id ="rsvpForm " class ="rsvp-form " novalidate >
356+
357+ < div class ="column ">
358+ < div class ="field ">
359+ < label class ="label "> Nome do convidado</ label >
360+ < div class ="control has-icons-left ">
361+ < select class ="input " name ="name " required >
362+ < option value ="" disabled selected > Escolha o seu nome</ option >
363+ <!-- Guest options will be inserted here by JS -->
364+ </ select >
365+ < span class ="icon is-small is-left "> < i class ="fas fa-user "> </ i > </ span >
377366 </ div >
367+ </ div >
378368
379- < div class ="field ">
380- < label class ="label "> Vai estar presente?</ label >
381- < div class ="control ">
382- < select class ="input " name ="attending " required >
383- < option value ="" disabled selected > Selecione uma opção</ option >
384- < option value ="yes "> Sim</ option >
385- < option value ="no "> Não</ option >
386- </ select >
387- </ div >
369+ < div class ="field ">
370+ < label class ="label "> Telefone</ label >
371+ < div class ="control has-icons-left ">
372+ < input class ="input " name ="phone " type ="tel " autocomplete ="tel " required
373+ placeholder ="Número de telefone ">
374+ < span class ="icon is-small is-left "> < i class ="fas fa-phone "> </ i > </ span >
388375 </ div >
376+ < p class ="help "> Contacto para confirmação.</ p >
377+ </ div >
389378
390- < div class ="field ">
391- < label class ="label "> Restrições Alimentares</ label >
392- < div class ="control ">
393- < textarea class ="textarea " name ="notes " rows ="3 " required
394- placeholder ="Grávidas, Vegetarianos, Veganos, Alergias, Intolerâncias "> </ textarea >
395- </ div >
379+ < div class ="field ">
380+ < label class ="label "> Vai estar presente?</ label >
381+ < div class ="control ">
382+ < select class ="input " name ="attending " required >
383+ < option value ="" disabled selected > Selecione uma opção</ option >
384+ < option value ="yes "> Sim</ option >
385+ < option value ="no "> Não</ option >
386+ </ select >
396387 </ div >
388+ </ div >
397389
398- <!-- Turnstile -- >
399- < div class ="field has-text-centered " >
400- < div class ="control is-flex is-justify-content-center ">
401- < div class ="cf-turnstile " data-sitekey =" 0x4AAAAAACiq7tYj_Nr9AyCB " > </ div >
402- </ div >
390+ < div class =" field " >
391+ < label class ="label " > Restrições Alimentares </ label >
392+ < div class ="control ">
393+ < textarea class ="textarea " name =" notes " rows =" 3 " required
394+ placeholder =" Grávidas, Vegetarianos, Veganos, Alergias, Intolerâncias " > </ textarea >
403395 </ div >
404396 </ div >
405397
398+ <!-- Turnstile -->
406399 < div class ="field has-text-centered ">
407- < button class ="btn-cta-dark " type ="submit ">
408- Confirmar
409- </ button >
410- < p id ="rsvpStatus " class ="h2 subtitle " role ="status " aria-live ="polite "> </ p >
400+ < div class ="control is-flex is-justify-content-center ">
401+ < div class ="cf-turnstile " data-sitekey ="0x4AAAAAACiq7tYj_Nr9AyCB "> </ div >
402+ </ div >
411403 </ div >
404+ </ div >
412405
413- </ form >
414- </ div >
406+ < div class ="field has-text-centered ">
407+ < button class ="btn-cta-dark " type ="submit ">
408+ Confirmar
409+ </ button >
410+ < p id ="rsvpStatus " class ="h2 subtitle " role ="status " aria-live ="polite "> </ p >
411+ </ div >
412+
413+ </ form >
415414 </ div >
416415 </ div >
417416 </ div >
418417 </ div >
418+ </ div >
419419
420- <!-- Turnstile script (add once per page, ideally near end of body) -->
421- < script src ="https://challenges.cloudflare.com/turnstile/v0/api.js " async defer > </ script >
420+ <!-- Turnstile script (add once per page, ideally near end of body) -->
421+ < script src ="https://challenges.cloudflare.com/turnstile/v0/api.js " async defer > </ script >
422422
423423
424424
425- </ section >
425+ </ section >
426426
427- <!-- RSVP FORM (Bulma-friendly) -->
427+ <!-- RSVP FORM (Bulma-friendly) -->
428428
429- < section class ="section-dark contact " id ="contactos ">
430- < div class ="container ">
431- < div class ="columns is-multiline ">
432- < div class ="column is-12 prolog ">
433- < h1 class ="title has-text-centered section-title " data-aos ="fade-up " data-aos-easing ="linear "> Dúvidas
434- Existenciais (ou não) 💬</ h1 >
435- </ div >
436- < div class ="column is-12 prolog has-text-centered " data-aos ="fade-up " data-aos-easing ="linear ">
437- < p class ="h2 subtitle ">
438- Se ficar com alguma dúvida, não sofra em silêncio, envie-nos uma mensagem no WhatsApp ou ligue-nos! 📞
439- </ p >
440- </ div >
429+ < section class ="section-dark contact " id ="contactos ">
430+ < div class ="container ">
431+ < div class ="columns is-multiline ">
432+ < div class ="column is-12 prolog ">
433+ < h1 class ="title has-text-centered section-title " data-aos ="fade-up " data-aos-easing ="linear "> Dúvidas
434+ Existenciais (ou não) 💬</ h1 >
435+ </ div >
436+ < div class ="column is-12 prolog has-text-centered " data-aos ="fade-up " data-aos-easing ="linear ">
437+ < p class ="h2 subtitle ">
438+ Se ficar com alguma dúvida, não sofra em silêncio, envie-nos uma mensagem no WhatsApp ou ligue-nos! 📞
439+ </ p >
441440 </ div >
442441 </ div >
443- </ div >
442+ </ div >
443+ </ div >
444444 </ section >
445445 <!-- End RSVP Content -->
446446 </ div >
@@ -694,4 +694,4 @@ <h1 class="title has-text-centered section-title" data-aos="fade-up" data-aos-ea
694694
695695</ script >
696696
697- </ html >
697+ </ html >
0 commit comments