<div layout="column" layout-align="center center" layout-fill class="interview-wizard-page">
    <div layout="column">
        <img src="/app/resources/img/flightOneLogo.svg" height="80" layout-align="center center" flex>
        <md-card flex>
            <md-card-title>
                <md-card-title-text layout-align="center center">
                    <span class="md-display-2">{{ "welcome_interview_wizard.HEADLINE" | translate }}</span>
                </md-card-title-text>
                <md-card-title-media>
                    <div class="md-media-sm"></div>
                </md-card-title-media>
            </md-card-title>
            <md-card-content>
                <p class="md-headline">{{ "welcome_interview_wizard.CONTENT" | translate }}</p>
            </md-card-content>
            <md-card-actions layout="row" layout-align="center center">
                <md-button class="md-warn" ui-sref="rffwhid.setup" ng-disabled="busy">{{ "CANCEL" | translate }}</md-button>
                <md-button class="md-raised md-primary" ng-click="next()" ng-disabled="busy">{{ "CONTINUE" | translate }}</md-button>
            </md-card-actions>
        </md-card>
    </div>
</div>
