_Bastler
31 lines
1.5 KiB
HTML
31 lines
1.5 KiB
HTML
<div fxLayout="row wrap" fxLayoutGap="24px grid">
|
|
<div fxFlex="33%" fxFlex.sm="50%" fxFlex.xs="100%" *ngFor="let service of services">
|
|
<mat-card>
|
|
<a *ngIf="service.url" href="{{service.url}}" [target]="service.sameSite ? '_self' : '_blank'"
|
|
color="accent">
|
|
<mat-card-header>
|
|
<mat-icon mat-card-avatar>{{'services.' + service.name + '.icon' | i18n}}</mat-icon>
|
|
<mat-card-title> <strong>{{'services.' + service.name + '.title' | i18n}}</strong>
|
|
<mat-icon *ngIf="!service.sameSite" inline="true">
|
|
open_in_new</mat-icon>
|
|
</mat-card-title>
|
|
<mat-card-subtitle>{{'services.' + service.name + '.subtitle' | i18n}}</mat-card-subtitle>
|
|
</mat-card-header>
|
|
</a>
|
|
|
|
<mat-card-header *ngIf="!service.url">
|
|
<mat-icon mat-card-avatar>{{'services.' + service.name + '.icon' | i18n}}</mat-icon>
|
|
<mat-card-title> <strong>{{'services.' + service.name + '.title' | i18n}}</strong>
|
|
</mat-card-title>
|
|
<mat-card-subtitle>{{'services.' + service.name + '.subtitle' | i18n}}</mat-card-subtitle>
|
|
</mat-card-header>
|
|
<mat-card-content>
|
|
<p>
|
|
{{ 'services.' + service.name + '.text' | i18n}}
|
|
</p>
|
|
</mat-card-content>
|
|
<mat-card-actions>
|
|
</mat-card-actions>
|
|
</mat-card>
|
|
</div>
|
|
</div> |