Ionic: How To Create Tour, ionic full page slider

in css

.slider {
  height: 100%;
}


<ion-view>
    <ion-header-bar align-title="center" class="bar bar-header bar-light">
        <button class="button button-icon"  ng-click="tourToEnglish()" ng-if="selectedLanguage!='arabic'">
            العربية
        </button>
        <button class="button button-icon"  ng-click="tourToArabic()"  ng-if="selectedLanguage=='arabic'">
            English
        </button>
           
        <button class="button button-icon"  ng-click="skipTour()"  ng-if="selectedLanguage!='arabic'">
            Skip
        </button>
        <button class="button button-icon"  ng-click="skipTour()"  ng-if="selectedLanguage=='arabic'">
            تخطى
        </button>
    </ion-header-bar>
    <ion-content class="has-header tour-background" scroll="false">
        <ion-slide-box on-slide-changed="slideChanged(index)" style="display:block">
            <ion-slide>
                <div class="list tour-image-container">
                        <img class="tour-image" src="img/order.png"/>
                    </div>
                    <div class="list">
                        <h3 class="tour-heading">Title Goes here</h3>
                    </div>
                    <div class="list">
                        <p class="tour-description">
                            Description Goes here
                        </p>
                    </div>
            </ion-slide>

            <ion-slide>
                <div class="list tour-image-container">
                        <img class="tour-image" src="img/datecalicon.png"/>
                    </div>
                    <div class="list">
                        <h3 class="tour-heading">Title Goes here</h3>
                    </div>
                    <div class="list">
                        <p class="tour-description">
                            Description Goes here
                        </p>
                    </div>
            </ion-slide>
            <ion-slide>
                <div class="list tour-image-container">
                        <img class="tour-image" src="img/deliveryicon.png"/>
                    </div>
                    <div class="list">
                        <h3 class="tour-heading">Title Goes here</h3>
                    </div>
                    <div class="list">
                        <p class="tour-description">
                            Description Goes here
                        </p>
                    </div>
            </ion-slide>
        </ion-slide-box>
    </ion-content>
</ion-view>