Cards
Card
The card component is used for a single news item and contains an image, a title and a summary that link to the main news story which is hosted externally.
<article class="occlss-card">
<a href="javascript:void(0);" class="occlss-card__link">
<figure class="occlss-card__image-container">
<img src="https://dummyimage.com/800x574/525252/ffffff.png" class="occlss-card__image" alt="">
</figure>
<header class="occlss-card__header">
<h2 class="occlss-card__title">Oxfordshire’s Fire and Rescue Service goes electric to reduce emissions </h2>
</header>
<div class="occlss-card__main">
<p class="occlss-card__paragraph">The drive to reduce carbon emissions and clean up the air has stepped up a gear as Oxfordshire County Council takes delivery of a new fleet of electric cars and vans.</p>
</div>
</a>
</article>
Card teaser
The card component is used for a single news item and contains an image, a date, a title and a summary that link to the main news story.
Changelog
2.2.0
- Heading level changed
2.1.0
- Card teaser type added
- Component added
1.0.0
- Component Added