Content elements

Icon text

The icon text component can be used to add content and icon

Open this icon text example in a new tab
HTML
<ul class="occlss-icon-text">
  <li class="occlss-icon-text__list-item">
    <div class="occlss-icon-text__heading">
      <h3>Scheme 1</h3>
    </div>
    <div class="occlss-icon-text__icon">
      <img src="https://dummyimage.com/96x96/525252/ffffff.png" alt="Img 01" class="occlss-icon-text__icon-img">
    </div>
    <div class="occlss-icon-text__content occlss-icon-text__content--content-middle">
      Further sections of A40 westbound bus lane to provide quicker return journeys to Eynsham park and ride and destinations served by the local bus network.
    </div>
  </li>
  <li class="occlss-icon-text__list-item">
    <div class="occlss-icon-text__heading">
      <h3>Scheme 2</h3>
    </div>
    <div class="occlss-icon-text__icon">
      <img src="https://dummyimage.com/96x96/525252/ffffff.png" alt="Img 02" class="occlss-icon-text__icon-img">
    </div>
    <div class="occlss-icon-text__content occlss-icon-text__content--content-middle">
      Further sections of A40 westbound bus lane to provide quicker return journeys to Eynsham park and ride and destinations served by the local bus network.
    </div>
  </li>
</ul>

Changelog

2.4.8

  • Component added