<div class="page_header_bg theme_site_theme">
<div class="page_header_bg_inner">
<div class="page_header_bg_group">
<div class="page_header_bg_content">
<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">Academics</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">General Content</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_bg_media">
<div class="page_header_bg_media_inner">
<img class="page_header_bg_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" src="https://images.fastspot.com/generic/300x169/1" alt="" loading="eager" width="300" height="169">
</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-19">
<div class="sub_nav_header">
<h2 class="sub_nav_title" id="basic_nav_title-19">Explore This Section</h2>
</div>
<ul class="sub_nav_list" aria-labelledby="basic_nav_title-19">
<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>
<li class="sub_nav_item">
<a class="sub_nav_link" href="#">
<div class="sub_nav_link_inner">
<span class="sub_nav_link_label">Facts & Stats</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">Education</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">People</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">Initiative and Efforts</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-15">
<div class="toggle_nav_header sub_nav_header">
<h2 class="toggle_nav_title sub_nav_title" id="toggle_nav_title-15">General Content</h2>
</div>
<ul class="js-nav-toggle-list js-sub-nav-list toggle_nav_list sub_nav_list" aria-labelledby="toggle_nav_title-15">
<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>
<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">Facts & Stats</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">Education</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">People</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">Initiative and Efforts</span>
</div>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="page_content" id="page_content" tabindex="-1" aria-labelledby="page_header_title">
<div class="fs-row">
<div class="fs-cell">
<!-- WYSIWYG -->
<div class="wysiwyg_block_inner typography">
<h2>Lorem Media BG Image</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>
<!-- END: WYSIWYG -->
</div>
</div>
</section>
<div class="full_width_callouts">
<!-- Gallery -->
<div class="gallery theme_site_theme">
<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 -->
<!-- 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 -->
<!-- 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 -->
</div>
{% include '@partial-page-header--bg' with {
page: page
} %}
<section class="page_content" id="page_content" tabindex="-1" aria-labelledby="page_header_title">
<div class="fs-row">
<div class="fs-cell">
<!-- WYSIWYG -->
<div class="wysiwyg_block_inner typography">
<h2>Lorem Media BG Image</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>
<!-- END: WYSIWYG -->
</div>
</div>
</section>
<div class="full_width_callouts">
{% render '@component-gallery' %}
{% render '@component-link-group' %}
{% render '@component-contact-info' %}
</div>
No notes defined.