showcar-ui
Version:
Showcar-ui is the pattern library that is used to build the frontend of AutoScout24. It provides CSS classes, custom elements and components.
81 lines (80 loc) • 3.89 kB
HTML
<div class="sc-cards">
<input type="checkbox" id="cards-expand-1" class="sc-cards__state">
<span class="sc-cards__list">
<div class="sc-card">
<a class="sc-card__link">
<img class="sc-card__image" src="https://www.autoscout24.de/assets/external/home/1781/images/slices/alternative-searches/vw-golf.png.pagespeed.ce.XaNx1E3TND.png">
<div class="sc-card__label">
<div>Cabrio</div>
<div class="sc-font-silent">25.556 Angebote</div>
</div>
</a>
</div>
<div class="sc-card">
<a class="sc-card__link">
<img class="sc-card__image" src="https://www.autoscout24.de/assets/external/home/1781/images/slices/alternative-searches/vw-golf.png.pagespeed.ce.XaNx1E3TND.png">
<div class="sc-card__label">
<div>Cabrio</div>
<div class="sc-font-silent">25.556 Angebote</div>
</div>
</a>
</div>
<div class="sc-card">
<a class="sc-card__link">
<img class="sc-card__image" src="https://www.autoscout24.de/assets/external/home/1781/images/slices/alternative-searches/vw-golf.png.pagespeed.ce.XaNx1E3TND.png">
<div class="sc-card__label">
<div>Cabrio</div>
<div class="sc-font-silent">25.556 Angebote</div>
</div>
</a>
</div>
<div class="sc-card">
<a class="sc-card__link">
<img class="sc-card__image" src="https://www.autoscout24.de/assets/external/home/1781/images/slices/alternative-searches/vw-golf.png.pagespeed.ce.XaNx1E3TND.png">
<div class="sc-card__label">
<div>Cabrio</div>
<div class="sc-font-silent">25.556 Angebote</div>
</div>
</a>
</div>
<div class="sc-card">
<a class="sc-card__link">
<img class="sc-card__image" src="https://www.autoscout24.de/assets/external/home/1781/images/slices/alternative-searches/vw-golf.png.pagespeed.ce.XaNx1E3TND.png">
<div class="sc-card__label">
<div>Cabrio</div>
<div class="sc-font-silent">25.556 Angebote</div>
</div>
</a>
</div>
<div class="sc-card">
<a class="sc-card__link">
<img class="sc-card__image" src="https://www.autoscout24.de/assets/external/home/1781/images/slices/alternative-searches/vw-golf.png.pagespeed.ce.XaNx1E3TND.png">
<div class="sc-card__label">
<div>Cabrio</div>
<div class="sc-font-silent">25.556 Angebote</div>
</div>
</a>
</div>
<div class="sc-card">
<a class="sc-card__link">
<img class="sc-card__image" src="https://www.autoscout24.de/assets/external/home/1781/images/slices/alternative-searches/vw-golf.png.pagespeed.ce.XaNx1E3TND.png">
<div class="sc-card__label">
<div>Cabrio</div>
<div class="sc-font-silent">25.556 Angebote</div>
</div>
</a>
</div>
<div class="sc-card">
<a class="sc-card__link">
<img class="sc-card__image" src="https://www.autoscout24.de/assets/external/home/1781/images/slices/alternative-searches/vw-golf.png.pagespeed.ce.XaNx1E3TND.png">
<div class="sc-card__label">
<div>Cabrio</div>
<div class="sc-font-silent">25.556 Angebote</div>
</div>
</a>
</div>
</span>
<label class="sc-cards__show" for="cards-expand-1">
<span> Mehr anzeigen </span>
</label>
</div>