Onboarding

    <div class="has-bg-grey-100 p-20">
        <div class="box" style="border:none;">
            <div class="has-bg-grey-100 p-2 m-auto shadow-1" style="width: 386px; text-align:center;">
                <div class="box bg-size-cover" style="height: 246px; 
                        background-image: url('/images/play/onboarding-img-1.png');
                        background-position: bottom;
                        border:none;">
                </div>
                <i class="d-icon d-more-horizontal-solid is-default m-t-10 is-brand-300"></i>
                <h3 class="m-t-20"> Ready to Travel </h3>
                <p class="m-t-7 font-12 is-grey-700 m-x-70">Choose your destination, plan your trip, pick the best place for your vacation.</p>
                <button class="button is-solid m-y-30"> Get Started</button>
            </div>
        </div>
        <div class="box m-t-10" style="border:none;">
            <div class="has-bg-grey-100 p-2 m-auto shadow-1" style="width: 386px; text-align:center;">
                <div class="box bg-size-cover" style="height: 246px; 
                        background-image: url('/images/play/onboarding-img-2.png');
                        background-position: bottom;
                        border:none;">
                </div>
                <i class="d-icon d-more-horizontal-solid is-default m-t-10 is-brand-300"></i>
                <h3 class="m-t-20"> Select a Date </h3>
                <p class="m-t-7 font-12 is-grey-700 m-x-70">Select the day, book your ticket. We give you the best price, guaranteed.</p>
                <button class="button is-solid m-y-30"> Next</button>
            </div>
        </div>
        <div class="box m-t-10" style="border:none;">
            <div class="has-bg-grey-100 p-2 m-auto shadow-1" style="width: 386px; text-align:center;">
                <div class="box bg-size-cover" style="height: 246px; 
                        background-image: url('/images/play/onboarding-img-3.png');
                        background-position: bottom;
                        border:none;">
                </div>
                <i class="d-icon d-more-horizontal-solid is-default m-t-10 is-brand-300"></i>
                <h3 class="m-t-20"> Explore the World </h3>
                <p class="m-t-7 font-12 is-grey-700 m-x-70">Discover new places and share these moments with your family.</p>
                <button class="button is-solid m-y-30">Next</button>
            </div>
        </div>
    </div>