Camila/index.html at master · Bubler-Drums/Camila · GitHub

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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#C894B4" />
    <!-- Google fonts -->
    <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=Caveat:wght@400;500;600&family=Saira+Condensed:wght@100;200;300;400;500;600&display=swap"
      rel="stylesheet"
    />

    <title>¡3 años de Camila!</title>
  </head>
  <body>
    <loader-spinner>
      <div class="lds-heart">
        <div></div>
      </div>
    </loader-spinner>

    <div id="main" class="main_wrapper" style="display: none">
      <dynamic-src-image
        class="image_wrapper animate__animated animate__fadeInLeft"
      >
        <img alt="Montserrat" />
      </dynamic-src-image>
      <div class="info_wrapper">
        <div class="info_wrapper__text animate__animated animate__fadeInRight">
          <figure class="cross">
            <!-- <img src="./assets/decoration.png" alt="decoration">  -->
          </figure>
          <p class="header">Acompañanos a los 3 años de</p>
          <h1 class="title">Camila</h1>
          <p class="text">Parroquia Chapantongo</p>
          <p class="text">Privada Bajada del Cerrito 20 15:00hrs</p>

          <a
            href="https://maps.app.goo.gl/fqXn1Tp3STS96QMX8"
            target="_blank"
            rel="noopener noreferrer"
            class="address btn mb"
          >
            <img src="./assets/location.svg" alt="" />
            <span>Como llegar</span>
          </a>

          <p class="text">MIS PAPÁS:</p>
          <p class="text">Claudio López</p>
          <p class="text mb">Claudia López</p>

            TAMBIÉN PUEDES CONECTARTE AL LIVE QUE SE TRANSMITIRÁ A TRAVÉS DEL
            INSTAGRAM
          </p>
          <a
            href="https://www.instagram.com/gabo_fxp75/"
            target="_blank"
            rel="noopener noreferrer"
            class="btn"
            >@gabo_fxp75</a
          >

          <footer>
            <p class="date">12 de Octubre del 2024</p>
            <counter-clock
              data-start-date="07/10/2024"
              data-end-date="12/10/2024"
              data-start-time="00:00:00"
              data-end-time="15:00:00"
            >
              <div class="days item">
                <p class="value">00</p>
                <label>Dias</label>
              </div>
              <div class="hours item">
                <p class="value">00</p>
                <label>Horas</label>
              </div>
              <div class="minutes item">
                <p class="value">00</p>
                <label>Minutos</label>
              </div>
              <div class="seconds item">
                <p class="value">00</p>
                <label>Segundos</label>
              </div>
            </counter-clock>
          </footer>

          <p class="text">Despues de la ceremonia te invitamos a celebrar en</p>
          <a
            href="https://maps.app.goo.gl/5BvaUpS7T32gb4d4A"
            target="_blank"
            rel="noopener noreferrer"
            class="address btn mb"
          >
            <img src="./assets/location.svg" alt="" />
            <span>Chapantongo´s House</span>
          </a>
        </div>
      </div>
    </div>
    <script type="module" src="/main.js"></script>
  </body>
</html>