arti-angular-app/src/app/friendly-pages/friendly-pages.component.ts

36 lines
1.2 KiB
TypeScript

import { Component } from '@angular/core';
import {TranslateModule} from "@ngx-translate/core";
@Component({
selector: 'app-friendly-pages',
standalone: true,
imports: [TranslateModule],
template:`
<div class="container">
<div class="row row-cols-1 row-cols-md-3 g-4">
<div class="col">
<a href="{{ 'friendly_pages.bodypainter_eu.href' | translate }}" target="_blank" class="text-decoration-none">
<div class="card h-100">
<img
src="https://bodypainter.eu/zaklik-public-images/main/about-me.jpg"
class="card-img-top"
alt="{{'friendly_pages.bodypainter_eu.alt'| translate }}"
/>
<div class="card-body">
<div class="card-title text-center h2">{{ 'friendly_pages.bodypainter_eu.title' | translate }}</div>
<p class="card-text text-center">
<I>{{ 'friendly_pages.bodypainter_eu.description' | translate }}</I>
</p>
</div>
</div>
</a>
</div>
<!-- Dodaj więcej kolumn z kartami w podobnym stylu -->
</div>
</div>
`,
styleUrl: './friendly-pages.component.css'
})
export class FriendlyPagesComponent {
}