<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>