<div class="page_feature">
<div class="page_header">
<div class="page_header_media ">
<div class="page_header_media_inner">
<figure class="page_header_figure">
<picture class="page_header_picture">
<source media="(min-width: 1200px)" srcset="https://images.fastspot.com/washington-national-cathedral/1440x960/4">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/washington-national-cathedral/1220x814/4">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/washington-national-cathedral/980x980/4">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/washington-national-cathedral/740x740/4">
<img class="page_header_image" src="//images.fastspot.com/washington-national-cathedral/200x300/4" alt="" loading="eager" width="200px" height="300px">
</picture>
</figure>
</div>
</div>
<div class="page_header_inner">
<div class="page_breadcrumb">
<div class="fs-row">
<div class="fs-cell">
<div class="page_breadcrumb_inner">
<div class="breadcrumb">
<nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
<div class="breadcrumb_nav_header">
<h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
</div>
<ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title">
<li class="breadcrumb_item breadcrumb_item_home">
<a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Home</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true">/</span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Learn & Discover</span>
</span>
</a>
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="page_intro">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-xl-9 fs-lg-justify-center">
<div class="page_intro_inner">
<h1 class="page_title" id="page_title" tabindex="-1">Learn & Discover</h1>
<div class="page_intro_divider">
<svg class="icon icon_pattern">
<use href="/images/icons.svg#pattern" />
</svg>
</div>
<p class="page_description">This Cathedral follows the call of the prophet Micah: Do justice; Love mercy; Walk humbly with God. With your help, we can change the world for good and serve those most in need.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page_nav">
<div class="fs-row page_nav_row">
<div class="fs-cell page_nav_cell">
<div class="page_nav_inner">
<a class="skip_link skip_subnav" id="skip_sub_link" href="#page_content">Skip Sub Navigation</a>
<div class="js-sub-nav-group sub_nav_group sub_nav_group_small">
<button class="js-sub-nav-toggle js-swap sub_nav_toggle " data-swap-target=".js-sub-nav-group">
<span class="sub_nav_toggle_inner_default sub_nav_toggle_inner">
<span class="sub_nav_toggle_label_default sub_nav_toggle_label">Explore This Section</span>
<span class="sub_nav_toggle_icon_default sub_nav_toggle_icon" aria-hidden="true">
<svg class="icon icon_more">
<use href="/images/icons.svg#more" />
</svg>
</span>
</span>
<span class="sub_nav_toggle_inner_active sub_nav_toggle_inner">
<span class="sub_nav_toggle_label_active sub_nav_toggle_label">Close</span>
<span class="sub_nav_toggle_icon_active sub_nav_toggle_icon" aria-hidden="true">
<svg class="icon icon_close">
<use href="/images/icons.svg#close" />
</svg>
</span>
</span>
</button>
<nav class="js-sub-nav sub_nav" aria-labelledby="sub_nav_title">
<div class="sub_nav_header">
<h2 class="sub_nav_title" id="sub_nav_title">Learn & Discover</h2>
<h3 class="sub_nav_parent">Learn & Discover</h3>
</div>
<div class="js-sub-nav-body sub_nav_body">
<div class="js-sub-nav-body-inner sub_nav_body_inner">
<ul class="js-sub-nav-list sub_nav_list" aria-labelledby="sub_nav_title">
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Special & Seasonal Programs</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Racial & Social Justice</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Veterans & Military Families</span>
</a>
</li>
<li class="sub_nav_item active">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Center for Prayer & Pilgrimage</span>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<span class="sub_nav_link_label">Cathedral Scholars Program</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page_content" id="page_content" tabindex="-1" aria-labelledby="page_title">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
<!-- WYSIWYG -->
<div class="wysiwyg_block">
<div class="typography">
<h2>Explore & Engage With the Cathedral</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
<p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>
</div>
</div>
<!-- END: WYSIWYG -->
</div>
</div>
</div>
<div class="full_width_callouts">
<!-- visual_link Row -->
<div class="visual_links_component">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
<div class="visual_links_inner">
<div class="visual_links">
<div class="visual_link visual_link_has_image">
<div class="visual_link_inner">
<figure class="visual_link_figure" aria-hidden="true">
<img class="visual_link_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="visual_link_wrapper">
<div class="visual_link_header">
<h2 class="visual_link_title">
<a href="#" class="visual_link_title_link">
<span class="visual_link_title_link_inner">
<span class="visual_link_title_link_label">Programs</span><span class="icon_nowrap visual_link_title_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</h2>
</div>
<div class="visual_link_body">
<div class="visual_link_description">
<p>Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
</div>
</div>
</div>
</div>
<div class="visual_link visual_link_has_image">
<div class="visual_link_inner">
<figure class="visual_link_figure" aria-hidden="true">
<img class="visual_link_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="visual_link_wrapper">
<div class="visual_link_header">
<h2 class="visual_link_title">
<a href="#" class="visual_link_title_link">
<span class="visual_link_title_link_inner">
<span class="visual_link_title_link_label">Outreach</span><span class="icon_nowrap visual_link_title_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</h2>
</div>
<div class="visual_link_body">
<div class="visual_link_description">
<p>Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
</div>
</div>
</div>
</div>
<div class="visual_link visual_link_has_image">
<div class="visual_link_inner">
<figure class="visual_link_figure" aria-hidden="true">
<img class="visual_link_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="visual_link_wrapper">
<div class="visual_link_header">
<h2 class="visual_link_title">
<a href="#" class="visual_link_title_link">
<span class="visual_link_title_link_inner">
<span class="visual_link_title_link_label">History</span><span class="icon_nowrap visual_link_title_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</h2>
</div>
<div class="visual_link_body">
<div class="visual_link_description">
<p>Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
</div>
</div>
</div>
</div>
<div class="visual_link visual_link_has_image">
<div class="visual_link_inner">
<figure class="visual_link_figure" aria-hidden="true">
<img class="visual_link_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="visual_link_wrapper">
<div class="visual_link_header">
<h2 class="visual_link_title">
<a href="#" class="visual_link_title_link">
<span class="visual_link_title_link_inner">
<span class="visual_link_title_link_label">Art & Architecture</span><span class="icon_nowrap visual_link_title_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</h2>
</div>
<div class="visual_link_body">
<div class="visual_link_description">
<p>Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
</div>
</div>
</div>
</div>
<div class="visual_link visual_link_has_image">
<div class="visual_link_inner">
<figure class="visual_link_figure" aria-hidden="true">
<img class="visual_link_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="visual_link_wrapper">
<div class="visual_link_header">
<h2 class="visual_link_title">
<a href="#" class="visual_link_title_link">
<span class="visual_link_title_link_inner">
<span class="visual_link_title_link_label">Restoration</span><span class="icon_nowrap visual_link_title_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</h2>
</div>
<div class="visual_link_body">
<div class="visual_link_description">
<p>Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
</div>
</div>
</div>
</div>
<div class="visual_link visual_link_has_image">
<div class="visual_link_inner">
<figure class="visual_link_figure" aria-hidden="true">
<img class="visual_link_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="visual_link_wrapper">
<div class="visual_link_header">
<h2 class="visual_link_title">
<a href="#" class="visual_link_title_link">
<span class="visual_link_title_link_inner">
<span class="visual_link_title_link_label">Blog</span><span class="icon_nowrap visual_link_title_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</h2>
</div>
<div class="visual_link_body">
<div class="visual_link_description">
<p>Nulla vitae elit libero, a pharetra augue. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: visual_link Row -->
<div class="visual_cta theme_light">
<div class="fs-row">
<div class="fs-cell">
<div class="visual_cta_inner">
<span class="visual_cta_subhead visual_cta_subhead_sm">Updates</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">Light in the Darkness: The Racial Justice Windows Project</h2>
<span class="visual_cta_subhead visual_cta_subhead_lg">Updates</span>
</div>
<div class="visual_cta_body">
<span class="visual_cta_description">The Cathedral’s Light in the Darkness windows replacement project will capture the resilience, faith and endurance of African Americans and our nation’s struggle with the original sins of racism and slavery. We hope these new installations tell a new, more inclusive story, and reflect the dignity of each beloved child of God.</span>
<a href="#" class="visual_cta_link">Learn More</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Topic Row -->
<div class="topics">
<div class="topics_inner">
<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">
<h2 class="topic_title">Organ Recitals</h2>
</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">
<h2 class="topic_title">Sunday Holy Eucharist</h2>
</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">
<h2 class="topic_title">Weekly Demonstrations</h2>
</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 -->
<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">Online Event</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">Love Thy Neighbor: Building Stronger Communities</h2>
<span class="visual_cta_subhead visual_cta_subhead_lg">Online Event</span>
</div>
<div class="visual_cta_body">
<span class="visual_cta_date">Monday, May 23, 2022 | 7:00PM</span>
<span class="visual_cta_description">David Brooks, founder of Weave: The Social Fabric Project, and Dr. Catherine Meeks, Executive Director of the Absalom Jones Center for Racial Healing, take a deep dive into the importance of local relationships amid global challenges.</span>
<a href="#" class="visual_cta_link">Details & Tickets</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="js-feature-gallery feature_gallery">
<div class="fs-row">
<div class="fs-cell">
<div class="feature_gallery_inner">
<div class="feature_gallery_header">
<h2 class="feature_gallery_label">Explore</h2>
<span class="feature_gallery_divider">
<svg class="icon icon_pattern">
<use href="/images/icons.svg#pattern" />
</svg>
</span>
<h3 class="feature_gallery_title">Interior & Exterior Features</h3>
<div class="feature_gallery_caption">Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec id elit non mi porta gravida at eget metus.</div>
</div>
<div class="feature_gallery_carousel_wrapper">
<div class="js-carousel feature_gallery_items" data-carousel-options='{"contained":false,"controls":true,"pagination":false,"show":{"980px":3,"1220px":4}}'>
<div class="feature_gallery_item">
<figure class="feature_gallery_item_figure">
<span class="feature_gallery_item_media_wrapper">
<span class="feature_gallery_item_media gallery_item_size_">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x740/1 740w, https://images.fastspot.com/washington-national-cathedral/500x500/1 500w, https://images.fastspot.com/washington-national-cathedral/300x300/1 300w" src="https://images.fastspot.com/washington-national-cathedral/300x300/1" alt="" loading="lazy" width="300" height="300">
</span>
<a class="feature_gallery_item_lightbox_link js-lightbox" href="https://images.fastspot.com/washington-national-cathedral/1440x810/2" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/2" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x416/2" data-crop="wide" data-lightbox-group="space-window" data-title="Title 1" data-lightbox-caption="group 1, image 1 Donec id elit non mi porta gravida at eget metus.">
<span class="feature_gallery_item_lightbox_link_inner">
<span class="feature_gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
<span class="feature_gallery_item_lightbox_link_label">4</span>
</span>
</a>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/814x1220/3" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/3" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x740/3" data-crop="portrait" data-lightbox-group="space-window" data-lightbox-caption="group 1 image 2 Nullam id dolor id nibh ultricies vehicula ut id elit."></span>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" 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/740x416/4" data-crop="wide" data-lightbox-group="space-window" data-title="Title 3" data-lightbox-caption="group 1 image 3 Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."></span>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/814x1220/5" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/5" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x740/5" data-crop="portrait" data-lightbox-group="space-window" data-lightbox-caption="group 1 image 4 Lorem ipsum dolor sit amet, consectetur adipiscing elit."></span>
</span>
<figcaption class="feature_gallery_item_caption">
<span class="feature_gallery_item_caption_link">
Space Window
</span>
</figcaption>
</figure>
</div>
<div class="feature_gallery_item">
<figure class="feature_gallery_item_figure">
<span class="feature_gallery_item_media_wrapper">
<span class="feature_gallery_item_media gallery_item_size_">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x740/6 740w, https://images.fastspot.com/washington-national-cathedral/500x500/6 500w, https://images.fastspot.com/washington-national-cathedral/300x300/6 300w" src="https://images.fastspot.com/washington-national-cathedral/300x300/6" alt="" loading="lazy" width="300" height="300">
</span>
<a class="feature_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/740x416/7" data-crop="wide" data-lightbox-group="great-choir-wood-carvings" data-lightbox-caption="group 2 image 1 Donec id elit non mi porta gravida at eget metus.">
<span class="feature_gallery_item_lightbox_link_inner">
<span class="feature_gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
<span class="feature_gallery_item_lightbox_link_label">4</span>
</span>
</a>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/814x1220/3" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/3" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x740/3" data-crop="portrait" data-lightbox-group="great-choir-wood-carvings" data-title="Title 2" data-lightbox-caption="group 2 image 2 Nullam id dolor id nibh ultricies vehicula ut id elit."></span>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/1440x810/9" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/9" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x416/9" data-crop="wide" data-lightbox-group="great-choir-wood-carvings" data-lightbox-caption="group 2 image 3 Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."></span>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/814x1220/10" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/10" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x740/10" data-crop="portrait" data-lightbox-group="great-choir-wood-carvings" data-lightbox-caption="group 2 image 4 Lorem ipsum dolor sit amet, consectetur adipiscing elit."></span>
</span>
<figcaption class="feature_gallery_item_caption">
<span class="feature_gallery_item_caption_link">
Great Choir Wood Carvings
</span>
</figcaption>
</figure>
</div>
<div class="feature_gallery_item">
<figure class="feature_gallery_item_figure">
<span class="feature_gallery_item_media_wrapper">
<span class="feature_gallery_item_media gallery_item_size_">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x740/11 740w, https://images.fastspot.com/washington-national-cathedral/500x500/11 500w, https://images.fastspot.com/washington-national-cathedral/300x300/11 300w" src="https://images.fastspot.com/washington-national-cathedral/300x300/11" alt="" loading="lazy" width="300" height="300">
</span>
<a class="feature_gallery_item_lightbox_link js-lightbox" href="https://images.fastspot.com/washington-national-cathedral/1440x810/12" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/12" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x416/12" data-crop="wide" data-lightbox-group="civic-sculpture" data-lightbox-caption="Donec id elit non mi porta gravida at eget metus.">
<span class="feature_gallery_item_lightbox_link_inner">
<span class="feature_gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
<span class="feature_gallery_item_lightbox_link_label">4</span>
</span>
</a>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/814x1220/13" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/13" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x740/13" data-crop="portrait" data-lightbox-group="civic-sculpture" data-lightbox-caption="Nullam id dolor id nibh ultricies vehicula ut id elit."></span>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/1440x810/14" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/14" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x416/14" data-crop="wide" data-lightbox-group="civic-sculpture" data-lightbox-caption="Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."></span>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/814x1220/15" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/15" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x740/15" data-crop="portrait" data-lightbox-group="civic-sculpture" data-title="Title 4" data-lightbox-caption="Lorem ipsum dolor sit amet, consectetur adipiscing elit."></span>
</span>
<figcaption class="feature_gallery_item_caption">
<span class="feature_gallery_item_caption_link">
Civic Sculpture
</span>
</figcaption>
</figure>
</div>
<div class="feature_gallery_item">
<figure class="feature_gallery_item_figure">
<span class="feature_gallery_item_media_wrapper">
<span class="feature_gallery_item_media gallery_item_size_">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x740/16 740w, https://images.fastspot.com/washington-national-cathedral/500x500/16 500w, https://images.fastspot.com/washington-national-cathedral/300x300/16 300w" src="https://images.fastspot.com/washington-national-cathedral/300x300/16" alt="" loading="lazy" width="300" height="300">
</span>
<a class="feature_gallery_item_lightbox_link js-lightbox" href="https://images.fastspot.com/washington-national-cathedral/1440x810/17" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/17" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x416/17" data-crop="wide" data-lightbox-group="human-rights-porch" data-title="Title 1" data-lightbox-caption="Donec id elit non mi porta gravida at eget metus.">
<span class="feature_gallery_item_lightbox_link_inner">
<span class="feature_gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
<span class="feature_gallery_item_lightbox_link_label">4</span>
</span>
</a>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/814x1220/18" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/18" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x740/18" data-crop="portrait" data-lightbox-group="human-rights-porch" data-lightbox-caption="Nullam id dolor id nibh ultricies vehicula ut id elit."></span>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/1440x810/19" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/19" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x416/19" data-crop="wide" data-lightbox-group="human-rights-porch" data-lightbox-caption="Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."></span>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/814x1220/20" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/20" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x740/20" data-crop="portrait" data-lightbox-group="human-rights-porch" data-lightbox-caption="Lorem ipsum dolor sit amet, consectetur adipiscing elit."></span>
</span>
<figcaption class="feature_gallery_item_caption">
<span class="feature_gallery_item_caption_link">
Human Rights Porch
</span>
</figcaption>
</figure>
</div>
<div class="feature_gallery_item">
<figure class="feature_gallery_item_figure">
<span class="feature_gallery_item_media_wrapper">
<span class="feature_gallery_item_media gallery_item_size_">
<img class="gallery_item_image" srcset="https://images.fastspot.com/washington-national-cathedral/740x740/21 740w, https://images.fastspot.com/washington-national-cathedral/500x500/21 500w, https://images.fastspot.com/washington-national-cathedral/300x300/21 300w" src="https://images.fastspot.com/washington-national-cathedral/300x300/21" alt="" loading="lazy" width="300" height="300">
</span>
<a class="feature_gallery_item_lightbox_link js-lightbox" href="https://images.fastspot.com/washington-national-cathedral/1440x810/22" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/22" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x416/22" data-crop="wide" data-lightbox-group="rose-window" data-lightbox-caption="Donec id elit non mi porta gravida at eget metus.">
<span class="feature_gallery_item_lightbox_link_inner">
<span class="feature_gallery_item_lightbox_link_icon">
<svg class="icon icon_images">
<use href="/images/icons.svg#images" />
</svg>
</span>
<span class="feature_gallery_item_lightbox_link_label">4</span>
</span>
</a>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/814x1220/23" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/23" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x740/23" data-crop="portrait" data-lightbox-group="rose-window" data-title="Title 2" data-lightbox-caption="Nullam id dolor id nibh ultricies vehicula ut id elit."></span>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/1440x810/24" data-url="https://images.fastspot.com/washington-national-cathedral/1440x810/24" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/740x416/24" data-crop="wide" data-lightbox-group="rose-window" data-lightbox-caption="Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus."></span>
<span class="feature_gallery_item_lightbox_item_hidden js-lightbox" aria-hidden="true" href="https://images.fastspot.com/washington-national-cathedral/814x1220/25" data-url="https://images.fastspot.com/washington-national-cathedral/814x1220/25" data-mobile-url="https://images.fastspot.com/washington-national-cathedral/494x740/25" data-crop="portrait" data-lightbox-group="rose-window" data-lightbox-caption="Lorem ipsum dolor sit amet, consectetur adipiscing elit."></span>
</span>
<figcaption class="feature_gallery_item_caption">
<span class="feature_gallery_item_caption_link">
Rose Window
</span>
</figcaption>
</figure>
</div>
</div>
</div>
<div class="feature_gallery_more">
<button class="js-swap feature_gallery_more_button" type="button" data-swap-target=".feature_gallery">More</button>
</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 -->
</div>
<div class="page_feature">
{% render '@partial-page-header' with {
page: page
} %}
</div>
<div class="page_content{% if not page.has_content %} empty{% endif %}"{% if page.has_content %} id="page_content" tabindex="-1" aria-labelledby="page_title"{% endif %}> <div class="fs-row">
<div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
{% if page.has_content %}
<!-- WYSIWYG -->
<div class="wysiwyg_block">
<div class="typography">
<h2>Explore & Engage With the Cathedral</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
<p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>
</div>
</div>
<!-- END: WYSIWYG -->
{% endif %}
</div>
</div>
</div>
<div class="full_width_callouts"{% if not page.has_content %} id="page_content" tabindex="-1" aria-labelledby="page_title"{% endif %}>
{% if visualLinks == 'row' %}
{% render '@component-visual-links' with {
grid: false,
} %}
{% endif %}
{% if visualLinks == 'grid' %}
{% render '@component-visual-links--title' %}
{% endif %}
{% render '@component-visual-cta--light' %}
{% render '@component-topic-row' with {
title: '',
description: ''
} %}
{% render '@component-visual-cta--event' %}
{% render '@component-feature-gallery' %}
{% 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',
}
]
} %}
</div>
No notes defined.