mirror of https://github.com/ghostfolio/ghostfolio
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.4 KiB
42 lines
1.4 KiB
<div class="container">
|
|
<div class="mb-5 row">
|
|
<div class="col">
|
|
<h1 class="h3 mb-4 text-center">
|
|
<span class="d-none d-sm-block"
|
|
><ng-container i18n>Our</ng-container> OSS Friends</span
|
|
>
|
|
<small class="text-muted" i18n
|
|
>Discover other exciting Open Source Software projects</small
|
|
>
|
|
</h1>
|
|
<div class="row">
|
|
<div
|
|
*ngFor="let ossFriend of ossFriends"
|
|
class="col-xs-12 col-md-4 mb-3"
|
|
>
|
|
<a target="_blank" [href]="ossFriend.href">
|
|
<mat-card appearance="outlined" class="d-flex flex-column h-100">
|
|
<mat-card-header>
|
|
<mat-card-title class="h4">{{ ossFriend.name }}</mat-card-title>
|
|
</mat-card-header>
|
|
<mat-card-content class="flex-grow-1">
|
|
<p>{{ ossFriend.description }}</p>
|
|
</mat-card-content>
|
|
<mat-card-actions class="justify-content-end">
|
|
<a mat-button target="_blank" [href]="ossFriend.href">
|
|
<span
|
|
><ng-container i18n>Visit</ng-container> {{ ossFriend.name
|
|
}}</span
|
|
><ion-icon
|
|
class="ml-1"
|
|
name="arrow-forward-outline"
|
|
></ion-icon>
|
|
</a>
|
|
</mat-card-actions>
|
|
</mat-card>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|