6.7.1 #Organisms.links.featured-links Featured links
A large featured links component with image and body.
Example
This is a featured links component
Nullam vitae augue orci. Suspendisse vitae nunc non velit egestas imperdiet. Morbi elit elit, elementum et tortor vitae, faucibus pellentesque elit
Popular services
Markup
<div class="featured-links duk-pl--2 duk-pr--2">
<div class="featured-links__image">
<img src="https://www.fillmurray.com/640/640">
</div>
<div class="featured-links__content">
<div class="featured-links__body">
<h2>This is a featured links component</h2>
<p>Nullam vitae augue orci. Suspendisse vitae nunc non velit egestas imperdiet. Morbi elit elit, elementum et tortor vitae, faucibus pellentesque elit</p>
<h4>Popular services</h4>
</div>
<div class="featured-links__links">
<ul>
<li><a href="#">Join the library</a></li>
<li><a href="#">Computers & internet</a></li>
<li><a href="#">Search the catalogue</a></li>
<li><a href="#">Suggest an item</a></li>
<li><a href="#">Locations & opening hours</a></li>
<li><a href="#">Ask a librarian</a></li>
</ul>
</div>
</div>
</div>
Source:
docroot/themes/contrib/district_base/styles/scss/layouts/_featured-links.scss
, line 5