<div class="page_feature">
<div class="home_feature home_feature_with_card">
<div class="home_feature_wrapper">
<div class="home_feature_media">
<figure class="home_feature_figure_mobile">
<picture class="home_feature_picture">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/washington-national-cathedral/980x735/9">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/washington-national-cathedral/740x740/9">
<img class="home_feature_image" src="//images.fastspot.com/washington-national-cathedral/375x500/9" alt="" loading="eager" width="375px" height="500px">
</picture>
</figure>
<figure class="home_feature_figure">
<picture class="home_feature_picture">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/washington-national-cathedral/1440x960/9">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/washington-national-cathedral/1220x814/9">
<img class="home_feature_image" src="//images.fastspot.com/washington-national-cathedral/1220x814/9" alt="" loading="eager" width="1220px" height="814px">
</picture>
</figure>
</div>
<div class="home_feature_body">
<div class="fs-row">
<div class="fs-cell fs-lg-8 fs-xl-8 fs-xxl-7">
<div class="home_feature_body_inner">
<h1 class="home_feature_title"> A Cathedral for the Future</h1>
<span class="home_feature_intro">Our goal is audacious and we need your help. Together we will renew the Cathedral so that we can help to heal the world.</span>
</div>
</div>
</div>
</div>
</div>
<div class="home_feature_card">
<div class="fs-row home_feature_card_row">
<div class="fs-cell fs-lg-4 fs-lg-push-8 home_feature_card_cell">
<div class="home_feature_card_inner">
<figure class="home_feature_card_figure">
<picture class="home_feature_card_picture">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/washington-national-cathedral/740x740/4">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/washington-national-cathedral/740x416/4">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/washington-national-cathedral/500x334/4">
<img class="home_feature_card_image" src="//images.fastspot.com/washington-national-cathedral/300x300/4" alt="" loading="eager" width="300px" height="300px">
</picture>
</figure>
<div class="home_feature_card_body">
<div class="home_feature_card_body_inner">
<h2 class="home_feature_card_title">
<a href="#" class="home_feature_card_title_link">The Campaign for Washington National Cathedral</a>
</h2>
<div class="home_feature_card_button_wrapper">
<button class="home_feature_card_video_button js-lightbox" href="https://www.youtube.com/watch?v=FlAigLcDISc" data-url="https://www.youtube.com/watch?v=FlAigLcDISc" data-mobile-url="https://www.youtube.com/watch?v=FlAigLcDISc" data-crop="wide" data-autoplay="1" data-lightbox-group="feature-video">Play Video</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">
<div class="campaign_pillars timer js-campaign-pillars" style="--timer: 4s" data-timer="4" data-checkpoint-intersect="center-top">
<div class="campaign_pillars_controls">
<div class="campaign_pillars_header">
<h2 class="campaign_pillars_title">Campaign Priorities</h2>
</div>
<div class="fs-row campaign_pillars_controls_row">
<div class="fs-cell campaign_pillars_controls_cell">
<div class="campaign_pillars_controls_inner">
<ul class="campaign_pillars_controls_list">
<li class="campaign_pillars_controls_item">
<button class="campaign_pillars_control_button js-swap js-campaign-control-button" data-id="1" data-swap-target=".campaign_pillar_1" data-swap-options='{"collapse": false}' data-swap-group="campaign" data-swap-active="true">
<span class="campaign_pillars_control_button_label">National <br>Treasure</span>
</button>
<button class="campaign_pillars_pause_button js-campaign-pause-button">
<span class="campaign_pillars_pause_button_label">Pause</span>
<span class="campaign_pillars_pause_button_icon">
<svg class="icon icon_pause">
<use href="/images/icons.svg#pause" />
</svg>
</span>
</button>
</li>
<li class="campaign_pillars_controls_item">
<button class="campaign_pillars_control_button js-swap js-campaign-control-button" data-id="2" data-swap-target=".campaign_pillar_2" data-swap-options='{"collapse": false}' data-swap-group="campaign">
<span class="campaign_pillars_control_button_label">Where Civic <br>Meets Sacred</span>
</button>
<button class="campaign_pillars_pause_button js-campaign-pause-button">
<span class="campaign_pillars_pause_button_label">Pause</span>
<span class="campaign_pillars_pause_button_icon">
<svg class="icon icon_pause">
<use href="/images/icons.svg#pause" />
</svg>
</span>
</button>
</li>
<li class="campaign_pillars_controls_item">
<button class="campaign_pillars_control_button js-swap js-campaign-control-button" data-id="3" data-swap-target=".campaign_pillar_3" data-swap-options='{"collapse": false}' data-swap-group="campaign">
<span class="campaign_pillars_control_button_label">A House of Prayer <br>for All People</span>
</button>
<button class="campaign_pillars_pause_button js-campaign-pause-button">
<span class="campaign_pillars_pause_button_label">Pause</span>
<span class="campaign_pillars_pause_button_icon">
<svg class="icon icon_pause">
<use href="/images/icons.svg#pause" />
</svg>
</span>
</button>
</li>
<li class="campaign_pillars_controls_item">
<button class="campaign_pillars_control_button js-swap js-campaign-control-button" data-id="4" data-swap-target=".campaign_pillar_4" data-swap-options='{"collapse": false}' data-swap-group="campaign">
<span class="campaign_pillars_control_button_label">Day-to-Day <br>Operations</span>
</button>
<button class="campaign_pillars_pause_button js-campaign-pause-button">
<span class="campaign_pillars_pause_button_label">Pause</span>
<span class="campaign_pillars_pause_button_icon">
<svg class="icon icon_pause">
<use href="/images/icons.svg#pause" />
</svg>
</span>
</button>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="campaign_pillars_body" aria-live="polite">
<div class="fs-row">
<div class="fs-cell">
<div class="campaign_pillars_body_inner">
<div class="campaign_pillar campaign_pillar_1 js-campaign-pillar-item active_pillar">
<h3 class="campaign_pillar_title">National <br>Treasure</h3>
<span class="campaign_pillar_intro">The Cathedral is both an architectural masterpiece in the heart of the nation’s capital and the sacred repository for the emotions of an entire country in times of joy and sorrow.</span>
<div class="campaign_pillar_wrapper">
<div class="campaign_pillar_content">
<figure class="campaign_pillar_figure">
<img class="campaign_pillar_image" srcset="https://images.fastspot.com/washington-national-cathedral/980x654/3 980w, 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>
<span class="campaign_pillar_description">This is a space where everyone is welcomed, every story is honored and every life is valued. In the grand expanse of our nation’s capital, the Cathedral stands apart as holy ground, consecrated by generations of prayers, tears, laughter and silence. Nulla vitae elit libero, a pharetra augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id dolor id nibh ultricies vehicula ut id elit.</span>
<a href="#" class="campaign_pillar_link">
<span class="campaign_pillar_link_inner">
<span class="campaign_pillar_link_label">More About This Priority</span>
</span>
</a>
</div>
<div class="campaign_pillar_sidebar">
<div class="campaign_pillar_sidebar_1">
<figure class="campaign_pillar_sidebar_figure">
<img class="campaign_pillar_sidebar_image" srcset="https://images.fastspot.com/washington-national-cathedral/500x334/6 500w, https://images.fastspot.com/washington-national-cathedral/300x200/6 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/6" alt="" loading="lazy" width="300" height="200">
</figure>
<span class="campaign_pillar_sidebar_heading">Restoration Stories</span>
<a href="#" class="campaign_pillar_sidebar_link">
<span class="campaign_pillar_sidebar_title">A Life’s Work Dedicated to Cathedral Stone</span>
</a>
</div>
<div class="campaign_pillar_sidebar_2">
<span class="campaign_pillar_sidebar_heading">How to Help</span>
<span class="campaign_pillar_sidebar_description"><strong>Damage</strong> <em>remains</em> from the <a href="#">2011 earthquake</a>, and your partnership is needed to finish repairs. This Cathedral knows what it means to be broken, and yet we also know what it looks like to rebuild and renew. <div class="wysiwyg_button_wrapper"><a class="wysiwyg_button" href="#">Give Now</a></div></span>
</div>
</div>
</div>
</div>
<div class="campaign_pillar campaign_pillar_2 js-campaign-pillar-item">
<h3 class="campaign_pillar_title">Where Civic <br>Meets Sacred</h3>
<span class="campaign_pillar_intro">Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Sed posuere consectetur est at lobortis.</span>
<div class="campaign_pillar_wrapper">
<div class="campaign_pillar_content">
<figure class="campaign_pillar_figure">
<img class="campaign_pillar_image" srcset="https://images.fastspot.com/washington-national-cathedral/980x654/7 980w, https://images.fastspot.com/washington-national-cathedral/740x494/7 740w, https://images.fastspot.com/washington-national-cathedral/500x334/7 500w, https://images.fastspot.com/washington-national-cathedral/300x200/7 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/7" alt="" loading="lazy" width="300" height="200">
</figure>
<span class="campaign_pillar_description">This is a space where everyone is welcomed, every story is honored and every life is valued. In the grand expanse of our nation’s capital, the Cathedral stands apart as holy ground, consecrated by generations of prayers, tears, laughter and silence. Nulla vitae elit libero, a pharetra augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id dolor id nibh ultricies vehicula ut id elit.</span>
<a href="#" class="campaign_pillar_link">
<span class="campaign_pillar_link_inner">
<span class="campaign_pillar_link_label">More About This Priority</span>
</span>
</a>
</div>
<div class="campaign_pillar_sidebar">
<div class="campaign_pillar_sidebar_1">
<figure class="campaign_pillar_sidebar_figure">
<img class="campaign_pillar_sidebar_image" srcset="https://images.fastspot.com/washington-national-cathedral/500x334/6 500w, https://images.fastspot.com/washington-national-cathedral/300x200/6 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/6" alt="" loading="lazy" width="300" height="200">
</figure>
<span class="campaign_pillar_sidebar_heading">Restoration Stories</span>
<a href="#" class="campaign_pillar_sidebar_link">
<span class="campaign_pillar_sidebar_title">A Life’s Work Dedicated to Cathedral Stone</span>
</a>
</div>
<div class="campaign_pillar_sidebar_2">
<figure class="campaign_pillar_sidebar_figure">
<img class="campaign_pillar_sidebar_image" srcset="https://images.fastspot.com/washington-national-cathedral/500x334/6 500w, https://images.fastspot.com/washington-national-cathedral/300x200/6 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/6" alt="" loading="lazy" width="300" height="200">
</figure>
<span class="campaign_pillar_sidebar_heading">Restoration Stories</span>
<span class="campaign_pillar_sidebar_title">A Life’s Work Dedicated to Cathedral Stone</span>
</div>
</div>
</div>
</div>
<div class="campaign_pillar campaign_pillar_3 js-campaign-pillar-item">
<h3 class="campaign_pillar_title">A House of Prayer <br>for All People</h3>
<span class="campaign_pillar_intro">Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Curabitur blandit tempus porttitor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</span>
<div class="campaign_pillar_wrapper">
<div class="campaign_pillar_content">
<figure class="campaign_pillar_figure">
<img class="campaign_pillar_image" srcset="https://images.fastspot.com/washington-national-cathedral/980x654/8 980w, https://images.fastspot.com/washington-national-cathedral/740x494/8 740w, https://images.fastspot.com/washington-national-cathedral/500x334/8 500w, https://images.fastspot.com/washington-national-cathedral/300x200/8 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/8" alt="" loading="lazy" width="300" height="200">
</figure>
<span class="campaign_pillar_description">This is a space where everyone is welcomed, every story is honored and every life is valued. In the grand expanse of our nation’s capital, the Cathedral stands apart as holy ground, consecrated by generations of prayers, tears, laughter and silence. Nulla vitae elit libero, a pharetra augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id dolor id nibh ultricies vehicula ut id elit.</span>
<a href="#" class="campaign_pillar_link">
<span class="campaign_pillar_link_inner">
<span class="campaign_pillar_link_label">More About This Priority</span>
</span>
</a>
</div>
<div class="campaign_pillar_sidebar">
<div class="campaign_pillar_sidebar_1">
<span class="campaign_pillar_sidebar_heading">How to Help</span>
<span class="campaign_pillar_sidebar_description">Damage remains from the 2011 earthquake, and your partnership is needed to finish repairs. This Cathedral knows what it means to be broken, and yet we also know what it looks like to rebuild and renew.</span>
</div>
<div class="campaign_pillar_sidebar_2">
<span class="campaign_pillar_sidebar_heading">How to Help</span>
<span class="campaign_pillar_sidebar_description">Damage remains from the 2011 earthquake, and your partnership is needed to finish repairs. This Cathedral knows what it means to be broken, and yet we also know what it looks like to rebuild and renew.</span>
</div>
</div>
</div>
</div>
<div class="campaign_pillar campaign_pillar_4 js-campaign-pillar-item">
<h3 class="campaign_pillar_title">Day-to-Day <br>Operations</h3>
<span class="campaign_pillar_intro">Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Curabitur blandit tempus porttitor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</span>
<div class="campaign_pillar_wrapper">
<div class="campaign_pillar_content">
<figure class="campaign_pillar_figure">
<img class="campaign_pillar_image" srcset="https://images.fastspot.com/washington-national-cathedral/980x654/8 980w, https://images.fastspot.com/washington-national-cathedral/740x494/8 740w, https://images.fastspot.com/washington-national-cathedral/500x334/8 500w, https://images.fastspot.com/washington-national-cathedral/300x200/8 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/8" alt="" loading="lazy" width="300" height="200">
</figure>
<span class="campaign_pillar_description">This is a space where everyone is welcomed, every story is honored and every life is valued. In the grand expanse of our nation’s capital, the Cathedral stands apart as holy ground, consecrated by generations of prayers, tears, laughter and silence. Nulla vitae elit libero, a pharetra augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id dolor id nibh ultricies vehicula ut id elit.</span>
<a href="#" class="campaign_pillar_link">
<span class="campaign_pillar_link_inner">
<span class="campaign_pillar_link_label">More About This Priority</span>
</span>
</a>
</div>
<div class="campaign_pillar_sidebar">
<div class="campaign_pillar_sidebar_1">
<span class="campaign_pillar_sidebar_heading">How to Help</span>
<span class="campaign_pillar_sidebar_description">Damage remains from the 2011 earthquake, and your partnership is needed to finish repairs. This Cathedral knows what it means to be broken, and yet we also know what it looks like to rebuild and renew.</span>
</div>
<div class="campaign_pillar_sidebar_2">
<span class="campaign_pillar_sidebar_heading">How to Help</span>
<span class="campaign_pillar_sidebar_description">Damage remains from the 2011 earthquake, and your partnership is needed to finish repairs. This Cathedral knows what it means to be broken, and yet we also know what it looks like to rebuild and renew.</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Card Group -->
<div class="card_group theme_blue">
<div class="card_group_header">
<div class="fs-row">
<div class="fs-cell fs-lg-8 fs-lg-justify-center">
<div class="card_group_header_inner">
<h2 class="card_group_title">Campaign Stories</h2>
<span class="card_group_header_divider">
<svg class="icon icon_pattern">
<use href="/images/icons.svg#pattern" />
</svg>
</span>
</div>
</div>
</div>
</div>
<div class="card_group_body">
<div class="fs-row">
<div class="fs-cell">
<ul class="card_group_items card_count_4" aria-label="Campaign Stories">
<li class="card_group_item card_group_item_with_link">
<figure class="card_group_item_figure">
<img class="card_group_item_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="card_group_item_body">
<time class="card_group_item_date">Sept. 12 2023</time>
<h3 class="card_group_item_title">
<a class="card_group_item_title_label" href="#">Fringilla Bibendum Tortor</a>
</h3>
</div>
</li>
<li class="card_group_item card_group_item_with_link">
<figure class="card_group_item_figure">
<img class="card_group_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/4 740w, https://images.fastspot.com/washington-national-cathedral/500x334/4 500w, https://images.fastspot.com/washington-national-cathedral/300x200/4 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/4" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_group_item_body">
<time class="card_group_item_date">Sept. 12 2023</time>
<h3 class="card_group_item_title">
<a class="card_group_item_title_label" href="#">Bibendum Parturient Elit Venenatis Nibh</a>
</h3>
</div>
</li>
<li class="card_group_item card_group_item_with_link">
<figure class="card_group_item_figure">
<img class="card_group_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/5 740w, https://images.fastspot.com/washington-national-cathedral/500x334/5 500w, https://images.fastspot.com/washington-national-cathedral/300x200/5 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/5" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_group_item_body">
<time class="card_group_item_date">Sept. 12 2023</time>
<h3 class="card_group_item_title">
<a class="card_group_item_title_label" href="#">Ornare Nibh Sollicitudin Ipsum</a>
</h3>
</div>
</li>
<li class="card_group_item card_group_item_with_link">
<figure class="card_group_item_figure">
<img class="card_group_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x494/6 740w, https://images.fastspot.com/washington-national-cathedral/500x334/6 500w, https://images.fastspot.com/washington-national-cathedral/300x200/6 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/6" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_group_item_body">
<time class="card_group_item_date">Sept. 12 2023</time>
<h3 class="card_group_item_title">
<a class="card_group_item_title_label" href="#">Venenatis Magna Tortor Cras</a>
</h3>
</div>
</li>
</ul>
<div class="card_group_footer">
<div class="card_group_discovery">
<a href="#" class="card_group_link">
<span class="card_group_link_inner">
<span class="card_group_link_label">Read More Stories</span><span class="icon_nowrap card_group_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>
<!-- END: Card Group -->
<!-- Gallery -->
<div class="gallery">
<div class="gallery_header">
<div class="fs-row">
<div class="fs-cell fs-lg-8 fs-lg-justify-center">
<div class="gallery_header_inner">
<span class="gallery_header_subhead">Gallery</span>
<span class="gallery_header_divider">
<svg class="icon icon_pattern">
<use href="/images/icons.svg#pattern" />
</svg>
</span>
<h2 class="gallery_title">Explore the Great Organ</h2>
</div>
</div>
</div>
</div>
<div class="gallery_body">
<div class="fs-row">
<div class="fs-cell">
<div class="gallery_body_inner">
<div class="gallery_items">
<div class="gallery_row grid_layout_70_30">
<div class="gallery_item">
<figure class="gallery_item_figure">
<span class="gallery_item_media gallery_item_size_wide">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/1440x810/1 1440w, https://images.fastspot.com/washington-national-cathedral/1220x686/1 1220w, https://images.fastspot.com/washington-national-cathedral/980x552/1 980w, https://images.fastspot.com/washington-national-cathedral/740x416/1 740w, https://images.fastspot.com/washington-national-cathedral/500x282/1 500w, https://images.fastspot.com/washington-national-cathedral/300x169/1 300w" src="https://images.fastspot.com/washington-national-cathedral/300x169/1" alt="" loading="lazy" width="300" height="169">
<a class="gallery_item_lightbox_link js-lightbox" href="https://images.fastspot.com/washington-national-cathedral/1440x810/1" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/1" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x/1" data-crop="wide" data-lightbox-group="explore-the-great-organ" data-lightbox-caption="Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec <a href='#'>ullamcorper nulla non metus auctor fringilla</a>.">
<span class="gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
</a>
</span>
<figcaption class="gallery_item_caption">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec <a href='#'>ullamcorper nulla non metus auctor fringilla</a>.</p>
</figcaption>
</figure>
</div>
<div class="gallery_item">
<figure class="gallery_item_figure">
<span class="gallery_item_media gallery_item_size_portrait">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/735x980/2 735w, https://images.fastspot.com/washington-national-cathedral/555x740/2 555w, https://images.fastspot.com/washington-national-cathedral/375x500/2 375w, https://images.fastspot.com/washington-national-cathedral/225x300/2 225w" src="https://images.fastspot.com/washington-national-cathedral/225x300/2" alt="" loading="lazy" width="225" height="300">
<a class="gallery_item_lightbox_link js-lightbox" href="https://images.fastspot.com/washington-national-cathedral/814x1220/2" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/2" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x/2" data-crop="portrait" data-lightbox-group="explore-the-great-organ" data-lightbox-caption="Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.">
<span class="gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
</a>
</span>
<figcaption class="gallery_item_caption">
<p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
</figcaption>
</figure>
</div>
</div>
<div class="gallery_row grid_layout_50_50">
<div class="gallery_item">
<figure class="gallery_item_figure">
<span class="gallery_item_media gallery_item_size_wide">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/980x552/3 980w, https://images.fastspot.com/washington-national-cathedral/740x416/3 740w, https://images.fastspot.com/washington-national-cathedral/500x282/3 500w, https://images.fastspot.com/washington-national-cathedral/300x169/3 300w" src="https://images.fastspot.com/washington-national-cathedral/300x169/3" alt="" loading="lazy" width="300" height="169">
<a class="gallery_item_lightbox_link js-lightbox" href="https://images.fastspot.com/washington-national-cathedral/1440x810/3" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/3" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x/3" data-crop="wide" data-lightbox-group="explore-the-great-organ">
<span class="gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
</a>
</span>
</figure>
</div>
<div class="gallery_item">
<figure class="gallery_item_figure">
<span class="gallery_item_media gallery_item_size_wide">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/980x552/4 980w, https://images.fastspot.com/washington-national-cathedral/740x416/4 740w, https://images.fastspot.com/washington-national-cathedral/500x282/4 500w, https://images.fastspot.com/washington-national-cathedral/300x169/4 300w" src="https://images.fastspot.com/washington-national-cathedral/300x169/4" alt="" loading="lazy" width="300" height="169">
<a class="gallery_item_lightbox_link js-lightbox" href="https://images.fastspot.com/washington-national-cathedral/1440x810/4" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/4" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x/4" data-crop="wide" data-lightbox-group="explore-the-great-organ" data-lightbox-caption="Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.">
<span class="gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
</a>
</span>
<figcaption class="gallery_item_caption">
<p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
</figcaption>
</figure>
</div>
</div>
<div class="gallery_row grid_layout_100">
<div class="gallery_item">
<figure class="gallery_item_figure">
<span class="gallery_item_media gallery_item_size_wide">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/1440x810/5 1440w, https://images.fastspot.com/washington-national-cathedral/1220x686/5 1220w, https://images.fastspot.com/washington-national-cathedral/980x552/5 980w, https://images.fastspot.com/washington-national-cathedral/740x416/5 740w, https://images.fastspot.com/washington-national-cathedral/500x282/5 500w, https://images.fastspot.com/washington-national-cathedral/300x169/5 300w" src="https://images.fastspot.com/washington-national-cathedral/300x169/5" alt="" loading="lazy" width="300" height="169">
<a class="gallery_item_lightbox_link js-lightbox" href="https://images.fastspot.com/washington-national-cathedral/1440x810/5" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/5" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x/5" data-crop="wide" data-lightbox-group="explore-the-great-organ" data-lightbox-caption="Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.">
<span class="gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
</a>
</span>
<figcaption class="gallery_item_caption">
<p>Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.</p>
</figcaption>
</figure>
</div>
</div>
<div class="gallery_row grid_layout_30_70">
<div class="gallery_item">
<figure class="gallery_item_figure">
<span class="gallery_item_media gallery_item_size_portrait">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/735x980/6 735w, https://images.fastspot.com/washington-national-cathedral/555x740/6 555w, https://images.fastspot.com/washington-national-cathedral/375x500/6 375w, https://images.fastspot.com/washington-national-cathedral/225x300/6 225w" src="https://images.fastspot.com/washington-national-cathedral/225x300/6" alt="" loading="lazy" width="225" height="300">
<a class="gallery_item_lightbox_link js-lightbox" href="https://images.fastspot.com/washington-national-cathedral/814x1220/6" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/6" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x/6" data-crop="portrait" data-lightbox-group="explore-the-great-organ" data-lightbox-caption="Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec <a href='#'>ullamcorper nulla non metus auctor fringilla</a>.">
<span class="gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
</a>
</span>
<figcaption class="gallery_item_caption">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec <a href='#'>ullamcorper nulla non metus auctor fringilla</a>.</p>
</figcaption>
</figure>
</div>
<div class="gallery_item">
<figure class="gallery_item_figure">
<span class="gallery_item_media gallery_item_size_wide">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/1440x810/7 1440w, https://images.fastspot.com/washington-national-cathedral/1220x686/7 1220w, https://images.fastspot.com/washington-national-cathedral/980x552/7 980w, https://images.fastspot.com/washington-national-cathedral/740x416/7 740w, https://images.fastspot.com/washington-national-cathedral/500x282/7 500w, https://images.fastspot.com/washington-national-cathedral/300x169/7 300w" src="https://images.fastspot.com/washington-national-cathedral/300x169/7" alt="" loading="lazy" width="300" height="169">
<a class="gallery_item_lightbox_link js-lightbox" href="https://images.fastspot.com/washington-national-cathedral/1440x810/7" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/7" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x/7" data-crop="wide" data-lightbox-group="explore-the-great-organ" data-lightbox-caption="Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.">
<span class="gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
</a>
</span>
<figcaption class="gallery_item_caption">
<p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
</figcaption>
</figure>
</div>
</div>
<div class="gallery_row grid_layout_quarters">
<div class="gallery_item">
<figure class="gallery_item_figure">
<span class="gallery_item_media gallery_item_size_classic">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/980x654/8 980w, https://images.fastspot.com/washington-national-cathedral/740x494/8 740w, https://images.fastspot.com/washington-national-cathedral/500x334/8 500w, https://images.fastspot.com/washington-national-cathedral/300x200/8 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/8" alt="" loading="lazy" width="300" height="200">
<a class="gallery_item_lightbox_link js-lightbox" href="https://images.fastspot.com/washington-national-cathedral/1440x960/8" data-url="https://images.fastspot.com/washington-national-cathedral/1440x960/8" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x/8" data-crop="classic" data-lightbox-group="explore-the-great-organ" data-lightbox-caption="Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec <a href='#'>ullamcorper nulla non metus auctor fringilla</a>.">
<span class="gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
</a>
</span>
<figcaption class="gallery_item_caption">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec <a href='#'>ullamcorper nulla non metus auctor fringilla</a>.</p>
</figcaption>
</figure>
</div>
<div class="gallery_item">
<figure class="gallery_item_figure">
<span class="gallery_item_media gallery_item_size_classic">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/980x654/9 980w, https://images.fastspot.com/washington-national-cathedral/740x494/9 740w, https://images.fastspot.com/washington-national-cathedral/500x334/9 500w, https://images.fastspot.com/washington-national-cathedral/300x200/9 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/9" alt="" loading="lazy" width="300" height="200">
<a class="gallery_item_lightbox_link js-lightbox" href="https://images.fastspot.com/washington-national-cathedral/1440x960/9" data-url="https://images.fastspot.com/washington-national-cathedral/1440x960/9" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x/9" data-crop="classic" data-lightbox-group="explore-the-great-organ" data-lightbox-caption="Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.">
<span class="gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
</a>
</span>
<figcaption class="gallery_item_caption">
<p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
</figcaption>
</figure>
</div>
<div class="gallery_item">
<figure class="gallery_item_figure">
<span class="gallery_item_media gallery_item_size_classic">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/980x654/10 980w, https://images.fastspot.com/washington-national-cathedral/740x494/10 740w, https://images.fastspot.com/washington-national-cathedral/500x334/10 500w, https://images.fastspot.com/washington-national-cathedral/300x200/10 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/10" alt="" loading="lazy" width="300" height="200">
<a class="gallery_item_lightbox_link js-lightbox" href="https://images.fastspot.com/washington-national-cathedral/1440x960/10" data-url="https://images.fastspot.com/washington-national-cathedral/1440x960/10" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x/10" data-crop="classic" data-lightbox-group="explore-the-great-organ" data-lightbox-caption="Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec <a href='#'>ullamcorper nulla non metus auctor fringilla</a>.">
<span class="gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
</a>
</span>
<figcaption class="gallery_item_caption">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec <a href='#'>ullamcorper nulla non metus auctor fringilla</a>.</p>
</figcaption>
</figure>
</div>
<div class="gallery_item">
<figure class="gallery_item_figure">
<span class="gallery_item_media gallery_item_size_classic">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/980x654/11 980w, https://images.fastspot.com/washington-national-cathedral/740x494/11 740w, https://images.fastspot.com/washington-national-cathedral/500x334/11 500w, https://images.fastspot.com/washington-national-cathedral/300x200/11 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/11" alt="" loading="lazy" width="300" height="200">
<a class="gallery_item_lightbox_link js-lightbox" href="https://images.fastspot.com/washington-national-cathedral/1440x960/11" data-url="https://images.fastspot.com/washington-national-cathedral/1440x960/11" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x/11" data-crop="classic" data-lightbox-group="explore-the-great-organ" data-lightbox-caption="Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.">
<span class="gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
</a>
</span>
<figcaption class="gallery_item_caption">
<p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Gallery -->
<div class="visual_cta theme_red_blue">
<div class="fs-row">
<div class="fs-cell">
<div class="visual_cta_inner">
<span class="visual_cta_subhead visual_cta_subhead_sm">Support The Cathedral</span>
<figure class="visual_cta_figure">
<img class="visual_cta_image" srcset="https://images.fastspot.com/washington-national-cathedral/980x654/7 980w, https://images.fastspot.com/washington-national-cathedral/740x494/7 740w, https://images.fastspot.com/washington-national-cathedral/500x334/7 500w, https://images.fastspot.com/washington-national-cathedral/300x200/7 300w" src="https://images.fastspot.com/washington-national-cathedral/300x200/7" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="visual_cta_wrapper">
<div class="visual_cta_header">
<h2 class="visual_cta_title">With Your Gift We Can Ensure Our Future</h2>
<span class="visual_cta_subhead visual_cta_subhead_lg">Support The Cathedral</span>
</div>
<div class="visual_cta_body">
<span class="visual_cta_description">Donec id elit non mi porta gravida at eget metus. Cras mattis consectetur purus sit amet fermentum.</span>
<a href="#" class="visual_cta_link">Donate Today</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page_feature">
{% render '@component-home-feature--campaign' with {
page: page
} %}
</div>
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_title">
{% render '@component-campaign-pillars' %}
{% render '@component-card-group' with {
theme: 'blue',
title: 'Campaign Stories',
link: {
title: 'Read More Stories'
},
items: [
{
image: '3',
date: 'Sept. 12 2023',
title: 'Fringilla Bibendum Tortor',
},
{
image: '4',
date: 'Sept. 12 2023',
title: 'Bibendum Parturient Elit Venenatis Nibh',
},
{
image: '5',
date: 'Sept. 12 2023',
title: 'Ornare Nibh Sollicitudin Ipsum',
},
{
image: '6',
date: 'Sept. 12 2023',
title: 'Venenatis Magna Tortor Cras',
}
]
} %}
{% render '@component-gallery' %}
{% render '@component-visual-cta' with {
theme: 'red_blue'
} %}
</div>
No notes defined.