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.
24 lines (23 loc) • 1.16 kB
HTML
<div class="sc-media-section">
<picture class="sc-media-section__pic">
<source srcset="https://placehold.it/480x270" media="(min-width: 1024px)">
<source srcset="https://placehold.it/768x432" media="(min-width: 600px)">
<img srcset="https://placehold.it/480x270" alt="My default image">
</picture>
<div class="sc-media-section__content sc-margin-top-l">
<h3 class="sc-font-l sc-padding-bottom-m sc-font-bold">Title</h3>
<p class="sc-padding-bottom-xl">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Fusce volutpat quis ex a varius.
</p>
<div class="sc-grid-row">
<ul class="sc-link-list sc-grid-col-4 sc-grid-col-s-6">
<li><a href="https://www.autoscout24.de/auto/audi/"><span>Audi</span></a></li>
<li><a href="https://www.autoscout24.de/auto/bmw/"><span>BMW</span></a></li>
</ul>
<ul class="sc-link-list sc-grid-col-4 sc-grid-col-s-6">
<li><a href="https://www.autoscout24.de/auto/porsche/"><span>Porsche</span></a></li>
</ul>
</div>
</div>
</div>