<div class="page_header theme_site_theme">
<div class="page_header_inner">
<div class="page_header_inner_content">
<img class="page_header_inner_background" src="/images/demo-lines.png">
<div class="page_header_breadcrumb">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_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"><svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg></span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Navigation Level</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true"><svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg></span>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Parent Level</span>
</span>
</a>
<span class="breadcrumb_divider" aria-hidden="true"><svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg></span>
</li>
<li class="breadcrumb_item">
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="page_header_intro">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_intro_inner">
<h1 class="page_header_title" id="page_header_title" tabindex="-1">Components</h1>
<p class="page_header_description">Dis facilisis tellus ultricies vestibulum cubilia risus, blandit commodo hac ut posuere ex cursus, class libero imperdiet nullam odio.</p>
</div>
</div>
</div>
</div>
</div>
<div class="page_header_nav">
<div class="fs-row">
<div class="fs-cell">
<div class="page_header_nav_inner">
<a class="skip_link skip_subnav" id="skip_sub_link" href="#page_content">Skip Sub Navigation</a>
<div class="page_header_nav_flat">
<nav class="sub_nav" aria-labelledby="basic_nav_title-13">
<div class="sub_nav_header">
<h2 class="sub_nav_title" id="basic_nav_title-13">Explore This Section</h2>
</div>
<ul class="sub_nav_list" aria-labelledby="basic_nav_title-13">
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">Mission & Vision</span>
</div>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">Contact Us</span>
</div>
</a>
</li>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">Research & Impact</span>
</div>
</a>
</li>
</ul>
<div class="sub_nav_header sub_nav_header_copy" aria-hidden="true">
<h2 class="sub_nav_title sub_nav_title_copy">Explore This Section</h2>
</div>
</nav>
</div>
<div class="page_header_nav_toggle">
<div class="js-nav-toggle-group js-sub-nav-group toggle_nav_group sub_nav_group">
<button class="js-sub-nav-toggle js-nav-toggle-button js-swap sub_nav_toggle button_toggle" data-swap-target=".js-sub-nav-group" data-swap-linked="audience">
<span class="sub_nav_toggle_inner_default sub_nav_toggle_inner button_toggle_inner_default button_toggle_inner">
<span class="sub_nav_toggle_label_default sub_nav_toggle_label button_toggle_label_default button_toggle_label">Explore This Section</span>
<span class="sub_nav_toggle_icon_default sub_nav_toggle_icon button_toggle_icon_default button_toggle_icon" aria-hidden="true">
<svg class="icon icon_caret_down">
<use href="/images/icons.svg#caret_down" />
</svg>
</span>
</span>
<span class="sub_nav_toggle_inner_active sub_nav_toggle_inner button_toggle_inner_active button_toggle_inner">
<span class="sub_nav_toggle_label_active sub_nav_toggle_label button_toggle_label_active button_toggle_label">Explore This Section</span>
<span class="sub_nav_toggle_icon_active sub_nav_toggle_icon button_toggle_icon_active button_toggle_icon" aria-hidden="true">
<svg class="icon icon_caret_up">
<use href="/images/icons.svg#caret_up" />
</svg>
</span>
</span>
</button>
<div class="js-nav-toggle-panel js-sub-nav-panel toggle_nav_panel sub_nav_panel">
<nav class="js-nav-toggle js-sub-nav toggle_nav sub_nav" aria-labelledby="toggle_nav_title-9">
<div class="toggle_nav_header sub_nav_header">
<h2 class="toggle_nav_title sub_nav_title" id="toggle_nav_title-9">components</h2>
</div>
<ul class="js-nav-toggle-list js-sub-nav-list toggle_nav_list sub_nav_list" aria-labelledby="toggle_nav_title-9">
<li class="js-nav-toggle-item js-sub-nav-item toggle_nav_item sub_nav_item">
<a class="js-nav-toggle-link js-sub-nav-link toggle_nav_link sub_nav_link" href="#">
<div class="toggle_nav_link_inner sub_nav_link_inner">
<span class="sub_nav_link_label">Mission & Vision</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-sub-nav-item toggle_nav_item sub_nav_item">
<a class="js-nav-toggle-link js-sub-nav-link toggle_nav_link sub_nav_link" href="#">
<div class="toggle_nav_link_inner sub_nav_link_inner">
<span class="sub_nav_link_label">Contact Us</span>
</div>
</a>
</li>
<li class="js-nav-toggle-item js-sub-nav-item toggle_nav_item sub_nav_item">
<a class="js-nav-toggle-link js-sub-nav-link toggle_nav_link sub_nav_link" href="#">
<div class="toggle_nav_link_inner sub_nav_link_inner">
<span class="sub_nav_link_label">Research & Impact</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_header_title">
<!-- Accordion -->
<div class="js-accordion accordion">
<div class="fs-row">
<div class="fs-cell fs-lg-10 fs-lg-justify-center">
<div class="accordion_inner">
<div class="accordion_header">
<h2 class="accordion_title">Admissions Deadlines</h2>
<p class="accordion_description">Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auct.</p>
</div>
<div class="accordion_items">
<div class="js-accordion-item js-accordion-item-2-1 accordion_item">
<h3 class="accordion_item_heading">
<button class="js-accordion-swap js-swap accordion_item_heading_button" data-swap-target=".js-accordion-item-2-1">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">Mar 15</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h3>
<div class="js-accordion-content accordion_item_content typography">
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.
</div>
</div>
<div class="js-accordion-item js-accordion-item-2-2 accordion_item">
<h3 class="accordion_item_heading">
<button class="js-accordion-swap js-swap accordion_item_heading_button" data-swap-target=".js-accordion-item-2-2">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">June 16</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h3>
<div class="js-accordion-content accordion_item_content typography">
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.
</div>
</div>
<div class="js-accordion-item js-accordion-item-2-3 accordion_item">
<h3 class="accordion_item_heading">
<button class="js-accordion-swap js-swap accordion_item_heading_button" data-swap-target=".js-accordion-item-2-3">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">Vulputate Porta Egestas Magna Dolor</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h3>
<div class="js-accordion-content accordion_item_content typography">
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.
</div>
</div>
<div class="js-accordion-item js-accordion-item-2-4 accordion_item">
<h3 class="accordion_item_heading">
<button class="js-accordion-swap js-swap accordion_item_heading_button" data-swap-target=".js-accordion-item-2-4">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">August 12 - August 17</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h3>
<div class="js-accordion-content accordion_item_content typography">
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.
</div>
</div>
<div class="js-accordion-item js-accordion-item-2-5 accordion_item">
<h3 class="accordion_item_heading">
<button class="js-accordion-swap js-swap accordion_item_heading_button" data-swap-target=".js-accordion-item-2-5">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">Lorem Tellus Sollicitudin Mollis</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h3>
<div class="js-accordion-content accordion_item_content typography">
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.
</div>
</div>
<div class="js-accordion-item js-accordion-item-2-6 accordion_item">
<h3 class="accordion_item_heading">
<button class="js-accordion-swap js-swap accordion_item_heading_button" data-swap-target=".js-accordion-item-2-6">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">Vulputate Porta Egestas Magna Dolor</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h3>
<div class="js-accordion-content accordion_item_content typography">
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.
</div>
</div>
<div class="js-accordion-item js-accordion-item-2-7 accordion_item">
<h3 class="accordion_item_heading">
<button class="js-accordion-swap js-swap accordion_item_heading_button" data-swap-target=".js-accordion-item-2-7">
<span class="accordion_item_heading_inner">
<span class="accordion_item_heading_label">Lorem Tellus Sollicitudin Mollis</span>
<span class="accordion_item_heading_icon"></span>
</span>
</button>
</h3>
<div class="js-accordion-content accordion_item_content typography">
Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. <a href="#">Donec ullamcorper nulla</a> non metus auctor fringilla.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Accordion -->
<!-- Card Group -->
<div class="card_group theme_site_theme theme_accent">
<div class="card_group_background">
<img class="card_group_background_image" src="/images/demo-squiggle.png">
</div>
<div class="card_group_header">
<div class="fs-row">
<div class="fs-cell">
<div class="card_group_header_inner">
<h2 class="card_group_title">Card Group Headline</h2>
<div class="card_group_description">
<p>Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auct.</p>
</div>
</div>
</div>
</div>
</div>
<div class="card_group_body">
<div class="fs-row">
<div class="fs-cell">
<div class="embla embla__default-controls js-carousel-embla" data-carousel-embla='{"loop":false,"slidesToScroll":1,"align":"center","breakpoints":{"(min-width: 980px)":{"active":false}}}'>
<div id="card-group-viewport-6" class="embla__viewport js-carousel-embla-viewport">
<ul class="card_group_items embla__container js-carousel-embla-container" aria-label="Card Group Headline">
<li class="card_group_item embla__slide">
<div class="card_group_item_body">
<h3 class="card_group_item_title">
<span class="card_group_item_title_label">Ornare Egestas</span>
</h3>
<figure class="card_group_item_figure">
<img class="card_group_item_image" srcset="https://images.fastspot.com/generic/740x494/1 740w, https://images.fastspot.com/generic/500x334/1 500w, https://images.fastspot.com/generic/300x200/1 300w" sizes="(min-width: 1400px) 375px, (min-width: 1220px) 320px, (min-width: 980px) calc(-2.27vw + 271px), (min-width: 780px) 657px, (min-width: 360px) calc(94.5vw - 77px), 244px" src="https://images.fastspot.com/generic/300x200/1" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_group_item_description">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget est sed ex pretium fringilla. Vivamus ac turpis quis eros consectetur ornare.</p>
</div>
</div>
</li>
<li class="card_group_item embla__slide">
<div class="card_group_item_body">
<h3 class="card_group_item_title">
<span class="card_group_item_title_label">Ipsum Dolor Sit Amet</span>
</h3>
<figure class="card_group_item_figure">
<img class="card_group_item_image" srcset="https://images.fastspot.com/generic/740x494/2 740w, https://images.fastspot.com/generic/500x334/2 500w, https://images.fastspot.com/generic/300x200/2 300w" sizes="(min-width: 1400px) 375px, (min-width: 1220px) 320px, (min-width: 980px) calc(-2.27vw + 271px), (min-width: 780px) 657px, (min-width: 360px) calc(94.5vw - 77px), 244px" src="https://images.fastspot.com/generic/300x200/2" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_group_item_description">
<p>Donec ullamcorper nulla non metus auct. Praesent eget est sed ex pretium fringilla. <a href="#">Vivamus ac turpis</a> porta sem malesuada magna mollis euismod.</p>
</div>
</div>
</li>
<li class="card_group_item embla__slide">
<div class="card_group_item_body">
<h3 class="card_group_item_title">
<span class="card_group_item_title_label">Praesent Eget Est</span>
</h3>
<figure class="card_group_item_figure">
<img class="card_group_item_image" srcset="https://images.fastspot.com/generic/740x494/3 740w, https://images.fastspot.com/generic/500x334/3 500w, https://images.fastspot.com/generic/300x200/3 300w" sizes="(min-width: 1400px) 375px, (min-width: 1220px) 320px, (min-width: 980px) calc(-2.27vw + 271px), (min-width: 780px) 657px, (min-width: 360px) calc(94.5vw - 77px), 244px" src="https://images.fastspot.com/generic/300x200/3" alt="" loading="lazy" width="300" height="200">
</figure>
<div class="card_group_item_description">
<p>Vivamus ac turpis quis eros consectetur ornare. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget est sed ex pretium fringilla.</p>
</div>
</div>
</li>
</ul>
</div>
<div class="card_group_controls embla__controls" aria-controls="card-group-viewport-6">
<div class="embla__dots js-carousel-embla-dots"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Card Group -->
<div class="resource_related">
<div class="section_header resource_related_header">
<div class="fs-row">
<div class="fs-cell">
<div class="section_header_inner">
<div class="section_header_content">
<h2 class="section_header_title">Latest From Us</h2>
<p class="section_header_description">Lorem ipsum dolor sit amet consectetur. Sodales tristique dui pulvinar tellus porta. Vel at tempus nunc vitae.</p>
</div>
<div class="section_header_link_wrapper">
<a href="#" class="button button_shadow section_header_link theme_accent">
<span class="button_inner section_header_link_inner">
<span class="button_label section_header_link_label">More News</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="resource_related_body">
<div class="fs-row">
<div class="fs-cell">
<ul class="resource_related_items" aria-label="Latest From Us">
<li class="resource_related_item">
<figure class="resource_related_item_figure">
<a class="resource_related_item_figure_link" href="#" aria-label="Read more about Carey's Community Impact Fund continues to invest in Baltimore-area businesses" tabindex="-1">
<img class="resource_related_item_image" srcset="https://images.fastspot.com/generic/980x735/1 980w, https://images.fastspot.com/generic/740x555/1 740w, https://images.fastspot.com/generic/500x375/1 500w, https://images.fastspot.com/generic/300x225/1 300w" sizes="(min-width: 1400px) 430px, (min-width: 1220px) 375px, (min-width: 980px) 300px, (min-width: 780px) 691px, (min-width: 380px) calc(96.05vw - 39px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x225/1" alt="" loading="lazy" width="300" height="225">
<span class="resource_related_item_figure_icon"><svg class="icon icon_jh_camera">
<use href="/images/icons.svg#jh_camera" />
</svg></span>
</a>
</figure>
<div class="resource_related_item_wrapper">
<div class="resource_related_item_header">
<h2 class="resource_related_item_title">
<a href="#" class="resource_related_item_title_link">
<span class="resource_related_item_title_link_inner">
<span class="resource_related_item_title_link_label">Carey's Community Impact Fund continues to invest in Baltimore-area businesses</span>
</span>
</a>
</h2>
<div class="resource_related_item_pretitle">Publication</div>
</div>
<p class="resource_related_item_description">Lorem ipsum dolor sit amet consectetur. Molestie enim amet elementum vestibulum. Enim nisl aliquet mauris odio lectus. Viverra ut elit neque tristique ullamcorper a quisque vitae dictum.</p>
<div class="resource_related_item_link_wrapper">
<a href="#" class="button button_shadow resource_related_item_link theme_default">
<span class="button_inner resource_related_item_link_inner">
<span class="button_label resource_related_item_link_label">Learn More</span>
</span>
</a>
</div>
</div>
</li>
<li class="resource_related_item">
<figure class="resource_related_item_figure">
<a class="resource_related_item_figure_link" href="#" aria-label="Read more about Carey's Community Impact Fund continues to invest in Baltimore-area businesses" tabindex="-1">
<img class="resource_related_item_image" srcset="https://images.fastspot.com/generic/980x735/2 980w, https://images.fastspot.com/generic/740x555/2 740w, https://images.fastspot.com/generic/500x375/2 500w, https://images.fastspot.com/generic/300x225/2 300w" sizes="(min-width: 1400px) 430px, (min-width: 1220px) 375px, (min-width: 980px) 300px, (min-width: 780px) 691px, (min-width: 380px) calc(96.05vw - 39px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x225/2" alt="" loading="lazy" width="300" height="225">
<span class="resource_related_item_figure_icon"><svg class="icon icon_jh_article">
<use href="/images/icons.svg#jh_article" />
</svg></span>
</a>
</figure>
<div class="resource_related_item_wrapper">
<div class="resource_related_item_header">
<h2 class="resource_related_item_title">
<a href="#" class="resource_related_item_title_link">
<span class="resource_related_item_title_link_inner">
<span class="resource_related_item_title_link_label">Carey's Community Impact Fund continues to invest in Baltimore-area businesses</span>
</span>
</a>
</h2>
<div class="resource_related_item_pretitle">In the Media</div>
</div>
<p class="resource_related_item_description">Lorem ipsum dolor sit amet consectetur. Molestie enim amet elementum vestibulum. Enim nisl aliquet mauris odio lectus. Viverra ut elit neque tristique ullamcorper a quisque vitae dictum.</p>
<div class="resource_related_item_link_wrapper">
<a href="#" class="button button_shadow resource_related_item_link theme_default">
<span class="button_inner resource_related_item_link_inner">
<span class="button_label resource_related_item_link_label">Learn More</span>
</span>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END: Related Resources -->
<!-- Gallery -->
<div class="gallery theme_accent_lighter">
<div class="gallery_header">
<div class="fs-row">
<div class="fs-cell">
<div class="gallery_header_inner">
<h2 class="gallery_title">JHU Carey Experience</h2>
<div class="gallery_description">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et felis mollis. Curabitur blandit tempus porttitor nulla non metus auct.</p>
</div>
</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 gallery_row_layout_70_30">
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_classic">
<img class="gallery_item_image" srcset="https://images.fastspot.com/generic/1440x960/6 1440w, https://images.fastspot.com/generic/1220x814/6 1220w, https://images.fastspot.com/generic/980x654/6 980w, https://images.fastspot.com/generic/740x494/6 740w, https://images.fastspot.com/generic/500x334/6 500w, https://images.fastspot.com/generic/300x200/6 300w" sizes="(min-width: 1400px) 861px, (min-width: 1220px) 752px, (min-width: 980px) 601px, (min-width: 740px) 451px, (min-width: 380px) calc(95.88vw - 38px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x200/6" alt="Fall scenic shot of the Drillfield" loading="lazy" width="300" height="200">
</div>
<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">
<div class="gallery_item_media gallery_item_size_classic">
<img class="gallery_item_image" srcset="https://images.fastspot.com/generic/1440x960/1 1440w, https://images.fastspot.com/generic/1220x814/1 1220w, https://images.fastspot.com/generic/980x654/1 980w, https://images.fastspot.com/generic/740x494/1 740w, https://images.fastspot.com/generic/500x334/1 500w, https://images.fastspot.com/generic/300x200/1 300w" sizes="(min-width: 1400px) 403px, (min-width: 1220px) 352px, (min-width: 980px) 282px, (min-width: 740px) 211px, (min-width: 380px) calc(95.88vw - 38px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x200/1" alt="a bright pink and orange sunrise sky behind campus clock tower" loading="lazy" width="300" height="200">
</div>
<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 gallery_row_layout_30_70">
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_classic">
<img class="gallery_item_image" srcset="https://images.fastspot.com/generic/1440x960/3 1440w, https://images.fastspot.com/generic/1220x814/3 1220w, https://images.fastspot.com/generic/980x654/3 980w, https://images.fastspot.com/generic/740x494/3 740w, https://images.fastspot.com/generic/500x334/3 500w, https://images.fastspot.com/generic/300x200/3 300w" sizes="(min-width: 1400px) 403px, (min-width: 1220px) 352px, (min-width: 980px) 282px, (min-width: 740px) 211px, (min-width: 380px) calc(95.88vw - 38px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x200/3" alt="Homecoming parade" loading="lazy" width="300" height="200">
</div>
<figcaption class="gallery_item_caption">
<p>Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper <a href="#">nulla non metus</a> auctor fringilla.</p>
</figcaption>
</figure>
</div>
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_classic">
<img class="gallery_item_image" srcset="https://images.fastspot.com/generic/1440x960/2 1440w, https://images.fastspot.com/generic/1220x814/2 1220w, https://images.fastspot.com/generic/980x654/2 980w, https://images.fastspot.com/generic/740x494/2 740w, https://images.fastspot.com/generic/500x334/2 500w, https://images.fastspot.com/generic/300x200/2 300w" sizes="(min-width: 1400px) 861px, (min-width: 1220px) 752px, (min-width: 980px) 601px, (min-width: 740px) 451px, (min-width: 380px) calc(95.88vw - 38px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x200/2" alt="" loading="lazy" width="300" height="200">
<div class="gallery_lazy_video lazy_video js-video-lazy-load " data-video-lazy-load='{"id":"XPjQhvjQbSM","type":"youtube","title":"Fastspot, Our Methodology","display":"inline","autoplay":false,"playerVars":{}}'>
<a class="lazy_video_toggle_btn js-play-btn" href="https://www.youtube.com/watch?v=XPjQhvjQbSM" aria-label="Play Fastspot, Our Methodology">
<svg class="icon icon_video_play">
<use href="/images/icons.svg#video_play" />
</svg>
</a>
<div class="lazy_video_iframe_wrap">
<div class="lazy_video_iframe_target js-iframe-target"></div>
</div>
</div>
</div>
</figure>
</div>
</div>
<div class="gallery_row gallery_row_layout_50_50">
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_classic">
<img class="gallery_item_image" srcset="https://images.fastspot.com/generic/980x654/1 980w, https://images.fastspot.com/generic/740x494/1 740w, https://images.fastspot.com/generic/500x334/1 500w, https://images.fastspot.com/generic/300x200/1 300w" sizes="(min-width: 1400px) 632px, (min-width: 1220px) 552px, (min-width: 980px) 442px, (min-width: 740px) 331px, (min-width: 380px) calc(95.88vw - 38px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x200/1" alt="Homecoming parade" loading="lazy" width="300" height="200">
</div>
<figcaption class="gallery_item_caption">
<p>Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper <a href="#">nulla non metus</a> auctor fringilla.</p>
</figcaption>
</figure>
</div>
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_classic">
<img class="gallery_item_image" srcset="https://images.fastspot.com/generic/980x654/2 980w, https://images.fastspot.com/generic/740x494/2 740w, https://images.fastspot.com/generic/500x334/2 500w, https://images.fastspot.com/generic/300x200/2 300w" sizes="(min-width: 1400px) 632px, (min-width: 1220px) 552px, (min-width: 980px) 442px, (min-width: 740px) 331px, (min-width: 380px) calc(95.88vw - 38px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x200/2" alt="" loading="lazy" width="300" height="200">
<div class="gallery_lazy_video lazy_video js-video-lazy-load " data-video-lazy-load='{"id":"XPjQhvjQbSM","type":"youtube","title":"Fastspot, Our Methodology","display":"inline","autoplay":false,"playerVars":{}}'>
<a class="lazy_video_toggle_btn js-play-btn" href="https://www.youtube.com/watch?v=XPjQhvjQbSM" aria-label="Play Fastspot, Our Methodology">
<svg class="icon icon_video_play">
<use href="/images/icons.svg#video_play" />
</svg>
</a>
<div class="lazy_video_iframe_wrap">
<div class="lazy_video_iframe_target js-iframe-target"></div>
</div>
</div>
</div>
</figure>
</div>
</div>
<div class="gallery_row gallery_row_layout_100">
<div class="gallery_item">
<figure class="gallery_item_figure">
<div class="gallery_item_media gallery_item_size_wide">
<img class="gallery_item_image" srcset="https://images.fastspot.com/generic/735x980/1 735w, https://images.fastspot.com/generic/555x740/1 555w, https://images.fastspot.com/generic/375x500/1 375w, https://images.fastspot.com/generic/225x300/1 225w" sizes="(min-width: 1400px) 1318px, (min-width: 1220px) 1151px, (min-width: 980px) 921px, (min-width: 780px) 691px, (min-width: 380px) calc(96.05vw - 39px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/225x300/1" alt="Homecoming parade" loading="lazy" width="225" height="300">
</div>
<figcaption class="gallery_item_caption">
<p>Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper <a href="#">nulla non metus</a> auctor fringilla.</p>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Gallery -->
<!-- Testimonial -->
<div class="testimonial theme_site_theme theme_accent">
<div class="fs-row">
<div class="fs-cell">
<div class="testimonial_inner">
<img class="testimonial_inner_background" src="/images/demo-squiggle.png">
<figure class="testimonial_figure">
<blockquote class="testimonial_quote">
<p>Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Praesent eget est sed ex pretium fringilla. Vivamus <em>ac turpis quis eros consectetur</em> ornare. Proin pulvinar, magna id vulputate commodo, metus massa tincidunt lorem, <a href="#">non elementum urna dui sed</a> neque. Nulla non ipsum fermentum, fermentum tellus ut, viverra est. Interdum et malesuada fames ac ant faucibus.</p>
</blockquote>
<figcaption class="testimonial_figcaption">
<span class="testimonial_media">
<img class="testimonial_image" srcset="https://images.fastspot.com/generic/300x300/1 300w, https://images.fastspot.com/generic/100x100/1 100w" sizes="85px" src="https://images.fastspot.com/generic/100x100/1" alt="" loading="lazy" width="100" height="100">
</span>
<span class="testimonial_info">
<span class="testimonial_quote_name">Ellesse Akre</span>
<span class="testimonial_quote_title">Assistant Professor<br>Johns Hopkins Bloomberg School of Public Health</span>
</span>
</figcaption>
</figure>
</div>
</div>
</div>
</div>
<!-- END: Testimonial -->
<!-- Link Group -->
<div class="link_group theme_site_theme theme_accent_color">
<div class="fs-row">
<div class="fs-cell">
<div class="link_group_inner">
<div class="link_group_header">
<div class="link_group_header_inner">
<h2 class="link_group_title">Ipsum Fermentum Tristique</h2>
<div class="link_group_description">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auct.</p>
</div>
</div>
</div>
<div class="link_group_body">
<ul class="link_group_list">
<li class="link_group_item">
<a class="link_group_link" href="#" target="_blank">
<span class="link_group_link_inner">
<span class="link_group_link_label">Our Mission & Work</span>
<span class="link_group_link_icon"><svg class="icon icon_external">
<use href="/images/icons.svg#external" />
</svg></span>
</span>
</a>
</li>
<li class="link_group_item">
<a class="link_group_link" href="#" target="_blank">
<span class="link_group_link_inner">
<span class="link_group_link_label">People</span>
<span class="link_group_link_icon"><svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg></span>
</span>
</a>
</li>
<li class="link_group_item">
<a class="link_group_link" href="#" target="_blank">
<span class="link_group_link_inner">
<span class="link_group_link_label">Research & Impact</span>
<span class="link_group_link_icon"><svg class="icon icon_external">
<use href="/images/icons.svg#external" />
</svg></span>
</span>
</a>
</li>
<li class="link_group_item">
<a class="link_group_link" href="#" target="_blank">
<span class="link_group_link_inner">
<span class="link_group_link_label">Education</span>
<span class="link_group_link_icon"><svg class="icon icon_download">
<use href="/images/icons.svg#download" />
</svg></span>
</span>
</a>
</li>
<li class="link_group_item">
<a class="link_group_link" href="#" target="_blank">
<span class="link_group_link_inner">
<span class="link_group_link_label">Our Vision</span>
<span class="link_group_link_icon"><svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg></span>
</span>
</a>
</li>
<li class="link_group_item">
<a class="link_group_link" href="#" target="_blank">
<span class="link_group_link_inner">
<span class="link_group_link_label">Initiative and Efforts</span>
<span class="link_group_link_icon"><svg class="icon icon_external">
<use href="/images/icons.svg#external" />
</svg></span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- END: Link Group -->
<!-- Related Events -->
<div class="event_related">
<div class="section_header event_related_header">
<div class="fs-row">
<div class="fs-cell">
<div class="section_header_inner">
<div class="section_header_content">
<h2 class="section_header_title">Related Events</h2>
<p class="section_header_description">Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auct.</p>
</div>
<div class="section_header_link_wrapper">
<a href="#" class="button button_shadow section_header_link theme_default">
<span class="button_inner section_header_link_inner">
<span class="button_label section_header_link_label">More Events</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="event_related_body">
<div class="fs-row">
<div class="fs-cell">
<ul class="event_related_items" aria-label="Related Events">
<li class="event_related_item">
<div class="event_related_item_wrapper">
<div class="event_related_item_date">
<time class="event_date theme_default" datetime="2023-05-31 17:00:00">
<span class="event_date_from">From</span>
<span class="event_date_start">
<span class="event_date_month">
May
</span>
<span class="event_date_day">
31
</span>
</span>
</time>
</div>
<div class="event_related_item_body">
<div class="event_related_item_location">
In-Person
| Hopkins, Baltimore
</div>
<h2 class="event_related_item_title">
<a href="page-event-detail.html" class="event_related_item_title_link">
<span class="event_related_item_title_link_inner">
<span class="event_related_item_title_link_label">In Enim Justo Rhoncus Ut</span>
</span>
</a>
</h2>
<p class="event_related_item_description">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
</div>
</div>
</li>
<li class="event_related_item">
<div class="event_related_item_wrapper">
<div class="event_related_item_date">
<time class="event_date theme_default" datetime="2023-05-31 17:00:00">
<span class="event_date_start">
<span class="event_date_month">
May
</span>
<span class="event_date_day">
31
</span>
</span>
</time>
</div>
<div class="event_related_item_body">
<div class="event_related_item_location">
In-Person
| Location
</div>
<h2 class="event_related_item_title">
<a href="page-event-detail.html" class="event_related_item_title_link">
<span class="event_related_item_title_link_inner">
<span class="event_related_item_title_link_label">Aenean commodo ligula eget dolor</span>
</span>
</a>
</h2>
<p class="event_related_item_description">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END: Related Events -->
<!-- Contact Info -->
<div class="contact_block">
<script type="application/ld+json">
{
'@context': 'http://schema.org',
'@type': 'Person',
'email': 'mailto:averylongemailaddress@university.edu',
'image': '1',
'jobTitle': 'Director of Department, Johns Hopkins Bloomberg School of Public Health',
'name': 'Geraldine Trent',
'telephone': '(410) 555-1234',
'url': '#'
}
</script>
<div class="fs-row">
<div class="fs-cell">
<div class="contact_block_inner">
<figure class="contact_figure">
<img class="contact_image" srcset="https://images.fastspot.com/generic/500x500/1 500w, https://images.fastspot.com/generic/300x300/1 300w, https://images.fastspot.com/generic/100x100/1 100w" sizes="(min-width: 1220px) 252px, (min-width: 1040px) 203px, (min-width: 540px) calc(19.38vw + 5px), calc(1.82vw + 97px)" src="https://images.fastspot.com/generic/100x100/1" alt="" loading="lazy" width="100" height="100">
</figure>
<div class="contact">
<div class="contact_header">
<ul class="contact_socials" aria-label="Social Links for Geraldine Trent">
<li class="contact_social">
<a class="contact_social_link" href="#" aria-label="Geraldine Trent LinkedIn" target="_blank" rel="noopener"><span class="contact_social_link_icon"><svg class="icon icon_linkedin">
<use href="/images/icons.svg#linkedin" />
</svg></span><span class="contact_social_link_label">LinkedIn</span></a>
</li>
<li class="contact_social">
<a class="contact_social_link" href="#" aria-label="Geraldine Trent X" target="_blank" rel="noopener"><span class="contact_social_link_icon"><svg class="icon icon_x">
<use href="/images/icons.svg#x" />
</svg></span><span class="contact_social_link_label">X</span></a>
</li>
<li class="contact_social">
<a class="contact_social_link" href="#" aria-label="Geraldine Trent Facebook" target="_blank" rel="noopener"><span class="contact_social_link_icon"><svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg></span><span class="contact_social_link_label">Facebook</span></a>
</li>
<li class="contact_social">
<a class="contact_social_link" href="#" aria-label="Geraldine Trent Instagram" target="_blank" rel="noopener"><span class="contact_social_link_icon"><svg class="icon icon_instagram">
<use href="/images/icons.svg#instagram" />
</svg></span><span class="contact_social_link_label">Instagram</span></a>
</li>
</ul>
<div class="contact_info">
<h2 class="contact_name">
<a href="#" class="contact_name_link">
<span class="contact_name_link_inner">
<span class="contact_name_link_label">Geraldine Trent</span><span class="icon_nowrap contact_name_link_icon" aria-hidden="true"><svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg></span>
</span>
</a>
</h2>
<div class="contact_title">Director of Department<br>Johns Hopkins Bloomberg School of Public Health</div>
</div>
</div>
<div class="contact_body">
<div class="contact_details">
<div class="contact_detail phone">
<div class="contact_detail_label">Phone</div>
<div class="contact_detail_items">
<div class="contact_detail_item">
<div class="contact_detail_item_header">
<div class="contact_detail_hint">mobile</div>
</div>
<div class="contact_detail_info">
<a class="contact_detail_info_link" href="tel:4105551234">(410) 555-1234</a>
</div>
</div>
<div class="contact_detail_item">
<div class="contact_detail_item_header">
<div class="contact_detail_hint">office</div>
</div>
<div class="contact_detail_info">
<a class="contact_detail_info_link" href="tel:4105555678">(410) 555-5678</a>
</div>
</div>
</div>
</div>
<div class="contact_detail location">
<div class="contact_detail_label">Location</div>
<div class="contact_detail_items">
<div class="contact_detail_item">
<div class="contact_detail_item_header">
<div class="contact_detail_hint">office</div>
</div>
<div class="contact_detail_info">
<a href="#" class="contact_detail_info_link">
<span class="contact_detail_info_link_inner">
<span class="contact_detail_info_link_label">Appleseed Library, Room 214</span>
</span>
</a>
</div>
</div>
<div class="contact_detail_item">
<div class="contact_detail_item_header">
<div class="contact_detail_hint">mailing address</div>
</div>
<div class="contact_detail_info">
<a href="#" class="contact_detail_info_link">
<span class="contact_detail_info_link_inner">
<span class="contact_detail_info_link_label">1234 Maple Bacon Ln.<br>Baltimore, MD 21211</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="contact_detail email">
<div class="contact_detail_label">Email</div>
<div class="contact_detail_item">
<div class="contact_detail_item_header">
<div class="contact_detail_hint">office</div>
</div>
<div class="contact_detail_info">
<a class="contact_detail_info_link" href="mailto:averylongemailaddress@university.edu">averylongemailaddress<wbr />@university.edu</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Contact Info -->
<!-- Call to Action -->
<div class="cta theme_accent">
<div class="fs-row">
<div class="fs-cell">
<div class="cta_header">
<h2 class="cta_title">Explore Our Programs</h2>
<p class="cta_description">Lorem ipsum dolor sit amet consectetur. Molestie ultrices sit sit viverra in nibh ut. Habitant velit augue at placerat sollicitudin eget.</p>
</div>
<div class="cta_body">
<div class="cta_body_inner">
<div class="cta_wrapper theme_accent">
<div class="cta_item">
<div class="cta_item_inner">
<figure class="cta_item_figure cta_item_figure_sm">
<img class="cta_item_image" srcset="https://images.fastspot.com/generic/740x740/1 740w, https://images.fastspot.com/generic/500x500/1 500w, https://images.fastspot.com/generic/300x300/1 300w, https://images.fastspot.com/generic/100x100/1 100w" sizes="(min-width: 780px) calc(-4.44vw + 681px), (min-width: 380px) calc(92.89vw - 59px), calc(31.67vw + 161px)" src="https://images.fastspot.com/generic/100x100/1" alt="" loading="lazy" width="100" height="100">
</figure>
<div class="cta_item_content">
<h3 class="cta_item_title">Professional Trainings</h3>
<p class="cta_item_description">Lorem ipsum dolor sit amet consectetur. Molestie enim amet elementum vestibulum. Enim nisl aliquet mauris odio lectus. Viverra ut elit neque tristique ullamcorper a quisque vitae dictum.</p>
<a href="#" class="button button_shadow cta_item_link theme_accent_filled">
<span class="button_inner cta_item_link_inner">
<span class="button_label cta_item_link_label">Explore This Option</span>
</span>
</a>
</div>
<figure class="cta_item_figure cta_item_figure_lg">
<img class="cta_item_image" srcset="https://images.fastspot.com/generic/740x740/1 740w, https://images.fastspot.com/generic/500x500/1 500w, https://images.fastspot.com/generic/300x300/1 300w, https://images.fastspot.com/generic/100x100/1 100w" sizes="(min-width: 1400px) 627px, (min-width: 1220px) 543px, (min-width: 980px) 456px" src="https://images.fastspot.com/generic/100x100/1" alt="" loading="lazy" width="100" height="100">
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Call to Action -->
<div class="events_featured theme_white">
<div class="section_header events_featured_header">
<div class="fs-row">
<div class="fs-cell">
<div class="section_header_inner">
<div class="section_header_content">
<h2 class="section_header_title">Latest From Us</h2>
<p class="section_header_description">Lorem ipsum dolor sit amet consectetur. Sodales tristique dui pulvinar tellus porta. Vel at tempus nunc vitae.</p>
</div>
<div class="section_header_link_wrapper">
<a href="#" class="button button_shadow section_header_link theme_accent">
<span class="button_inner section_header_link_inner">
<span class="button_label section_header_link_label">More Events</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="events_featured_body">
<div class="fs-row">
<div class="fs-cell">
<div class="events_featured_body_inner">
<div class="embla embla__default-controls js-carousel-embla" data-carousel-embla='{"align":"center","watchDrag":true,"containScroll":false,"duration":40,"plugins":["fade"]}'>
<div id="events-featured-viewport-4" class="embla__viewport js-carousel-embla-viewport">
<ul class="events_featured_list embla__container js-carousel-embla-container">
<li class="events_featured_item embla__slide">
<!-- Event Feature -->
<div class="event_feature theme_accent">
<div class="event_feature_inner">
<div class="event_feature_figure_wrapper event_feature_figure_wrapper_sm">
<figure class="event_feature_figure">
<a class="event_feature_figure_link" href="#" aria-label="Read more about Breaking the Glass Ceiling: Women in Health and Research" tabindex="-1">
<img class="event_feature_image" srcset="https://images.fastspot.com/generic/980x735/1 980w, https://images.fastspot.com/generic/740x555/1 740w, https://images.fastspot.com/generic/500x375/1 500w, https://images.fastspot.com/generic/300x225/1 300w" sizes="(min-width: 780px) 691px, (min-width: 380px) calc(96.05vw - 39px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x225/1" alt="" loading="lazy" width="300" height="225">
<span class="event_feature_figure_note">Happening in Washington D.C.</span>
</a>
</figure>
<div class="event_feature_figure_date">
<time class="event_date theme_white_blue" datetime="2024-09-31 17:00:00">
<span class="event_date_from">From</span>
<span class="event_date_start">
<span class="event_date_month">
Oct
</span>
<span class="event_date_day">
01
</span>
</span>
</time>
</div>
</div>
<div class="event_feature_wrapper">
<div class="event_feature_content_date">
<time class="event_date theme_white_blue" datetime="2024-09-31 17:00:00">
<span class="event_date_from">From</span>
<span class="event_date_start">
<span class="event_date_month">
Oct
</span>
<span class="event_date_day">
01
</span>
</span>
</time>
</div>
<div class="event_feature_location">
In-Person
|
Hopkins Lobby
</div>
<h3 class="event_feature_title">
<a href="#" class="event_feature_title_link">
<span class="event_feature_title_link_inner">
<span class="event_feature_title_link_label">Breaking the Glass Ceiling: Women in Health and Research</span>
</span>
</a>
</h3>
<p class="event_feature_description">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus.</p>
</div>
<div class="event_feature_figure_wrapper event_feature_figure_wrapper_lg">
<figure class="event_feature_figure">
<a class="event_feature_figure_link" href="#" aria-label="Read more about Breaking the Glass Ceiling: Women in Health and Research" tabindex="-1">
<img class="event_feature_image" srcset="https://images.fastspot.com/generic/735x980/1 735w, https://images.fastspot.com/generic/555x740/1 555w, https://images.fastspot.com/generic/375x500/1 375w, https://images.fastspot.com/generic/225x300/1 225w" sizes="(min-width: 1400px) 659px, (min-width: 1220px) 575px, (min-width: 980px) 460px, 0px" src="https://images.fastspot.com/generic/225x300/1" alt="" loading="lazy" width="225" height="300">
<span class="event_feature_figure_note">Happening in Washington D.C.</span>
</a>
</figure>
</div>
</div>
</div>
<!-- END: Event Feature -->
</li>
<li class="events_featured_item embla__slide">
<!-- Event Feature -->
<div class="event_feature theme_accent">
<div class="event_feature_inner">
<div class="event_feature_figure_wrapper event_feature_figure_wrapper_sm">
<figure class="event_feature_figure">
<a class="event_feature_figure_link" href="#" aria-label="Read more about Etiam in fringilla lacus. Sed." tabindex="-1">
<img class="event_feature_image" srcset="https://images.fastspot.com/generic/980x735/2 980w, https://images.fastspot.com/generic/740x555/2 740w, https://images.fastspot.com/generic/500x375/2 500w, https://images.fastspot.com/generic/300x225/2 300w" sizes="(min-width: 780px) 691px, (min-width: 380px) calc(96.05vw - 39px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x225/2" alt="" loading="lazy" width="300" height="225">
<span class="event_feature_figure_note">Happening in Washington D.C.</span>
</a>
</figure>
<div class="event_feature_figure_date">
<time class="event_date theme_white_blue" datetime="2024-09-31 17:00:00">
<span class="event_date_start">
<span class="event_date_month">
Oct
</span>
<span class="event_date_day">
01
</span>
</span>
</time>
</div>
</div>
<div class="event_feature_wrapper">
<div class="event_feature_content_date">
<time class="event_date theme_white_blue" datetime="2024-09-31 17:00:00">
<span class="event_date_start">
<span class="event_date_month">
Oct
</span>
<span class="event_date_day">
01
</span>
</span>
</time>
</div>
<div class="event_feature_location">
In-Person
|
Hopkins Lobby
</div>
<h3 class="event_feature_title">
<a href="#" class="event_feature_title_link">
<span class="event_feature_title_link_inner">
<span class="event_feature_title_link_label">Etiam in fringilla lacus. Sed.</span>
</span>
</a>
</h3>
<p class="event_feature_description">Donec et facilisis sem, at lobortis nibh. Aenean bibendum venenatis.</p>
</div>
<div class="event_feature_figure_wrapper event_feature_figure_wrapper_lg">
<figure class="event_feature_figure">
<a class="event_feature_figure_link" href="#" aria-label="Read more about Etiam in fringilla lacus. Sed." tabindex="-1">
<img class="event_feature_image" srcset="https://images.fastspot.com/generic/735x980/2 735w, https://images.fastspot.com/generic/555x740/2 555w, https://images.fastspot.com/generic/375x500/2 375w, https://images.fastspot.com/generic/225x300/2 225w" sizes="(min-width: 1400px) 659px, (min-width: 1220px) 575px, (min-width: 980px) 460px, 0px" src="https://images.fastspot.com/generic/225x300/2" alt="" loading="lazy" width="225" height="300">
<span class="event_feature_figure_note">Happening in Washington D.C.</span>
</a>
</figure>
</div>
</div>
</div>
<!-- END: Event Feature -->
</li>
<li class="events_featured_item embla__slide">
<!-- Event Feature -->
<div class="event_feature theme_accent">
<div class="event_feature_inner">
<div class="event_feature_figure_wrapper event_feature_figure_wrapper_sm">
<figure class="event_feature_figure">
<a class="event_feature_figure_link" href="#" aria-label="Read more about Vestibulum nec nibh hendrerit, mollis arcu at, accumsan justo. Praesent." tabindex="-1">
<img class="event_feature_image" srcset="https://images.fastspot.com/generic/980x735/3 980w, https://images.fastspot.com/generic/740x555/3 740w, https://images.fastspot.com/generic/500x375/3 500w, https://images.fastspot.com/generic/300x225/3 300w" sizes="(min-width: 780px) 691px, (min-width: 380px) calc(96.05vw - 39px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x225/3" alt="" loading="lazy" width="300" height="225">
<span class="event_feature_figure_note">Happening in Washington D.C.</span>
</a>
</figure>
<div class="event_feature_figure_date">
<time class="event_date theme_white_blue" datetime="2024-12-31 17:00:00">
<span class="event_date_start">
<span class="event_date_month">
Dec
</span>
<span class="event_date_day">
31
</span>
</span>
</time>
</div>
</div>
<div class="event_feature_wrapper">
<div class="event_feature_content_date">
<time class="event_date theme_white_blue" datetime="2024-12-31 17:00:00">
<span class="event_date_start">
<span class="event_date_month">
Dec
</span>
<span class="event_date_day">
31
</span>
</span>
</time>
</div>
<div class="event_feature_location">
In-Person
|
Hopkins Lobby
</div>
<h3 class="event_feature_title">
<a href="#" class="event_feature_title_link">
<span class="event_feature_title_link_inner">
<span class="event_feature_title_link_label">Vestibulum nec nibh hendrerit, mollis arcu at, accumsan justo. Praesent.</span>
</span>
</a>
</h3>
<p class="event_feature_description">Suspendisse ac massa suscipit, tincidunt diam a, suscipit sapien. Sed et condimentum magna. Morbi sodales purus vitae nulla fermentum elementum.</p>
</div>
<div class="event_feature_figure_wrapper event_feature_figure_wrapper_lg">
<figure class="event_feature_figure">
<a class="event_feature_figure_link" href="#" aria-label="Read more about Vestibulum nec nibh hendrerit, mollis arcu at, accumsan justo. Praesent." tabindex="-1">
<img class="event_feature_image" srcset="https://images.fastspot.com/generic/735x980/3 735w, https://images.fastspot.com/generic/555x740/3 555w, https://images.fastspot.com/generic/375x500/3 375w, https://images.fastspot.com/generic/225x300/3 225w" sizes="(min-width: 1400px) 659px, (min-width: 1220px) 575px, (min-width: 980px) 460px, 0px" src="https://images.fastspot.com/generic/225x300/3" alt="" loading="lazy" width="225" height="300">
<span class="event_feature_figure_note">Happening in Washington D.C.</span>
</a>
</figure>
</div>
</div>
</div>
<!-- END: Event Feature -->
</li>
</ul>
</div>
<div class="events_featured_controls embla__controls theme_accent" aria-controls="events-featured-viewport-4">
<div class="embla__dots js-carousel-embla-dots" role="navigation"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Related People -->
<div class="people_related theme_site_theme people_related_carousel">
<div class="people_related_background">
<img src="/images/placeholder-hero-content-dark.svg" alt="" class="people_related_background_pattern">
</div>
<div class="people_related_header">
<div class="fs-row">
<div class="fs-cell">
<div class="people_related_header_inner">
<h2 class="people_related_title">Our People</h2>
<p class="people_related_description">Hopkins Carey Business School's Gender and Work Initiatives invites world-class speakers and facilitators aligned with individualized coaching and mentoring that is beyond compare.</p>
</div>
</div>
</div>
</div>
<div class="people_related_body">
<div class="fs-row">
<div class="fs-cell">
<div class="embla embla__default-controls js-carousel-embla" data-carousel-embla='{"loop":false,"slidesToScroll":1,"align":"start"}'>
<div id="people-related-viewport-5" class="embla__viewport js-carousel-embla-viewport">
<ul class="people_related_items embla__container js-carousel-embla-container" aria-label="Our People">
<li class="people_related_item">
<div class="people_related_item_inner">
<figure class="people_related_item_figure">
<a class="people_related_item_figure_link" href="" aria-label="Read more about " tabindex="-1">
<img class="people_related_item_image" srcset="https://images.fastspot.com/generic/300x300/1 300w, https://images.fastspot.com/generic/100x100/1 100w" src="https://images.fastspot.com/generic/100x100/1" alt="" loading="lazy" width="100" height="100">
</a>
</figure>
<h3 class="people_related_item_name">
<a href="page-directory-detail.html" class="people_related_item_name_link">
<span class="people_related_item_name_link_inner">
<span class="people_related_item_name_link_label">Marcus Smith Anderson, Ph.D</span><span class="icon_nowrap people_related_item_name_link_icon" aria-hidden="true"><svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg></span>
</span>
</a>
</h3>
<div class="people_related_item_title">Executive Director of Inclusive Development, Johns Hopkins Bloomberg School of Public Health</div>
</div>
</li>
<li class="people_related_item">
<div class="people_related_item_inner">
<figure class="people_related_item_figure">
<img class="people_related_item_image" srcset="https://images.fastspot.com/generic/300x300/2 300w, https://images.fastspot.com/generic/100x100/2 100w" src="https://images.fastspot.com/generic/100x100/2" alt="" loading="lazy" width="100" height="100">
</figure>
<h3 class="people_related_item_name">
Demere Woolway
</h3>
<div class="people_related_item_title">Executive Director of Inclusive Development, Johns Hopkins University</div>
</div>
</li>
<li class="people_related_item">
<div class="people_related_item_inner">
<figure class="people_related_item_figure">
<a class="people_related_item_figure_link" href="" aria-label="Read more about " tabindex="-1">
<img class="people_related_item_image" srcset="https://images.fastspot.com/generic/300x300/3 300w, https://images.fastspot.com/generic/100x100/3 100w" src="https://images.fastspot.com/generic/100x100/3" alt="" loading="lazy" width="100" height="100">
</a>
</figure>
<h3 class="people_related_item_name">
<a href="page-directory-detail.html" class="people_related_item_name_link">
<span class="people_related_item_name_link_inner">
<span class="people_related_item_name_link_label">Dr. Kalahan Taylor</span><span class="icon_nowrap people_related_item_name_link_icon" aria-hidden="true"><svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg></span>
</span>
</a>
</h3>
<div class="people_related_item_title">Executive Education Faculty, Carey Business School</div>
</div>
</li>
<li class="people_related_item">
<div class="people_related_item_inner">
<figure class="people_related_item_figure">
<a class="people_related_item_figure_link" href="" aria-label="Read more about " tabindex="-1">
<img class="people_related_item_image" srcset="https://images.fastspot.com/generic/300x300/3 300w, https://images.fastspot.com/generic/100x100/3 100w" src="https://images.fastspot.com/generic/100x100/3" alt="" loading="lazy" width="100" height="100">
</a>
</figure>
<h3 class="people_related_item_name">
<a href="page-directory-detail.html" class="people_related_item_name_link">
<span class="people_related_item_name_link_inner">
<span class="people_related_item_name_link_label">Antidisestablishmentarianism Lastname</span><span class="icon_nowrap people_related_item_name_link_icon" aria-hidden="true"><svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg></span>
</span>
</a>
</h3>
<div class="people_related_item_title">Executive Education Faculty, Carey Business School</div>
</div>
</li>
</ul>
</div>
<div class="people_related_controls embla__controls" aria-controls="people-related-viewport-5">
<div class="embla__dots js-carousel-embla-dots" role="navigation"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: Related People -->
<div class="topic_row">
<div class="section_header topic_row_header">
<div class="fs-row">
<div class="fs-cell">
<div class="section_header_inner">
<div class="section_header_content">
<h2 class="section_header_title">Ipsum Fermentum Tristique</h2>
<p class="section_header_description">Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auct.</p>
</div>
<div class="section_header_link_wrapper">
<a href="#" class="button button_shadow section_header_link theme_accent">
<span class="button_inner section_header_link_inner">
<span class="button_label section_header_link_label">Link Text Goes Here</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="topic_row_body">
<div class="fs-row">
<div class="fs-cell">
<ul class="topic_row_items" aria-label="Ipsum Fermentum Tristique">
<li class="topic_row_item">
<figure class="topic_row_item_figure">
<img class="topic_row_item_image" srcset="https://images.fastspot.com/generic/980x735/1 980w, https://images.fastspot.com/generic/740x555/1 740w, https://images.fastspot.com/generic/500x375/1 500w, https://images.fastspot.com/generic/300x225/1 300w" sizes="(min-width: 1400px) 430px, (min-width: 1220px) 375px, (min-width: 980px) 300px, (min-width: 780px) 691px, (min-width: 380px) calc(96.05vw - 39px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x225/1" alt="" loading="lazy" width="300" height="225">
</figure>
<div class="topic_row_item_wrapper">
<h2 class="topic_row_item_title">
Ipsum Fermentum Tristique
</h2>
<p class="topic_row_item_description">Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>
<ul class="topic_row_item_link_list">
<li class="topic_row_item_link_item">
<a href="#" class="topic_row_item_link">
<span class="topic_row_item_link_inner">
<span class="topic_row_item_link_label">Link Title One</span>
</span>
</a>
</li>
<li class="topic_row_item_link_item">
<a href="#" class="topic_row_item_link">
<span class="topic_row_item_link_inner">
<span class="topic_row_item_link_label">Link Title Two</span>
</span>
</a>
</li>
</ul>
</div>
</li>
<li class="topic_row_item">
<figure class="topic_row_item_figure">
<img class="topic_row_item_image" srcset="https://images.fastspot.com/generic/980x735/2 980w, https://images.fastspot.com/generic/740x555/2 740w, https://images.fastspot.com/generic/500x375/2 500w, https://images.fastspot.com/generic/300x225/2 300w" sizes="(min-width: 1400px) 430px, (min-width: 1220px) 375px, (min-width: 980px) 300px, (min-width: 780px) 691px, (min-width: 380px) calc(96.05vw - 39px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x225/2" alt="" loading="lazy" width="300" height="225">
</figure>
<div class="topic_row_item_wrapper">
<h2 class="topic_row_item_title">
Ipsum Fermentum Tristique
</h2>
<p class="topic_row_item_description">Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>
</div>
</li>
<li class="topic_row_item">
<figure class="topic_row_item_figure">
<img class="topic_row_item_image" srcset="https://images.fastspot.com/generic/980x735/ 980w, https://images.fastspot.com/generic/740x555/ 740w, https://images.fastspot.com/generic/500x375/ 500w, https://images.fastspot.com/generic/300x225/ 300w" sizes="(min-width: 1400px) 430px, (min-width: 1220px) 375px, (min-width: 980px) 300px, (min-width: 780px) 691px, (min-width: 380px) calc(96.05vw - 39px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x225/" alt="" loading="lazy" width="300" height="225">
</figure>
<div class="topic_row_item_wrapper">
<h2 class="topic_row_item_title">
Ipsum Fermentum Tristique
</h2>
<p class="topic_row_item_description">Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auctor fringilla.</p>
<ul class="topic_row_item_link_list">
<li class="topic_row_item_link_item">
<a href="#" class="topic_row_item_link">
<span class="topic_row_item_link_inner">
<span class="topic_row_item_link_label">Link Title One</span>
</span>
</a>
</li>
<li class="topic_row_item_link_item">
<a href="#" class="topic_row_item_link">
<span class="topic_row_item_link_inner">
<span class="topic_row_item_link_label">Link Title Two</span>
</span>
</a>
</li>
<li class="topic_row_item_link_item">
<a href="#" class="topic_row_item_link">
<span class="topic_row_item_link_inner">
<span class="topic_row_item_link_label">Link Title Three</span>
</span>
</a>
</li>
</ul>
</div>
</li>
<li class="topic_row_item">
<figure class="topic_row_item_figure">
<img class="topic_row_item_image" srcset="https://images.fastspot.com/generic/980x735/2 980w, https://images.fastspot.com/generic/740x555/2 740w, https://images.fastspot.com/generic/500x375/2 500w, https://images.fastspot.com/generic/300x225/2 300w" sizes="(min-width: 1400px) 430px, (min-width: 1220px) 375px, (min-width: 980px) 300px, (min-width: 780px) 691px, (min-width: 380px) calc(96.05vw - 39px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x225/2" alt="" loading="lazy" width="300" height="225">
</figure>
<div class="topic_row_item_wrapper">
<h2 class="topic_row_item_title">
Ipsum
</h2>
<p class="topic_row_item_description">Praesent</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END: Topic Row -->
<!-- Video Embed -->
<div class="video_embed_block">
<div class="fs-row">
<div class="fs-cell">
<figure class="video_embed_figure">
<img class="video_embed_image" srcset="https://images.fastspot.com/generic/1440x810/1 1440w, https://images.fastspot.com/generic/1220x686/1 1220w, https://images.fastspot.com/generic/980x552/1 980w, https://images.fastspot.com/generic/740x416/1 740w, https://images.fastspot.com/generic/500x282/1 500w, https://images.fastspot.com/generic/300x169/1 300w" sizes="(min-width: 1220px) 980px, (min-width: 980px) 921px, (min-width: 780px) 691px, (min-width: 380px) calc(96.05vw - 39px), calc(31.67vw + 193px)" src="https://images.fastspot.com/generic/300x169/1" alt="" loading="lazy" width="300" height="169">
<div class="video_embed_lazy_video lazy_video js-video-lazy-load " data-video-lazy-load='{"id":"XPjQhvjQbSM","type":"youtube","title":"Fastspot - Our Methodology","display":"inline","autoplay":false,"playerVars":{}}'>
<a class="lazy_video_toggle_btn js-play-btn" href="https://www.youtube.com/watch?v=XPjQhvjQbSM" aria-label="Play Fastspot - Our Methodology">
<svg class="icon icon_video_play">
<use href="/images/icons.svg#video_play" />
</svg>
</a>
<div class="lazy_video_iframe_wrap">
<div class="lazy_video_iframe_target js-iframe-target"></div>
</div>
</div>
</figure>
</div>
</div>
</div>
<!-- END: Video Embed -->
</div>
{% include '@partial-page-header' with {
page: page
} %}
<div class="full_width_callouts" id="page_content" tabindex="-1" aria-labelledby="page_header_title">
{% render '@component-accordion' with { page: page } %}
{% render '@component-card-group' with { page: page } %}
{% render '@component-resources-related' with { page: page } %}
{% render '@component-gallery' with { page: page } %}
{% render '@component-testimonial' with { page: page } %}
{% render '@component-link-group' with { page: page } %}
{% render '@component-events-related' with { page: page } %}
{% render '@component-contact-info' with { page: page } %}
{% render '@component-call-to-action' with { page: page } %}
{% render '@component-events-featured' with { page: page } %}
{% render '@component-people-related' with { page: page } %}
{% render '@component-topic-row' with { page: page } %}
{% render '@component-video-embed' with { page: page } %}
</div>
No notes defined.