-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
125 lines (122 loc) · 6.56 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Valeria y Luciano</title>
<link rel="dns-prefetch" href="https://lucianofullstack.github.io" crossorigin>
<link rel="preconnect" href="https://lucianofullstack.github.io">
<link rel="preload" as="style" href="assets/css/style.css">
<link rel="preload" as="image" href="assets/pics/dibu.webp">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="preload" href="https://fonts.googleapis.com/css?family=Dancing+Script%7CMontserrat&display=swap"
as="style">
<script src="assets/js/script.js" async></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Dancing+Script%7CMontserrat&display=swap">
<link media="(prefers-color-scheme: light)" rel="image_src" href="assets/favicon/light/512.png">
<link media="(prefers-color-scheme: dark )" rel="image_src" href="assets/favicon/dark/512.png">
<link media="(prefers-color-scheme: light)" rel="icon" type="image/png" sizes="512x512"
href="assets/favicon/light/512.png">
<link media="(prefers-color-scheme: dark )" rel="icon" type="image/png" sizes="512x512"
href="assets/favicon/dark/512.png">
<link media="(prefers-color-scheme: light)" rel="icon" type="image/png" sizes="192x192"
href="assets/favicon/light/192.png">
<link media="(prefers-color-scheme: dark )" rel="icon" type="image/png" sizes="192x192"
href="assets/favicon/dark/192.png">
<link media="(prefers-color-scheme: light)" rel="apple-touch-icon" sizes="180x180"
href="assets/favicon/light/180.png">
<link media="(prefers-color-scheme: dark )" rel="apple-touch-icon" sizes="180x180"
href="assets/favicon/dark/180.png">
<link media="(prefers-color-scheme: light)" rel="icon" type="image/png" sizes="32x32"
href="assets/favicon/light/32.png">
<link media="(prefers-color-scheme: dark )" rel="icon" type="image/png" sizes="32x32"
href="assets/favicon/dark/32.png">
<link media="(prefers-color-scheme: light)" rel="icon" type="image/png" sizes="16x16"
href="assets/favicon/light/16.png">
<link media="(prefers-color-scheme: dark )" rel="icon" type="image/png" sizes="16x16"
href="assets/favicon/dark/16.png">
<link media="(prefers-color-scheme: light)" rel="shortcut icon" type="image/x-icon"
href="assets/favicon/light/favicon.ico">
<link media="(prefers-color-scheme: dark )" rel="shortcut icon" type="image/x-icon"
href="assets/favicon/dark/favicon.ico">
<link media="(prefers-color-scheme: light)" rel="manifest" href="assets/favicon/light/site.webmanifest">
<link media="(prefers-color-scheme: dark )" rel="manifest" href="assets/favicon/dark/site.webmanifest">
<meta name="description" content="Valeria y Luciano: Nuestra Boda">
<meta name="author" content="Valeria y Luciano">
<meta name="copyright" content="Valeria y Luciano">
<meta name="name" property="og:site_name" content="Valeria y Luciano">
<meta property="description" content="Valeria y Luciano: Nuestra Boda">
<meta property="og:locale" content="es_AR">
<meta property="og:type" content="website">
<meta property="og:url" content="https://lucianofullstack.github.io/wedding">
<meta property="og:title" content="Valeria y Luciano">
<meta property="og:description" content="Valeria y Luciano: Nuestra Boda">
<meta property="og:image" content="assets/pics/couple.svg">
<meta property="og:image:type" content="image/svg+xml">
<meta property="og:image:width" content="248">
<meta property="og:image:height" content="248">
<link rel="profile" href="https://gmpg.org/xfn/11">
</head>
<body>
<div class="sakura-falling">
</div>
<div class="top-left-decoration">
</div>
<div class="top-right-decoration">
</div>
<article>
<header>
<h1>Valeria</h1>
<h2>y</h2>
<h1>Luciano</h1>
</header>
<div id="button">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26">
<polygon class="play" points="9.33 6.69 9.33 19.39 19.3 13.04 9.33 6.69" />
<path class="play"
d="M26,13A13,13,0,1,1,13,0,13,13,0,0,1,26,13ZM13,2.18A10.89,10.89,0,1,0,23.84,13.06,10.89,10.89,0,0,0,13,2.18Z" />
</svg>
</div>
<div id="content">
<div id="hero">
<img width="400" height="314" src="assets/pics/dibu.webp" alt="pidiendo la mano">
<p>
<span>10 de Marzo</span>
<br>
<span><b>Jardín Japonés</b></span>
<br>
10:00hs
</p>
<h3>LA BODA <span>¡El gran día!</span></h3>
<img src="assets/pics/japo.webp" width="325" height="258" alt="jardin japones">
<div class="horario">
<div>10:00hs</div>
<div><a
href="https://www.google.com.ar/maps/place/Jard%C3%ADn+Japon%C3%A9s/@-34.5751567,-58.4136281,16z/data=!4m5!3m4!1s0x95bcb57a4147c5c7:0xfc930bf72fdf871f!8m2!3d-34.5761769!4d-58.4096671">MAPA</a>
</div>
</div>
</div>
<h3>ALMUERZO <span>Trattoria Olivetti - Cerviño 3800</span></h3>
<img src="assets/pics/olivetti.webp" width="325" height="257" alt="olivetti">
<div class="horario">
<div>13:00hs</div>
<div>
<a
href="https://www.google.com/maps/dir/Jard%C3%ADn+Japon%C3%A9s,+Av.+Casares,+EWN,+Buenos+Aires/Trattoria+Olivetti,+Av.+Cervi%C3%B1o+3800,+C1425+CABA/@-34.5778087,-58.4123903,18z/am=t/data=!4m14!4m13!1m5!1m1!1s0x95bcb57a4147c5c7:0xfc930bf72fdf871f!2m2!1d-58.4096671!2d-34.5761769!1m5!1m1!1s0x95bcb579773c6ecf:0x2ed886195eff2cfe!2m2!1d-58.4124354!2d-34.5792672!3e2">MAPA</a>
</div>
</div>
<h3>R.S.V.P.<span>¡Te esperamos!</span></h3>
<br>
<p class="rsvp">Por favor confirmá tu asistencia antes del <b>06 de marzo</b> ¡Gracias!
</p>
<h4><a href="#" id="correo" data-encoded="6711060b02150e0649060a170827000a060e0b4904080a">haz
click</a></h4>
<div id="time"></div>
</div>
</article>
<footer></footer>
<audio id="player" preload="auto" loop>
<source src="assets/mp3/song.mp3" type="audio/mp3">
</audio>
</body>
</html>