viaje

<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
    />
    <link rel="stylesheet" href="https://unpkg.com/bulma@0.9.3/css/bulma.min.css" />
    <link
      href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
      rel="stylesheet"
      integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
      crossorigin="anonymous"
    />
    <title>Test onde.light inside iframe</title>
  </head>

  <body class="is-fullheight">
    <div class="container">
      <nav class="navbar">
        <div class="navbar-brand">
          <a class="navbar-item" href="../">
            <figure class="image">
              <img src="https://driiby.com/wp-content/uploads/2024/08/Driiby-rosa.png" alt="Logo" class="is-rounded" />
            </figure>
          </a>
          <span class="navbar-burger burger" data-target="navbarMenu">
            <span></span>
            <span></span>
            <span></span>
          </span>
        </div>
        <div id="navbarMenu" class="navbar-menu">
          <div class="navbar-end">
            <a class="navbar-item is-active">Home</a>
            <a class="navbar-item">Features</a>
            <a class="navbar-item">Archives</a>
            <a class="navbar-item">Help</a>
            <div class="navbar-item has-dropdown is-hoverable">
              <a class="navbar-link">Account</a>
              <div class="navbar-dropdown">
                <a class="navbar-item">Dashboard</a>
                <a class="navbar-item">Profile</a>
                <a class="navbar-item">Settings</a>
                <hr class="navbar-divider" />
                <div class="navbar-item">Logout</div>
              </div>
            </div>
          </div>
        </div>
      </nav>

      <section class="hero is-fullheight-with-navbar">
        <div class="hero-body is-align-items-stretch mb-0">
          <div class="columns">
            <div
              class="column is-7-desktop is-variable is-half-tablet is-flex is-flex-direction-column is-justify-content-center"
            >
              <h1 class="title is-1"></h1>
              <p class="is-size-4">
                
              </p>
              <br />
              <div class="social-media">
                <a href="https://facebook.com" target="_blank" class="button is-light is-large"
                  ><i class="fa fa-facebook-square" aria-hidden="true"></i
                ></a>
                <a href="https://instagram.com" target="_blank" class="button is-light is-large"
                  ><i class="fa fa-instagram" aria-hidden="true"></i
                ></a>
                <a href="https://twitter.com" target="_blank" class="button is-light is-large"
                  ><i class="fa fa-twitter" aria-hidden="true"></i
                ></a>
              </div>
            </div>
            <!-- [START] Inject onde.light inside iframe -->
            <div class="column is-5-desktop is-half-tablet taxi-container">
              <iframe allow="geolocation" src="https://driiby.ondelight.app/?lang=es" width="300%" height="300%"></iframe>
            </div>
            <!-- [END] Inject onde.light inside iframe -->
          </div>
        </div>
      </section>
    </div>
  </body>
</html>