Aside
This is the Aside component which appears on donation pages. It contains three sets of links for online security, good stewardship, and links for donations
Safe and secure location
Good stewardship
Other ways to donate
{{ attach_library('theme_name/aside') }}
<section class="aside">
<div class="aside__secure aside__section">
<h2 class="aside__heading">{{ secure_title }}</h2>
<div class="aside-secure__img">
<a href="{{ secure_image.link }}">
<img src="{{ secure_image.url }}" alt="secure_image.alt" >
</a>
</div>
</div>
<div class="aside__stewardship aside__section">
<h2 class="aside__heading">{{ stewardship_title }}</h2>
<div class="aside-stewardship__img">
<a href="{{ stewardship_image.link }}">
<img src="{{ stewardship_image.url }}" alt="{{ stewardship_image.alt }}" >
</a>
<ul>
{% for item in stewardship_links.items %}
<li><a href="{{ item.link }}">{{ item.title }}</a></li>
{% endfor %}
</ul>
</div>
</div>
<div class="aside__other aside__section">
<h2 class="aside__heading">{{ other_title }}</h2>
<ul>
{% for item in other_links.items %}
<li><a href="{{ item.link }}">{{ item.title }}</a></li>
{% endfor %}
</ul>
</div>
</section>