-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (131 loc) · 5.32 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="author" content="Luiz Meraki">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no" />
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<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=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
<link rel="icon" href="./assets/aneis_icon.png">
<title>Nuestra Boda</title>
</head>
<body>
<main>
<section class="banner-section">
<div class="background-banner">
<div class="content-titles">
<h2>Nuestra Boda</h2>
</div>
</div>
</section>
<section class="invite-section" data-aos="fade-up">
<div class="max-width">
<div class="content-titles text-content">
<span>El amor no puede esperar</span>
<span>(la cerveza tampoco porque se calienta).</span>
<span>¡Te esperamos!</span>
</div>
</div>
<div class="full-img-section">
<img src="./assets/convite.png" alt="Convite">
</div>
<div class="max-width">
<div class="text-content">
<p>"Los momentos más importantes de la vida se convierten en inolvidables cuando los compartes con la persona que amas."</p>
</div>
<div class="img-icon">
<img class="flor-1" src="./assets/flor_1.png" alt="Folhas">
</div>
</div>
</section>
<section class="location-section" data-aos="fade-up">
<div class="max-width">
<div class="text-content">
<h2>Ceremonia civil</h2>
<p>Hotel Campestre Tamisaqua, Tamasopo S.L.P</p>
<span>17:00 PM</span>
</div>
<div class="local-content text-content">
<img class="mapa-icon" src="./assets/mapa_icone_1.png" alt="Mapa">
<p>Da click en el botón inferior para acceder al Mapa.</p>
<a class="map-link" href="https://goo.gl/maps/KLVbpUd2fK9wCF8cA" target="_blank">Mapa</a>
<img src="" alt="">
</div>
<div class="img-icon">
<img class="flor-2" src="./assets/flor_2.png" alt="Flor">
</div>
<div class="local-content text-content">
<h2>Recepcion</h2>
<p>Hotel Campestre Tamisaqua, Tamasopo S.L.P</p>
<span>18:00 PM</span>
<a class="map-link" href="https://goo.gl/maps/KLVbpUd2fK9wCF8cA" target="_blank">Mapa</a>
</div>
</div>
</section>
<section class="background-section" data-aos="fade-up">
<div class="max-width">
<div class="text-content float-card">
<img class="cartao-icon" src="./assets/cartao_icone.png" alt="Cartão">
<p>Su presencia ya es nuestro mejor regalo, sin embargo, si deseas tener un detalle con nosotros, lo puedes depositar en el buzón disponible en la recepción de la boda.</p>
<p>O en una cuenta bancaria 👇🏼<br><br>ES: 31 0182 1419 3202 0156 7312<br> MX: 4152 3135 7563 4436</p>
</div>
</div>
</section>
<section class="contact-section" data-aos="fade-up">
<div class="max-width">
<div class="whatsapp-confirmation-content text-content">
<h2>Confirma tu asistencia</h2>
<p>Da click en el botón inferior para confirmar tu asistencia.</p>
<a class="whatsapp-link" href="https://api.whatsapp.com/send?phone=5214811166300" target="_blank"><img class="whatsapp-icon" src="./assets/whatsapp_icon.png" alt="WhatsApp Ícone">Julio Salinas</a>
</div>
</div>
</section>
<section class="hosting-suggestion-section" data-aos="fade-up">
<div class="max-width">
<div class="img-icon">
<img src="./assets/hotel_icone.png" alt="Hotel">
</div>
<div class="content-titles">
<h2>Opciones de hospedaje</h2>
</div>
<div class="text-content">
<ul>
<li class="main-list-items">
Hotel real Tamasopo
<ul>
<li>Habitación de 1 a 4 personas</li>
<li>$ 1 300.00</li>
<li>Tel: <a href="tel:4821034124">482 103 4124</a></li>
</ul>
</li>
<li class="main-list-items">
Hotel Tamaya
<ul>
<li>Habitación 2 personas $ 1 000.00</li>
<li>Habitación 4 personas $ 1 500.00</li>
<li>Tel: <a href="tel:4811003478">481 100 3478</a></li>
</ul>
</li>
</ul>
</div>
</div>
</section>
<section class="rings-content">
<div class="max-width ring-container">
<img src="./assets/aneis_icon.png" alt="Alianças">
</div>
</section>
</main>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
duration: 600,
once: true,
});
</script>
</body>
</html>