<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Vale & Vice</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta content="Matrimonio Vale & Vice" name="keywords" />
    <meta content="Al fin llegó el día!!!" name="description" />
    <meta name="twitter:title" content="Matrimonio Vale & Vice" />
    <meta name="twitter:description" content="Al fin llegó el día!!!" />
    <meta name="twitter:image" content="../valeyvice/img/carousel-1.jpg" />
    <meta name="twitter:card" content="summary_large_image" />

    <!-- Favicon -->
    <link href="../valeyvice/img/favicon.png" rel="icon" />
    <!-- SweetAlert2 CSS -->
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css"
    />

    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link
      href="https://fonts.googleapis.com/css2?family=Great+Vibes&family=Montserrat:wght@400;600&display=swap"
      rel="stylesheet"
    />
    <link
      href="https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&family=Beau+Rivage&family=Ephesis&family=Great+Vibes&display=swap"
      rel="stylesheet"
    />

    <!-- Style Flipdown -->
    <link
      href="https://pbutcher.uk/flipdown/css/flipdown/flipdown.css"
      rel="stylesheet"
    />

    <!-- NEW FONT -->
    <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=Asap:ital,wght@0,100..900;1,100..900&family=Beau+Rivage&display=swap"
      rel="stylesheet"
    />

    <!-- Font Awesome -->
    <link
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css"
      rel="stylesheet"
    />

    <!-- Libraries Stylesheet -->
    <link
      href="../valeyvice/lib/owlcarousel/assets/owl.carousel.min.css"
      rel="stylesheet"
    />
    <link
      href="../valeyvice/lib/lightbox/css/lightbox.min.css"
      rel="stylesheet"
    />

    <!-- Customized Bootstrap Stylesheet -->
    <link href="../valeyvice/css/style.css" rel="stylesheet" />
  </head>

  <body data-spy="scroll" data-target=".navbar" data-offset="51">
    <!-- Navbar Start -->
    <nav
      class="navbar fixed-top shadow-sm navbar-expand-lg bg-dark navbar-dark py-3 py-lg-0 px-lg-5"
    >
      <a href="index.html" class="navbar-brand d-block d-lg-none">
        <h1 class="font-manuscrita text-white mb-n2" style="font-size: 45px">
          Vale & Vice
        </h1>
      </a>
      <button
        type="button"
        class="navbar-toggler"
        data-toggle="collapse"
        data-target="#navbarCollapse"
      >
        <span class="navbar-toggler-icon"></span>
      </button>
      <div
        class="collapse navbar-collapse justify-content-between"
        id="navbarCollapse"
      >
        <div class="navbar-nav ml-auto py-0">
          <a href="#story" class="nav-item nav-link">Nuestra Historia</a>
          <a href="#event" class="nav-item nav-link">Evento</a>
        </div>
        <a href="index.html" class="navbar-brand mx-5 d-none d-lg-block">
          <h1 class="font-manuscrita text-white mb-n2" style="font-size: 60px">
            Vale & Vice
          </h1>
        </a>
        <div class="navbar-nav mr-auto py-0">
          <a href="#regalos" class="nav-item nav-link">Regalos</a>
          <a href="#gallery" class="nav-item nav-link">Galería</a>
        </div>
      </div>
    </nav>
    <!-- Navbar End -->

    <!-- Carousel Start -->
    <div class="container-fluid p-0" id="home">
      <div
        id="header-carousel"
        class="carousel slide carousel-fade"
        data-ride="carousel"
      >
        <div class="carousel-inner">
          <div
            class="carousel-item position-relative active"
            style="height: 100vh; min-height: 400px"
          >
            <img
              class="position-absolute w-100 h-100"
              src="../valeyvice/img/carousel-1.jpg"
              style="object-fit: cover"
            />
            <div
              class="carousel-caption d-flex flex-column align-items-center justify-content-start"
            >
              <div class="p-3" style="max-width: 900px">
                <h1 class="display-1 font-manuscrita text-white mt-n3 mb-md-4">
                  Vale & Vice
                </h1>
                <div
                  class="d-inline-block border-top border-bottom border-light py-3 px-4"
                >
                  <h3
                    class="text-uppercase font-weight-normal text-white m-0"
                    style="letter-spacing: 2px"
                  >
                    ¡Nos vamos a casar!
                  </h3>
                </div>
                <button type="button" id="playBtn" class="btn-play mx-auto">
                  <i class="fas fa-play play-icon"></i>
                </button>

                <audio id="audio">
                  <source src="../valeyvice/audio.mp3" type="audio/mpeg" />
                  Tu navegador no soporta el elemento de audio.
                </audio>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Carousel End -->

    <div class="container-background pt-5 pb-5">
      <div
        class="container-fluid"
        style="display: flex; justify-content: center; flex-direction: column"
      >
        <h1
          class="heading-nombre-invitado font-secondary display-5"
          style="text-align: center"
        >
          Las circunstancias no nos permiten invitar a todos quienes
          quisiéramos.
        </h1>
        <h1
          class="heading-nombre-invitado font-secondary display-4"
          style="text-align: center"
        >
          ¡Pero queremos que nos acompañes en nuestra ceremonia de boda!
        </h1>
      </div>

      <div
        class="container-fluid"
        style="
          display: flex;
          justify-content: center;
          flex-direction: column;
          align-items: center;
          padding-top: 29px;
        "
      >
        <h6 class="text-uppercase text-primary" style="letter-spacing: 3px">
          Y solo quedan 😱
        </h6>
        <div class="countdown-container">
          <div class="count-down">
            <div class="flipdown" id="flipdown"></div>
          </div>
        </div>
      </div>
    </div>

    <!-- Story Start -->
    <div class="container-fluid py-5" id="story">
      <div class="container pb-3">
        <div class="section-title position-relative text-center">
          <h6
            class="text-uppercase text-primary mb-3"
            style="letter-spacing: 3px"
          >
            ANTES QUE TODO
          </h6>
          <h1 class="font-secondary display-4">Nuestra Historia</h1>
          <i class="far fa-heart text-dark"></i>
        </div>
        <div class="container timeline position-relative p-0">
          <div class="row">
            <div class="col-md-6 text-center text-md-right">
              <img
                class="img-fluid mr-md-3"
                src="../valeyvice/img/story-1.jpg"
                alt=""
              />
            </div>
            <div class="col-md-6 text-center text-md-left">
              <div
                class="h-100 d-flex flex-column justify-content-center bg-secondary p-4 ml-md-3"
              >
                <h4 class="mb-2">El día que nos conocimos</h4>
                <p class="text-uppercase mb-2">29 Noviembre 2019</p>
                <p class="m-0">
                  Solo por la buena onda 👀 una foto de hermanos en la
                  asamblea... ¿El tema de la asamblea?
                  <i>El Amor Nunca Falla</i>
                </p>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-6 text-center text-md-right">
              <div
                class="h-100 d-flex flex-column justify-content-center bg-secondary p-4 mr-md-3"
              >
                <h4 class="mb-2">Coincidencias</h4>
                <p class="text-uppercase mb-2">1 Diciembre 2019</p>
                <p class="m-0">
                  Solo 2 días después de conocernos, una foto grupal... pero
                  combinados a más no poder 🙈
                </p>
              </div>
            </div>
            <div class="col-md-6 text-center text-md-left">
              <img
                class="img-fluid ml-md-3"
                src="../valeyvice/img/story-2.jpg"
                alt=""
              />
            </div>
          </div>
          <div class="row">
            <div class="col-md-6 text-center text-md-right">
              <img
                class="img-fluid mr-md-3"
                src="../valeyvice/img/story-3.jpg"
                alt=""
              />
            </div>
            <div class="col-md-6 text-center text-md-left">
              <div
                class="h-100 d-flex flex-column justify-content-center bg-secondary p-4 ml-md-3"
              >
                <h4 class="mb-2">Cuando comenzó todo</h4>
                <p class="text-uppercase mb-2">30 Julio 2023</p>
                <p class="m-0">
                  El tiempo pasó y fuimos comenzando a hablar mucho, la amistad
                  llegó a ser algo que claramente no era solo amistad... así que
                  Vice bajándose del avión desde Brasil fue a Quilicura y
                  decidimos comenzar todo.
                </p>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-md-6 text-center text-md-right">
              <div
                class="h-100 d-flex flex-column justify-content-center bg-secondary p-4 mr-md-3"
              >
                <h4 class="mb-2">Vida Sureña</h4>
                <p class="text-uppercase mb-2">Enero 2024</p>
                <p class="m-0">
                  A las semanas todo cambió. Las circunstancias cambiaron y la
                  Vale vino a probar la vida sureña 😍 Ahí comenzaron nuestros
                  mejores meses.
                </p>
              </div>
            </div>
            <div class="col-md-6 text-center text-md-left">
              <img
                class="img-fluid ml-md-3"
                src="../valeyvice/img/story-4.jpg"
                alt=""
              />
            </div>
          </div>
          <!-- Nuevo elemento -->
          <div class="row">
            <div class="col-md-6 text-center text-md-right">
              <img
                class="img-fluid mr-md-3"
                src="../valeyvice/img/story-5.jpg"
                alt=""
              />
            </div>
            <div class="col-md-6 text-center text-md-left">
              <div
                class="h-100 d-flex flex-column justify-content-center bg-secondary p-4 ml-md-3"
              >
                <h4 class="mb-2">Casi año juntos</h4>
                <p class="text-uppercase mb-2">Julio 2024</p>
                <p class="m-0">
                  En un par de fotos parece poco, pero el tiempo pasó, y ambos
                  estabamos decididos que queríamos pasar nuestras vidas
                  juntos...
                </p>
              </div>
            </div>
          </div>
          <!-- Fin del nuevo elemento -->
          <div class="row">
            <div class="col-md-6 text-center text-md-right">
              <div
                class="h-100 d-flex flex-column justify-content-center bg-secondary p-4 mr-md-3"
              >
                <h4 class="mb-2">Se venía la sorpresa</h4>
                <p class="text-uppercase mb-2">16 Julio 2024</p>
                <p class="m-0">
                  Por eso, Vice comenzó a preparar una sorpresa con varias
                  semanas de anticipación. Varios de ustedes nos ayudaron para
                  este momento. Pero la idea es que poca gente supiera, porque
                  debía ser 100% sorpresa. Quedaban pocos días para la sorpresa,
                  estaba todo listo y planeado. El objetivo es que la Vale no se
                  enterara de nada, pero estaba complicado.
                </p>
              </div>
            </div>
            <div class="col-md-6 text-center text-md-left">
              <img
                class="img-fluid ml-md-3"
                src="../valeyvice/img/story-6.jpg"
                alt=""
              />
            </div>
          </div>
          <!-- Nuevo elemento -->
          <div class="row">
            <div class="col-md-6 text-center text-md-right">
              <img
                class="img-fluid mr-md-3"
                src="../valeyvice/img/story-7.jpg"
                alt=""
              />
            </div>
            <div class="col-md-6 text-center text-md-left">
              <div
                class="h-100 d-flex flex-column justify-content-center bg-secondary p-4 ml-md-3"
              >
                <h4 class="mb-2">La Propuesta</h4>
                <p class="text-uppercase mb-2">27 Julio 2024</p>
                <p class="m-0">
                  ¡Y se logró! Supuestamente haríamos un sesión de fotos por
                  cumplir el año... Y cuando llegamos al río, llegó el momento
                  planeado hace semanas.
                </p>
              </div>
            </div>
          </div>
          <!-- Fin del nuevo elemento -->
          <!-- Fin del nuevo elemento -->
          <div class="row">
            <div class="col-md-6 text-center text-md-right">
              <div
                class="h-100 d-flex flex-column justify-content-center bg-secondary p-4 mr-md-3"
              >
                <h4 class="mb-2">La Propuesta</h4>
                <p class="text-uppercase mb-2">27 Julio 2024</p>
                <p class="m-0">
                  Y la guinda de la torta, fue la Familia, que no podía faltar
                  en esta sorpresa. Nos ayudaron 1000% en todo. La Vale ni
                  imaginaba que todos eran cómplices, ¡hasta sus papás!
                </p>
              </div>
            </div>
            <div class="col-md-6 text-center text-md-left">
              <img
                class="img-fluid ml-md-3"
                src="../valeyvice/img/story-8.jpg"
                alt=""
              />
            </div>
          </div>
          <!-- Nuevo elemento -->
          <!-- Nuevo elemento -->
          <!--  <div class="row">
            <div class="col-md-6 text-center text-md-right">
              <img class="img-fluid mr-md-3" src="../valeyvice/img/story-9.jpg" alt="" />
            </div>
            <div class="col-md-6 text-center text-md-left">
              <div
                class="h-100 d-flex flex-column justify-content-center bg-secondary p-4 ml-md-3"
              >
                <h4 class="mb-2">El gran Día</h4>
                <p class="text-uppercase mb-2">18 Abril 2025</p>
                <p class="m-0">
                  El día que esperábamos con tantas ganas. Familia, amigos y
                  nuestro amor compartido en un momento inolvidable.
                </p>
              </div>
            </div>
          </div> -->
          <!-- Fin del nuevo elemento -->
        </div>
      </div>
    </div>
    <!-- Story End -->

    <!-- Event Start -->
    <div class="container-fluid" id="event">
      <div class="container py-5">
        <div class="section-title position-relative text-center">
          <h6
            class="text-uppercase text-primary mb-3"
            style="letter-spacing: 3px"
          >
            Hasra que llegó
          </h6>
          <h1 class="font-secondary display-4">El Gran Día</h1>
          <i class="far fa-heart text-dark"></i>
        </div>
        <div class="row justify-content-center">
          <div class="col-md-8 text-center">
            <!-- <h5 class="font-weight-normal text-muted">
              <br />
              <br />
            </h5> -->
            <h6
              class="text-uppercase text-primary mb-3"
              style="letter-spacing: 3px"
            >
              Viernes 18 - abril - 2025
            </h6>
          </div>
        </div>
      </div>
      <!-- Event End -->

      <!-- Event End -->

      <!-- Friends & Family Start -->

      <div class="container-fluid py-5" id="regalos">
        <div class="container pt-5 pb-3">
          <div class="section-title position-relative text-center">
            <h6
              class="text-uppercase text-primary mb-3"
              style="letter-spacing: 3px"
            >
              Regalos
            </h6>
            <h1 class="font-secondary display-4">Regalos</h1>
            <i class="far fa-heart text-dark"></i>
          </div>
          <div class="row justify-content-center">
            <div class="col-md-6 text-center">
              <h5 class="font-weight-normal text-muted mb-3 pb-3">
                Gracias por querer ser partícipe de este día.
              </h5>
              <h5 class="font-weight-normal text-muted">
                No es obligatorio, pero si quieres hacernos un regalo, no nos
                quejamos 🙈 Acá te dejamos algunas ideas 😁
                <br />
                ¡OJO! Los regalos son reales. Si pinchas uno, te llevará al
                portal de pagos.
              </h5>
              <div
                class="mb-3 pb-3"
                style="display: flex; justify-content: center"
              >
                <a
                  href="whatsapp://send?text=Aquí%20está%20la%20lista%20de%20regalos%20de%20los%20chiquillos!!%0Ahttps%3A%2F%2Fmarguirott.com%2Fregalos"
                  class="shareWhatsapp"
                  role="button"
                >
                  <div class="shareSign">
                    <svg class="socialSvg whatsappSvg" viewBox="0 0 16 16">
                      <path
                        d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"
                      ></path>
                    </svg>
                  </div>
                  <div class="shareText">Compartir</div>
                </a>
              </div>
            </div>
          </div>
          <!-- REGALOS -->
          <div class="container container-gift">
            <div class="row">
              <!-- CARD COLUMN -->
              <div class="col-xs-6 col-md-4 card-column">
                <div
                  class="card card-hover-effect"
                  data-link="https://mpago.la/1qn6mzf"
                >
                  <div class="card-image">
                    <img src="../valeyvice/img/regaloCocaCola.jpg" alt="" />
                  </div>
                  <div class="category">$15.000</div>
                  <div class="heading">
                    Un baño de chocolate y un Camión de CocaCola
                  </div>
                </div>
              </div>
              <!-- END OF CARD COLUMN-->
              <!-- CARD COLUMN -->
              <div class="col-xs-6 col-md-4 card-column">
                <div
                  class="card card-hover-effect"
                  data-link="https://mpago.la/1Y8eZX9"
                >
                  <div class="card-image">
                    <img src="../valeyvice/img/regaloRoma.jpg" alt="" />
                  </div>
                  <div class="category">$15.000</div>
                  <div class="heading">Una escapada a Roma 🍝</div>
                </div>
              </div>
              <!-- END OF CARD COLUMN-->
              <!-- CARD COLUMN -->
              <div class="col-xs-6 col-md-4 card-column">
                <!-- regalo with stars -->
                <div
                  class="card shiny-effect"
                  data-link="https://mpago.la/1DKkfSp"
                >
                  <div class="card-image">
                    <img src="../valeyvice/img/regaloCafecito.jpg" alt="" />
                  </div>
                  <div class="category">$20.000</div>
                  <div class="heading">
                    Un cafécito en París☕🗼
                    <!-- <div class="author">
                <span class="name">$40.000</span>
              </div> -->
                  </div>
                  <div class="star-1">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      xml:space="preserve"
                      version="1.1"
                      style="
                        shape-rendering: geometricPrecision;
                        text-rendering: geometricPrecision;
                        image-rendering: optimizeQuality;
                        fill-rule: evenodd;
                        clip-rule: evenodd;
                      "
                      viewBox="0 0 784.11 815.53"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <defs></defs>
                      <g id="Layer_x0020_1">
                        <metadata id="CorelCorpID_0Corel-Layer"></metadata>
                        <path
                          class="fil0"
                          d="M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z"
                        ></path>
                      </g>
                    </svg>
                  </div>
                  <div class="star-2">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      xml:space="preserve"
                      version="1.1"
                      style="
                        shape-rendering: geometricPrecision;
                        text-rendering: geometricPrecision;
                        image-rendering: optimizeQuality;
                        fill-rule: evenodd;
                        clip-rule: evenodd;
                      "
                      viewBox="0 0 784.11 815.53"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <defs></defs>
                      <g id="Layer_x0020_1">
                        <metadata id="CorelCorpID_0Corel-Layer"></metadata>
                        <path
                          class="fil0"
                          d="M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z"
                        ></path>
                      </g>
                    </svg>
                  </div>
                  <div class="star-3">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      xml:space="preserve"
                      version="1.1"
                      style="
                        shape-rendering: geometricPrecision;
                        text-rendering: geometricPrecision;
                        image-rendering: optimizeQuality;
                        fill-rule: evenodd;
                        clip-rule: evenodd;
                      "
                      viewBox="0 0 784.11 815.53"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <defs></defs>
                      <g id="Layer_x0020_1">
                        <metadata id="CorelCorpID_0Corel-Layer"></metadata>
                        <path
                          class="fil0"
                          d="M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z"
                        ></path>
                      </g>
                    </svg>
                  </div>
                  <div class="star-4">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      xml:space="preserve"
                      version="1.1"
                      style="
                        shape-rendering: geometricPrecision;
                        text-rendering: geometricPrecision;
                        image-rendering: optimizeQuality;
                        fill-rule: evenodd;
                        clip-rule: evenodd;
                      "
                      viewBox="0 0 784.11 815.53"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <defs></defs>
                      <g id="Layer_x0020_1">
                        <metadata id="CorelCorpID_0Corel-Layer"></metadata>
                        <path
                          class="fil0"
                          d="M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z"
                        ></path>
                      </g>
                    </svg>
                  </div>
                  <div class="star-5">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      xml:space="preserve"
                      version="1.1"
                      style="
                        shape-rendering: geometricPrecision;
                        text-rendering: geometricPrecision;
                        image-rendering: optimizeQuality;
                        fill-rule: evenodd;
                        clip-rule: evenodd;
                      "
                      viewBox="0 0 784.11 815.53"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <defs></defs>
                      <g id="Layer_x0020_1">
                        <metadata id="CorelCorpID_0Corel-Layer"></metadata>
                        <path
                          class="fil0"
                          d="M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z"
                        ></path>
                      </g>
                    </svg>
                  </div>
                  <div class="star-6">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      xml:space="preserve"
                      version="1.1"
                      style="
                        shape-rendering: geometricPrecision;
                        text-rendering: geometricPrecision;
                        image-rendering: optimizeQuality;
                        fill-rule: evenodd;
                        clip-rule: evenodd;
                      "
                      viewBox="0 0 784.11 815.53"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <defs></defs>
                      <g id="Layer_x0020_1">
                        <metadata id="CorelCorpID_0Corel-Layer"></metadata>
                        <path
                          class="fil0"
                          d="M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z"
                        ></path>
                      </g>
                    </svg>
                  </div>
                </div>
                <!-- end of regalo with stars -->
              </div>
              <!-- END OF CARD COLUMN-->
              <!-- CARD COLUMN -->
              <div class="col-xs-6 col-md-4 card-column">
                <div
                  class="card card-hover-effect"
                  data-link="https://mpago.la/2yXcQPU"
                >
                  <div class="card-image">
                    <img src="../valeyvice/img/regaloMaquillaje.jpg" alt="" />
                  </div>
                  <div class="category">$40.000</div>
                  <div class="heading">
                    Una renovación de maquillaje para la novia 💄
                  </div>
                </div>
              </div>
              <!-- END OF CARD COLUMN-->

              <!-- CARD COLUMN -->
              <div class="col-xs-6 col-md-4 card-column">
                <div
                  class="card code-effect"
                  data-link="https://mpago.la/2EFojB4"
                >
                  <div class="card-image">
                    <img src="../valeyvice/img/regaloPc.jpg" alt="" />
                  </div>
                  <div class="category">$70.000</div>
                  <div class="heading">Un PC GAMER</div>
                  <div class="matrix">
                    <span style="--i: 6" class="code-line">
                      <p class="code">z</p>
                      <p class="code">6</p>
                      <p class="code">0</p>
                      <p class="code">z</p>
                    </span>
                    <span style="--i: 8" class="code-line">
                      <p class="code">6</p>
                      <p class="code">9</p>
                      <p class="code">p</p>
                    </span>
                    <span style="--i: 5" class="code-line">
                      <p class="code">u</p>
                      <p class="code">3</p>
                      <p class="code">g</p>
                    </span>
                    <span style="--i: 12" class="code-line">
                      <p class="code">a</p>
                      <p class="code">t</p>
                      <p class="code">7</p>
                      <p class="code">2</p>
                      <p class="code">g</p>
                      <p class="code">h</p>
                      <p class="code">0</p>
                      <p class="code">k</p>
                    </span>
                    <span style="--i: 9" class="code-line">
                      <p class="code">6</p>
                      <p class="code">3</p>
                      <p class="code">0</p>
                    </span>
                    <span style="--i: 6" class="code-line">
                      <p class="code">7</p>
                      <p class="code">s</p>
                      <p class="code">b</p>
                      <p class="code">q</p>
                    </span>
                    <span style="--i: 8" class="code-line">
                      <p class="code">m</p>
                      <p class="code">2</p>
                      <p class="code">5</p>
                      <p class="code">4</p>
                      <p class="code">l</p>
                      <p class="code">1</p>
                    </span>
                    <span style="--i: 12" class="code-line">
                      <p class="code">9</p>
                      <p class="code">1</p>
                      <p class="code">s</p>
                      <p class="code">2</p>
                      <p class="code">t</p>
                      <p class="code">7</p>
                      <p class="code">4</p>
                      <p class="code">h</p>
                      <p class="code">0</p>
                    </span>

                    <span style="--i: 5" class="code-line">
                      <p class="code">1</p>
                      <p class="code">0</p>
                      <p class="code">0</p>
                      <p class="code">3</p>
                    </span>
                    <span style="--i: 1" class="code-line">
                      <p class="code">5</p>
                      <p class="code">t</p>
                      <p class="code">p</p>
                      <p class="code">z</p>
                    </span>
                    <span style="--i: 12" class="code-line">
                      <p class="code">v</p>
                      <p class="code">a</p>
                      <p class="code">l</p>
                      <p class="code">e</p>
                    </span>
                    <span style="--i: 8" class="code-line">
                      <p class="code">v</p>
                      <p class="code">i</p>
                      <p class="code">c</p>
                      <p class="code">e</p>
                    </span>
                    <span style="--i: 2" class="code-line">
                      <p class="code">z</p>
                      <p class="code">6</p>
                      <p class="code">0</p>
                      <p class="code">z</p>
                    </span>
                    <span style="--i: 6" class="code-line">
                      <p class="code">z</p>
                      <p class="code">6</p>
                      <p class="code">0</p>
                      <p class="code">z</p>
                    </span>
                    <span style="--i: 8" class="code-line">
                      <p class="code">6</p>
                      <p class="code">9</p>
                      <p class="code">p</p>
                    </span>
                    <span style="--i: 5" class="code-line">
                      <p class="code">u</p>
                      <p class="code">3</p>
                      <p class="code">g</p>
                    </span>
                    <span style="--i: 12" class="code-line">
                      <p class="code">a</p>
                      <p class="code">t</p>
                      <p class="code">7</p>
                      <p class="code">2</p>
                      <p class="code">g</p>
                      <p class="code">h</p>
                      <p class="code">0</p>
                      <p class="code">k</p>
                    </span>
                    <span style="--i: 9" class="code-line">
                      <p class="code">6</p>
                      <p class="code">3</p>
                      <p class="code">0</p>
                    </span>
                    <span style="--i: 6" class="code-line">
                      <p class="code">7</p>
                      <p class="code">s</p>
                      <p class="code">b</p>
                      <p class="code">q</p>
                    </span>
                    <span style="--i: 8" class="code-line">
                      <p class="code">m</p>
                      <p class="code">2</p>
                      <p class="code">5</p>
                      <p class="code">4</p>
                      <p class="code">l</p>
                      <p class="code">1</p>
                    </span>
                    <span style="--i: 12" class="code-line">
                      <p class="code">9</p>
                      <p class="code">1</p>
                      <p class="code">s</p>
                      <p class="code">2</p>
                      <p class="code">t</p>
                      <p class="code">7</p>
                      <p class="code">4</p>
                      <p class="code">h</p>
                      <p class="code">0</p>
                    </span>

                    <span style="--i: 5" class="code-line">
                      <p class="code">1</p>
                      <p class="code">0</p>
                      <p class="code">0</p>
                      <p class="code">3</p>
                    </span>
                    <span style="--i: 1" class="code-line">
                      <p class="code">5</p>
                      <p class="code">t</p>
                      <p class="code">p</p>
                      <p class="code">z</p>
                    </span>
                    <span style="--i: 12" class="code-line">
                      <p class="code">v</p>
                      <p class="code">a</p>
                      <p class="code">l</p>
                      <p class="code">e</p>
                    </span>
                    <span style="--i: 8" class="code-line">
                      <p class="code">v</p>
                      <p class="code">i</p>
                      <p class="code">c</p>
                      <p class="code">e</p>
                    </span>
                    <span style="--i: 2" class="code-line">
                      <p class="code">z</p>
                      <p class="code">6</p>
                      <p class="code">0</p>
                      <p class="code">z</p>
                    </span>
                    <span style="--i: 6" class="code-line">
                      <p class="code">z</p>
                      <p class="code">6</p>
                      <p class="code">0</p>
                      <p class="code">z</p>
                    </span>
                    <span style="--i: 8" class="code-line">
                      <p class="code">6</p>
                      <p class="code">9</p>
                      <p class="code">p</p>
                    </span>
                    <span style="--i: 5" class="code-line">
                      <p class="code">u</p>
                      <p class="code">3</p>
                      <p class="code">g</p>
                    </span>
                    <span style="--i: 12" class="code-line">
                      <p class="code">a</p>
                      <p class="code">t</p>
                      <p class="code">7</p>
                      <p class="code">2</p>
                      <p class="code">g</p>
                      <p class="code">h</p>
                      <p class="code">0</p>
                      <p class="code">k</p>
                    </span>
                    <span style="--i: 9" class="code-line">
                      <p class="code">6</p>
                      <p class="code">3</p>
                      <p class="code">0</p>
                    </span>
                    <span style="--i: 6" class="code-line">
                      <p class="code">7</p>
                      <p class="code">s</p>
                      <p class="code">b</p>
                      <p class="code">q</p>
                    </span>
                    <span style="--i: 8" class="code-line">
                      <p class="code">m</p>
                      <p class="code">2</p>
                      <p class="code">5</p>
                      <p class="code">4</p>
                      <p class="code">l</p>
                      <p class="code">1</p>
                    </span>
                    <span style="--i: 12" class="code-line">
                      <p class="code">9</p>
                      <p class="code">1</p>
                      <p class="code">s</p>
                      <p class="code">2</p>
                      <p class="code">t</p>
                      <p class="code">7</p>
                      <p class="code">4</p>
                      <p class="code">h</p>
                      <p class="code">0</p>
                    </span>

                    <span style="--i: 5" class="code-line">
                      <p class="code">1</p>
                      <p class="code">0</p>
                      <p class="code">0</p>
                      <p class="code">3</p>
                    </span>
                    <span style="--i: 1" class="code-line">
                      <p class="code">5</p>
                      <p class="code">t</p>
                      <p class="code">p</p>
                      <p class="code">z</p>
                    </span>
                    <span style="--i: 12" class="code-line">
                      <p class="code">v</p>
                      <p class="code">a</p>
                      <p class="code">l</p>
                      <p class="code">e</p>
                    </span>
                    <span style="--i: 8" class="code-line">
                      <p class="code">v</p>
                      <p class="code">i</p>
                      <p class="code">c</p>
                      <p class="code">e</p>
                    </span>
                    <span style="--i: 2" class="code-line">
                      <p class="code">z</p>
                      <p class="code">6</p>
                      <p class="code">0</p>
                      <p class="code">z</p>
                    </span>
                    <span style="--i: 6" class="code-line">
                      <p class="code">z</p>
                      <p class="code">6</p>
                      <p class="code">0</p>
                      <p class="code">z</p>
                    </span>
                    <span style="--i: 8" class="code-line">
                      <p class="code">6</p>
                      <p class="code">9</p>
                      <p class="code">p</p>
                    </span>
                    <span style="--i: 5" class="code-line">
                      <p class="code">u</p>
                      <p class="code">3</p>
                      <p class="code">g</p>
                    </span>
                    <span style="--i: 12" class="code-line">
                      <p class="code">a</p>
                      <p class="code">t</p>
                      <p class="code">7</p>
                      <p class="code">2</p>
                      <p class="code">g</p>
                      <p class="code">h</p>
                      <p class="code">0</p>
                      <p class="code">k</p>
                    </span>
                    <span style="--i: 9" class="code-line">
                      <p class="code">6</p>
                      <p class="code">3</p>
                      <p class="code">0</p>
                    </span>
                    <span style="--i: 6" class="code-line">
                      <p class="code">7</p>
                      <p class="code">s</p>
                      <p class="code">b</p>
                      <p class="code">q</p>
                    </span>
                    <span style="--i: 8" class="code-line">
                      <p class="code">m</p>
                      <p class="code">2</p>
                      <p class="code">5</p>
                      <p class="code">4</p>
                      <p class="code">l</p>
                      <p class="code">1</p>
                    </span>
                    <span style="--i: 12" class="code-line">
                      <p class="code">9</p>
                      <p class="code">1</p>
                      <p class="code">s</p>
                      <p class="code">2</p>
                      <p class="code">t</p>
                      <p class="code">7</p>
                      <p class="code">4</p>
                      <p class="code">h</p>
                      <p class="code">0</p>
                    </span>

                    <span style="--i: 5" class="code-line">
                      <p class="code">1</p>
                      <p class="code">0</p>
                      <p class="code">0</p>
                      <p class="code">3</p>
                    </span>
                    <span style="--i: 1" class="code-line">
                      <p class="code">5</p>
                      <p class="code">t</p>
                      <p class="code">p</p>
                      <p class="code">z</p>
                    </span>
                    <span style="--i: 12" class="code-line">
                      <p class="code">v</p>
                      <p class="code">a</p>
                      <p class="code">l</p>
                      <p class="code">e</p>
                    </span>
                    <span style="--i: 8" class="code-line">
                      <p class="code">v</p>
                      <p class="code">i</p>
                      <p class="code">c</p>
                      <p class="code">e</p>
                    </span>
                    <span style="--i: 2" class="code-line">
                      <p class="code">z</p>
                      <p class="code">6</p>
                      <p class="code">0</p>
                      <p class="code">z</p>
                    </span>
                    <!-- Puedes continuar agregando más líneas aquí -->
                  </div>
                </div>
              </div>

              <!-- END OF CARD COLUMN-->

              <!-- CARD COLUMN -->
              <div class="col-xs-6 col-md-4 card-column">
                <div
                  class="card card-hover-effect"
                  data-link="https://mpago.la/2yXcQPU"
                >
                  <div class="card-image">
                    <img src="../valeyvice/img/regaloSushi.jpg" alt="" />
                  </div>
                  <div class="category">$100.000</div>
                  <div class="heading">Sushi Ilimitado 🤩</div>
                </div>
              </div>
              <!-- END OF CARD COLUMN-->
              <!-- CARD COLUMN -->
              <div class="col-xs-6 col-md-4 card-column">
                <!-- regalo with stars -->
                <div
                  class="card shiny-effect"
                  data-link="https://mpago.la/1DKkfSp"
                >
                  <div class="card-image">
                    <img src="../valeyvice/img/regaloLuna.jpg" alt="" />
                  </div>
                  <div class="category">$200.000</div>
                  <div class="heading">
                    La Luna de miel en la Luna🌕
                    <!-- <div class="author">
                <span class="name">$40.000</span>
              </div> -->
                  </div>
                  <div class="star-1">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      xml:space="preserve"
                      version="1.1"
                      style="
                        shape-rendering: geometricPrecision;
                        text-rendering: geometricPrecision;
                        image-rendering: optimizeQuality;
                        fill-rule: evenodd;
                        clip-rule: evenodd;
                      "
                      viewBox="0 0 784.11 815.53"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <defs></defs>
                      <g id="Layer_x0020_1">
                        <metadata id="CorelCorpID_0Corel-Layer"></metadata>
                        <path
                          class="fil0"
                          d="M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z"
                        ></path>
                      </g>
                    </svg>
                  </div>
                  <div class="star-2">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      xml:space="preserve"
                      version="1.1"
                      style="
                        shape-rendering: geometricPrecision;
                        text-rendering: geometricPrecision;
                        image-rendering: optimizeQuality;
                        fill-rule: evenodd;
                        clip-rule: evenodd;
                      "
                      viewBox="0 0 784.11 815.53"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <defs></defs>
                      <g id="Layer_x0020_1">
                        <metadata id="CorelCorpID_0Corel-Layer"></metadata>
                        <path
                          class="fil0"
                          d="M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z"
                        ></path>
                      </g>
                    </svg>
                  </div>
                  <div class="star-3">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      xml:space="preserve"
                      version="1.1"
                      style="
                        shape-rendering: geometricPrecision;
                        text-rendering: geometricPrecision;
                        image-rendering: optimizeQuality;
                        fill-rule: evenodd;
                        clip-rule: evenodd;
                      "
                      viewBox="0 0 784.11 815.53"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <defs></defs>
                      <g id="Layer_x0020_1">
                        <metadata id="CorelCorpID_0Corel-Layer"></metadata>
                        <path
                          class="fil0"
                          d="M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z"
                        ></path>
                      </g>
                    </svg>
                  </div>
                  <div class="star-4">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      xml:space="preserve"
                      version="1.1"
                      style="
                        shape-rendering: geometricPrecision;
                        text-rendering: geometricPrecision;
                        image-rendering: optimizeQuality;
                        fill-rule: evenodd;
                        clip-rule: evenodd;
                      "
                      viewBox="0 0 784.11 815.53"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <defs></defs>
                      <g id="Layer_x0020_1">
                        <metadata id="CorelCorpID_0Corel-Layer"></metadata>
                        <path
                          class="fil0"
                          d="M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z"
                        ></path>
                      </g>
                    </svg>
                  </div>
                  <div class="star-5">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      xml:space="preserve"
                      version="1.1"
                      style="
                        shape-rendering: geometricPrecision;
                        text-rendering: geometricPrecision;
                        image-rendering: optimizeQuality;
                        fill-rule: evenodd;
                        clip-rule: evenodd;
                      "
                      viewBox="0 0 784.11 815.53"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <defs></defs>
                      <g id="Layer_x0020_1">
                        <metadata id="CorelCorpID_0Corel-Layer"></metadata>
                        <path
                          class="fil0"
                          d="M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z"
                        ></path>
                      </g>
                    </svg>
                  </div>
                  <div class="star-6">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      xml:space="preserve"
                      version="1.1"
                      style="
                        shape-rendering: geometricPrecision;
                        text-rendering: geometricPrecision;
                        image-rendering: optimizeQuality;
                        fill-rule: evenodd;
                        clip-rule: evenodd;
                      "
                      viewBox="0 0 784.11 815.53"
                      xmlns:xlink="http://www.w3.org/1999/xlink"
                    >
                      <defs></defs>
                      <g id="Layer_x0020_1">
                        <metadata id="CorelCorpID_0Corel-Layer"></metadata>
                        <path
                          class="fil0"
                          d="M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z"
                        ></path>
                      </g>
                    </svg>
                  </div>
                </div>
                <!-- end of regalo with stars -->
              </div>
              <!-- END OF CARD COLUMN-->
            </div>
          </div>
          <!-- FIN DE REGALOS -->
        </div>
      </div>
    </div>
    <!-- Friends & Family End -->

    <!-- Gallery Start -->
    <div
      class="container-fluid bg-gallery"
      id="gallery"
      style="padding: 120px 0; margin: 90px 0px 0px 0px"
    >
      <div
        class="section-title position-relative text-center"
        style="margin-bottom: 120px"
      >
        <h6
          class="text-uppercase text-primary mb-3"
          style="letter-spacing: 3px"
        ></h6>
        <h1 class="font-secondary display-4 text-white">Algunos momentos</h1>
        <i class="far fa-heart text-white"></i>
      </div>
      <div class="owl-carousel gallery-carousel">
        <div class="gallery-item">
          <img
            class="img-fluid w-100"
            src="../valeyvice/img/gallery-1.jpg"
            alt=""
          />
          <a href="../valeyvice/img/gallery-1.jpg" data-lightbox="gallery">
            <i class="fa fa-2x fa-plus text-white"></i>
          </a>
        </div>
        <div class="gallery-item">
          <img
            class="img-fluid w-100"
            src="../valeyvice/img/gallery-2.jpg"
            alt=""
          />
          <a href="../valeyvice/img/gallery-2.jpg" data-lightbox="gallery">
            <i class="fa fa-2x fa-plus text-white"></i>
          </a>
        </div>
        <div class="gallery-item">
          <img
            class="img-fluid w-100"
            src="../valeyvice/img/gallery-3.jpg"
            alt=""
          />
          <a href="../valeyvice/img/gallery-3.jpg" data-lightbox="gallery">
            <i class="fa fa-2x fa-plus text-white"></i>
          </a>
        </div>
        <div class="gallery-item">
          <img
            class="img-fluid w-100"
            src="../valeyvice/img/gallery-4.jpg"
            alt=""
          />
          <a href="../valeyvice/img/gallery-4.jpg" data-lightbox="gallery">
            <i class="fa fa-2x fa-plus text-white"></i>
          </a>
        </div>
        <div class="gallery-item">
          <img
            class="img-fluid w-100"
            src="../valeyvice/img/gallery-5.jpg"
            alt=""
          />
          <a href="../valeyvice/img/gallery-5.jpg" data-lightbox="gallery">
            <i class="fa fa-2x fa-plus text-white"></i>
          </a>
        </div>
        <div class="gallery-item">
          <img
            class="img-fluid w-100"
            src="../valeyvice/img/gallery-6.jpg"
            alt=""
          />
          <a href="../valeyvice/img/gallery-6.jpg" data-lightbox="gallery">
            <i class="fa fa-2x fa-plus text-white"></i>
          </a>
        </div>
        <div class="gallery-item">
          <img
            class="img-fluid w-100"
            src="../valeyvice/img/gallery-7.jpg"
            alt=""
          />
          <a href="../valeyvice/img/gallery-7.jpg" data-lightbox="gallery">
            <i class="fa fa-2x fa-plus text-white"></i>
          </a>
        </div>
        <div class="gallery-item">
          <img
            class="img-fluid w-100"
            src="../valeyvice/img/gallery-8.jpg"
            alt=""
          />
          <a href="../valeyvice/img/gallery-8.jpg" data-lightbox="gallery">
            <i class="fa fa-2x fa-plus text-white"></i>
          </a>
        </div>
        <div class="gallery-item">
          <img
            class="img-fluid w-100"
            src="../valeyvice/img/gallery-9.jpg"
            alt=""
          />
          <a href="../valeyvice/img/gallery-9.jpg" data-lightbox="gallery">
            <i class="fa fa-2x fa-plus text-white"></i>
          </a>
        </div>
        <div class="gallery-item">
          <img
            class="img-fluid w-100"
            src="../valeyvice/img/gallery-10.jpg"
            alt=""
          />
          <a href="../valeyvice/img/gallery-10.jpg" data-lightbox="gallery">
            <i class="fa fa-2x fa-plus text-white"></i>
          </a>
        </div>
        <div class="gallery-item">
          <img
            class="img-fluid w-100"
            src="../valeyvice/img/gallery-11.jpg"
            alt=""
          />
          <a href="../valeyvice/img/gallery-11.jpg" data-lightbox="gallery">
            <i class="fa fa-2x fa-plus text-white"></i>
          </a>
        </div>
        <div class="gallery-item">
          <img
            class="img-fluid w-100"
            src="../valeyvice/img/gallery-12.jpg"
            alt=""
          />
          <a href="../valeyvice/img/gallery-12.jpg" data-lightbox="gallery">
            <i class="fa fa-2x fa-plus text-white"></i>
          </a>
        </div>
        <div class="gallery-item">
          <img
            class="img-fluid w-100"
            src="../valeyvice/img/gallery-13.jpg"
            alt=""
          />
          <a href="../valeyvice/img/gallery-13.jpg" data-lightbox="gallery">
            <i class="fa fa-2x fa-plus text-white"></i>
          </a>
        </div>
        <div class="gallery-item">
          <img
            class="img-fluid w-100"
            src="../valeyvice/img/gallery-14.jpg"
            alt=""
          />
          <a href="../valeyvice/img/gallery-14.jpg" data-lightbox="gallery">
            <i class="fa fa-2x fa-plus text-white"></i>
          </a>
        </div>
      </div>
    </div>
    <!-- Gallery End -->

    <!-- Footer Start -->
    <div class="container-fluid bg-dark text-white py-5" id="contact">
      <div class="container text-center py-5">
        <div class="section-title position-relative text-center">
          <h1 class="font-secondary display-3 text-white">¡Los esperamos!</h1>
          <i class="far fa-heart text-white"></i>
        </div>
        <!--  <div class="d-flex justify-content-center mb-4">
          <a class="btn btn-lg btn-outline-light btn-lg-square mr-2" href="#"
            ><i class="fab fa-twitter"></i
          ></a>
          <a class="btn btn-lg btn-outline-light btn-lg-square mr-2" href="#"
            ><i class="fab fa-facebook-f"></i
          ></a>
          <a class="btn btn-lg btn-outline-light btn-lg-square mr-2" href="#"
            ><i class="fab fa-linkedin-in"></i
          ></a>
          <a class="btn btn-lg btn-outline-light btn-lg-square" href="#"
            ><i class="fab fa-instagram"></i
          ></a>
        </div> -->
        <!-- <div class="d-flex justify-content-center py-2">
          <p class="text-white" href="#">info@example.com</p>
          <span class="px-3">|</span>
          <p class="text-white" href="#">+012 345 6789</p>
        </div> -->
        <!--  <p class="m-0">
          &copy; 
        </p> -->
      </div>
    </div>
    <!-- Footer End -->

    <!-- Scroll to Bottom -->
    <i class="fa fa-2x fa-angle-down text-white scroll-to-bottom"></i>

    <!-- Back to Top -->

    <a href="#" class="btn btn-lg btn-outline-primary btn-lg-square back-to-top"
      ><i class="fa fa-angle-double-up"></i
    ></a>

   
  </body>
</html>
