<!-- Topic Row -->
<div class="topics">
<div class="topics_inner">
<div class="topics_header">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
<div class="topics_header_inner">
<h2 class="topics_title">
<span class="topics_title_label">Opportunities to Hear Organ Music</span>
</h2>
<div class="topics_description">
<p>Journey with Cathedral organists Thomas M. Sheehan and George Fergus as they wow us throughout a playlist of performances on the Cathedral’s 10,647-pipe great organ. Watch full recitals, demos, and favorites by a number of composers.</p>
</div>
</div>
</div>
</div>
</div>
<div class="topics_body">
<div class="fs-row">
<div class="fs-cell">
<div class="topics_body_inner">
<div class="topic topic_has_image">
<div class="topic_inner">
<figure class="topic_figure" aria-hidden="true">
<img class="topic_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/1 740w, https://images.fastspot.com/washington-national-cathedral/500x334/1 500w, https://images.fastspot.com/washington-national-cathedral/300x200/1 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/1" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="topic_wrapper">
<div class="topic_header">
<h3 class="topic_title">Organ Recitals</h3>
</div>
<div class="topic_body">
<div class="topic_description">
<p>Join us for recitals on the Cathedral’s great organ featuring organists from around the world. Recitals take place on Sunday afternoons. Please refer to the Cathedral Calendar for specific times. There is a suggested donation of $10 per person. No reservations are required, with the exception of groups.</p>
</div>
</div>
<div class="topic_links">
<div class="topic_link_item">
<a href="#" class="topic_link">
<span class="topic_link_inner">
<span class="topic_link_label">Performance Calendar</span><span class="icon_nowrap topic_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="topic topic_has_image">
<div class="topic_inner">
<figure class="topic_figure" aria-hidden="true">
<img class="topic_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/2 740w, https://images.fastspot.com/washington-national-cathedral/500x334/2 500w, https://images.fastspot.com/washington-national-cathedral/300x200/2 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/2" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="topic_wrapper">
<div class="topic_header">
<h3 class="topic_title">Sunday Holy Eucharist</h3>
</div>
<div class="topic_body">
<div class="topic_description">
<p>Everyone is welcome at service where the full power of the great organ can be heard and felt. Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas sed diam eget risus varius blandit sit amet non magna. Vestibulum id ligula porta felis euismod semper.</p>
</div>
</div>
<div class="topic_links">
<div class="topic_link_item">
<a href="#" class="topic_link">
<span class="topic_link_inner">
<span class="topic_link_label">Worship Schedule</span><span class="icon_nowrap topic_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
<div class="topic_link_item">
<a href="#" class="topic_link">
<span class="topic_link_inner">
<span class="topic_link_label">Another</span><span class="icon_nowrap topic_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
<div class="topic_link_item">
<a href="#" class="topic_link">
<span class="topic_link_inner">
<span class="topic_link_label">Another</span><span class="icon_nowrap topic_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="topic topic_has_image">
<div class="topic_inner">
<figure class="topic_figure" aria-hidden="true">
<img class="topic_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/3 740w, https://images.fastspot.com/washington-national-cathedral/500x334/3 500w, https://images.fastspot.com/washington-national-cathedral/300x200/3 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/3" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="topic_wrapper">
<div class="topic_header">
<h3 class="topic_title">Weekly Demonstrations</h3>
</div>
<div class="topic_body">
<div class="topic_description">
<p>Demonstrations are scheduled every Monday and Wednesday at 12:30 pm. Each 30 minute demo features an overview by a Cathedral organist about 10,650-pipe organ followed by a mini-recital. Demonstrations do not happen on holidays so be sure to check your calendar.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Topic Row -->
{#
{% include '@component-topic-row' with {
title: 'Title',
description: 'Description',
items: [
{
title: 'Item Title',
image: '1',
description: 'Item Description',
links: [
{
title: 'Link Title',
url: '#',
icon: 'caret_right'
}
]
}
]
} %}
#}
<!-- Topic Row -->
<div class="topics">
<div class="topics_inner">
{% if title or description %}
<div class="topics_header{% if header_center %} topics_header_center{% endif %}">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
<div class="topics_header_inner">
{% if title %}
<h2 class="topics_title">
<span class="topics_title_label">{{ title }}</span>
</h2>
{% endif %}
{% if description %}
<div class="topics_description">
<p>{{ description }}</p>
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
<div class="topics_body">
<div class="fs-row">
<div class="fs-cell">
<div class="topics_body_inner">
{% for item in items %}
<div class="topic{% if item.image %} topic_has_image{% endif %}">
<div class="topic_inner">
{% if item.image %}
<figure class="topic_figure" aria-hidden="true">
{% include '@partial-image' with {
class: 'topic',
alt: '',
image: item.image,
loading: 'lazy',
sources: [
img.classic.sml,
img.classic.xsml,
img.classic.xxsml
]
} %}
</figure>
{% endif %}
<div class="topic_wrapper">
<div class="topic_header">
{% if title %}
<h3 class="topic_title">{{ item.title }}</h3>
{% else %}
<h2 class="topic_title">{{ item.title }}</h2>
{% endif %}
</div>
<div class="topic_body">
<div class="topic_description">
<p>{{ item.description }}</p>
</div>
</div>
{% if item.links %}
<div class="topic_links">
{% for link in item.links %}
<div class="topic_link_item">
{% include '@partial-link' with {
class: 'topic',
title: link.title,
url: link.url,
icon: link.icon,
nowrap: true
} %}
</div>
{% endfor %}
</div>
{% endif %}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Topic Row -->
No notes defined.