uqac-websem-project/frontend/WebSem/app/views/home.html

<div layout="column" layout-fill layout-align="top" angular-busy="appUtils.cgBusy('home.home')">
    <div layout="row">
        <article ng-model="item"></article>
    </div>
    <div layout="row">
        <span flex="25"></span>
        <md-grid-list class="image-grid" md-cols="2" md-row-height="200px" md-row-height-gt-sm="300px" md-row-height-gt-md="450px" md-gutter="4px" flex="40">
            <md-grid-tile class="red" md-colspan="2" md-rowspan="1">
                <a ui-sref="persons">
                    <img class="article-picture" src="http://commons.wikimedia.org/wiki/Special:FilePath/Sir_Winston_S_Churchill.jpg?width=300">
                    <md-grid-tile-footer><h3>{{ 'persons.name' | translate }}</h3></md-grid-tile-footer>
                </a>
            </md-grid-tile>
            <md-grid-tile class="purple" md-colspan="1" md-rowspan="1">
                <a ui-sref="countries">
                    <img class="article-picture" src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Flag_of_Canada_%28Pantone%29.svg/1000px-Flag_of_Canada_%28Pantone%29.svg.png">
                    <md-grid-tile-footer><h3>{{ 'countries.name' | translate }}</h3></md-grid-tile-footer>
                </a>
            </md-grid-tile>
            <md-grid-tile class="blue" md-colspan="1" md-rowspan="1">
                <a ui-sref="locations">
                    <img class="article-picture" src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/44/Europe_orthographic_Caucasus_Urals_boundary_%28with_borders%29.svg/langfr-280px-Europe_orthographic_Caucasus_Urals_boundary_%28with_borders%29.svg.png">
                    <md-grid-tile-footer><h3>{{ 'locations.name' | translate }}</h3></md-grid-tile-footer>
                </a>
            </md-grid-tile>
        </md-grid-list>
    </div>

    <div ng-repeat="error in busy.errors('home.home')" class="isa_error">
        <i class="fa fa-times-circle"></i>
        {{ error.data.message }}
    </div>
</div>