Camel2.0 — Dokumentacja komponentów UI

2.16 #Components.HomeCard Home Card

Toggle example guides Toggle HTML markup

Karta z tłem (image/video), overlay gradient, tytuł + tekst + CTA. Grid: .home-cards__grid — 1 kolumna mobile, row desktop. Hover (desktop): CTA wjeżdża, tekst przesuwa się w górę, image zoom.

Example

Komponent home-card wymaga obrazów/wideo tła. Podgląd: home.html

Markup: home-card.html
<p style="color:#999; font-style:italic; padding: 20px;">Komponent home-card wymaga obrazów/wideo tła. Podgląd: <a href="../home.html">home.html</a></p>
Source: src/scss/components/_home-card.scss, line 1