<div class="visual_cta theme_cathedral_age">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-push-1">
<div class="visual_cta_inner">
<figure class="visual_cta_figure">
<img class="visual_cta_image" srcset="https://images.fastspot.com/washington-national-cathedral/555x740/7 555w, https://images.fastspot.com/washington-national-cathedral/375x500/7 375w, https://images.fastspot.com/washington-national-cathedral/225x300/7 225w" src="https://images.fastspot.com/washington-national-cathedral/225x300/7" alt="" loading="lazy" width="225" height="300">
</figure>
<div class="visual_cta_wrapper">
<div class="visual_cta_header">
<h2 class="visual_cta_title">
<a href="#" class="visual_cta_title_link">Cathedral Age Spring/Summer 2022</a>
</h2>
</div>
<div class="visual_cta_body">
<span class="visual_cta_description">Get an inside look at the Cathedral’s new <a href="#">Virginia Mae Center</a> before doors open this fall. Meet the 23 girl choristers as the Cathedral’s girls choir celebrates 25 years. Go deep inside the Cathedral’s mighty pipe organ as it nears retirement age. Flowers? We have flowers - lots of them! See what 58 years of practice looks like. Take a look at the Cathedral’s prized portraits of George Washington.</span>
</div>
<a href="#" class="visual_cta_cathedral_age_link">
<span class="visual_cta_cathedral_age_link_inner">
<span class="visual_cta_cathedral_age_link_label">Read the Issue</span><span class="icon_nowrap visual_cta_cathedral_age_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
<div class="visual_cta_share_wrapper">
<div class="js-share-tools share_tools">
<div class="share_tools_header">
<h2 class="share_tools_title">Share Options</h2>
<span class="share_tools_toggle">
<span class="share_tools_toggle_inner">
<span class="share_tools_toggle_label">Share This</span>
</span>
</span>
</div>
<ul class="share_tools_list" aria-label="Share Options">
<li class="js-share-tool-item share_tool_item">
<a class="js-share-tool js-share-facebook share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</span>
<span class="share_tool_label">Share to Facebook</span>
</a>
</li>
<li class="js-share-tool-item share_tool_item">
<a class="js-share-tool js-share-twitter share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_twitter">
<use href="/images/icons.svg#twitter" />
</svg>
</span>
<span class="share_tool_label">Share to Twitter</span>
</a>
</li>
<li class="js-share-tool-item share_tool_item">
<a class="js-share-tool js-share-email share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_email">
<use href="/images/icons.svg#email" />
</svg>
</span>
<span class="share_tool_label">Share to Email</span>
</a>
</li>
<li class="js-share-tool-item share_tool_item">
<a class="js-share-tool js-share-link share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_link">
<use href="/images/icons.svg#link" />
</svg>
</span>
<span class="share_tool_label">Share to Link</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="visual_cta{% if theme %} theme_{{ theme }}{% endif %}">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-push-1">
<div class="visual_cta_inner">
{% if heading %}
<span class="visual_cta_subhead visual_cta_subhead_sm">{{ heading }}</span>
{% endif %}
<figure class="visual_cta_figure">
{% include '@partial-image' with {
class: 'visual_cta',
alt: '',
image: image,
loading: 'lazy',
sources: [
img.portraitFull.sml,
img.portraitFull.xsml,
img.portraitFull.xxsml
]
} %}
</figure>
<div class="visual_cta_wrapper">
<div class="visual_cta_header">
<h2 class="visual_cta_title">
<a href="{{ link.url }}" class="visual_cta_title_link">{{ title }}</a>
</h2>
{% if heading %}
<span class="visual_cta_subhead visual_cta_subhead_lg">{{ heading }}</span>
{% endif %}
</div>
{% if description or link or date %}
<div class="visual_cta_body">
{% if date %}
<span class="visual_cta_date">{{ date|date('l, M d, Y | g:iA') }}</span>
{% endif %}
{% if description %}
<span class="visual_cta_description">{{ description }}</span>
{% endif %}
</div>
{% endif %}
{% if link %}
{% include '@partial-link' with {
class: 'visual_cta_cathedral_age',
title: link.label,
url: link.url,
icon: 'arrow_right',
nowrap: true
} %}
{% endif %}
<div class="visual_cta_share_wrapper">
{% render '@partial-share' %}
</div>
</div>
</div>
</div>
</div>
</div>
No notes defined.