Example
Markup: components/footer/footer.twig
<footer role="contentinfo">
<h4 class="footer__follow">Follow us...</h4>
{# social media icons #}
{% include directory ~ '../social/social-following.twig' %}
{# footer nav #}
{% include directory ~ '../navigation/footer-nav.twig' %}
<div class="footer__copyright">
<p>© Comic Relief {{ "now"|date("Y") }}. Comic Relief, registered charity 326568 (England/Wales); SC039730 (Scotland)</p>
</div>
<div class="footer__branding">
<a title="Comic Relief" href="http://www.comicrelief.com/" rel="home" target="_blank">
<svg class="icon">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#crlogo"></use>
</svg>
</a>
</div>
<a class="styleguide-link external-link" href="/profiles/contrib/cr/themes/custom/campaign_base/styleguide/index.html" target="_blank">Styleguide</a>
</footer>
Source:
_shop19-styleguide.scss
, line 301