CCGA Component Library

Footnote 

<div class="typography">
    <ul class="footnotes">

        <li class="footnote" id="footnote_1">
            <a class="footnote-label" href="#">1.</a>
            Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aenean lacinia bibendum nulla sed consectetur, <a href="#" target="blank">Link Here</a>
        </li>
        <li class="footnote" id="footnote_2">
            <a class="footnote-label" href="#">2.</a>
            Cras justo odio, dapibus ac facilisis in, egestas eget quam, <a href="#" target="blank">Link Here</a>
        </li>
        <li class="footnote" id="footnote_3">
            <a class="footnote-label" href="#">3.</a>
            Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum., <a href="#" target="blank">Link Here</a>
        </li>

    </ul>
</div>
 
{% if items %}
<div class="typography">
	<ul class="footnotes">

		{% for item in items %}
		<li class="footnote" id="footnote_{{ loop.index }}">
			<a class="footnote-label" href="#">{{ loop.index }}.</a>
			{{ item.text }}
		</li>
		{% endfor %}

	</ul>
</div>
{% endif %}

No notes defined.