welcome.html

<div layout="column" layout-align="center center" flex>
    <div id="welcome-slogan" layout="row" layout-margin>
        <img ng-src="/static/img/slogan.png">
    </div>
    <div layout-gt-xs="row" layout-xs="column" flex>
        <div id="welcome-text" layout="column" flex-gt-xs="40" flex-xs="noshrink" flex-order-xs="2" layout-padding>
            <p md-colors="::{color: 'primary'}">By Students‚ For Students</p>
            <span>This will revolutionize your experience with UOS websites and combines all of them in one place (Blackboard‚ MyUDC‚ Email and Academic Calendar)</span>
            <md-button class="md-raised md-primary" layout-padding style="margin-bottom: 16px" login>Get Started</md-button>
            <md-button class="md-raised" md-colors="{background: 'blue-grey-600'}" layout-padding ng-click="startDemo()">
                Demo (without login)
            </md-button>
        </div>
        <div layout="column" flex-gt-xs="60" flex-xs="noshrink" flex-order-xs="1" style="margin-top: 16px">
            <img ng-repeat="(image, icon) in ::pages track by $index" class="fill-width"
                ng-src="/static/img/{{ ::image }}.png" ng-show="$index == counter"/>
        </div>
    </div>
</div>