account.html

<div layout="row" layout-padding md-colors="::{color: 'grey-800'}">
    <md-icon md-colors="::{color: 'grey-800'}" md-font-icon="fa fa-user-circle-o fa-3x"></md-icon>
    <div layout="column" layout-align="space-between">
        <b style="font-size: 20px">
            {{ ::$ls.student.name }}
        </b>
        <span>
            {{ ::$ls.student.studentId }}@sharjah.ac.ae
        </span>
    </div>
</div>
<div layout-padding>
    <div layout="row">
        <md-icon md-colors="::{color: 'grey-800'}" md-font-icon="fa fa-certificate" style="font-size: 1.3em"></md-icon>
        <span flex>{{ ::$ls.student.major }}</span>
    </div>
    <div layout="row">
        <md-icon md-colors="::{color: 'grey-800'}" md-font-icon="fa fa-university"></md-icon>
        <span flex>{{ ::$ls.student.college }}</span>
    </div>
</div>
<span layout="row" md-colors="::{background: 'grey-200'}">
    <md-button ng-click="logout()" flex>Logout</md-button>
</span>
<!-- <span layout="row" md-colors="{background: $ls.student.subscribed ? 'grey-600' : 'green-500'}">
    <md-button ng-click="subscribe($ls.student.subscribed)" flex>
        {{$ls.student.subscribed ? 'Unsubscribe from' : 'Subscribe to'}} grades checker
    </md-button>
</span> -->