<div class="page page-onboarding no-toolbar" data-name="onboarding">

    <div class="page-content">

        <swiper-container pagination class="swiper-onboarding full-width" space-between="50">

      <swiper-slide>

        <img src="https://yui.xioyuna.com/template/img/illustrations/onboarding-2.svg" alt="">

        <div class="onboarding-title">Welcome to our Travel App!</div>

        <div class="onboarding-subtitle">Plan your trips, discover new destinations, and make unforgettable memories

          with our intuitive travel app.</div>

      </swiper-slide>

      <swiper-slide>

        <img src="https://yui.xioyuna.com/template/img/illustrations/onboarding-3.svg" alt="">

        <div class="onboarding-title">Explore the World of Adventure!</div>

        <div class="onboarding-subtitle">Discover exciting activities, find hidden gems, and embark on thrilling

          experiences with our comprehensive travel app.</div>

      </swiper-slide>

      <swiper-slide>

        <img src="https://yui.xioyuna.com/template/img/illustrations/onboarding-1.svg" alt="">

        <div class="onboarding-title">Seamlessly Plan Your Travels!</div>

        <div class="onboarding-subtitle">Book flights, and access personalized recommendations for a stress-free travel

          experience.</div>

      </swiper-slide>

    </swiper-container>

    <a href="#" class="button button-fill color-dark onboarding-next-button">

      Next

      <i class="icon f7-icons">arrow_right</i>

    </a>

  </div>

</div>