<div class="page_content" id="page_content" tabindex="-1" aria-labelledby="page_title">
<div class="fs-row">
<div class="fs-cell">
<div class="spotlight_block">
<div class="spotlight_inner">
<div class="spotlight_header">
<span class="spotlight_logo">
<svg class="icon icon_logo_stacked">
<use href="/images/icons.svg#logo_stacked" />
</svg>
</span>
<h1 class="spotlight_title">Welcome to Johns Hopkins Facilities & Real Estate</h1>
<div class="spotlight_media spotlight_media_sm">
<picture class="spotlight_picture">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/framework/980x735/" width="980" height="735">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/framework/740x555/" width="740" height="555">
<img class="spotlight_image" src="//images.fastspot.com/framework/740x740/" alt="" loading="lazy" width="740" height="740">
</picture>
</div>
</div>
<div class="spotlight_main">
<div class="spotlight_links">
<a class="spotlight_link" href="#">
<span class="spotlight_link_inner">
<span class="spotlight_link_icon">
<svg class="icon icon_wrenches">
<use href="/images/icons.svg#wrenches" />
</svg>
</span>
<span class="spotlight_link_label">Request a Service</span>
<span class="spotlight_link_hint">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
<a class="spotlight_link" href="#">
<span class="spotlight_link_inner">
<span class="spotlight_link_icon">
<svg class="icon icon_parking_mini">
<use href="/images/icons.svg#parking_mini" />
</svg>
</span>
<span class="spotlight_link_label">Pay for Parking or Citation</span>
<span class="spotlight_link_hint">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
<a class="spotlight_link" href="#">
<span class="spotlight_link_inner">
<span class="spotlight_link_icon">
<svg class="icon icon_shuttle">
<use href="/images/icons.svg#shuttle" />
</svg>
</span>
<span class="spotlight_link_label">Real-Time Shuttle (Transloc)</span>
<span class="spotlight_link_hint">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
<div class="spotlight_media spotlight_media_lg">
<picture class="spotlight_picture">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/framework/1220x523/" width="1220" height="523">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/framework/980x552/" width="980" height="552">
<source media="(min-width: 740px)" srcset="https://images.fastspot.com/framework/740x416/" width="740" height="416">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/framework/500x282/" width="500" height="282">
<img class="spotlight_image" src="//images.fastspot.com/framework/300x169/" alt="" loading="lazy" width="300" height="169">
</picture>
</div>
</div>
</div>
</div>
<div class="page_content_inner">
<div class="alerties_block theme_orange">
<div class="alerties_inner">
<div class="alerties_header">
<h2 class="alerties_title">Current Alerts & Outages</h2>
<div class="alerties_view_all alerties_view_all_lg">
<a href="#" class="alerties_link">
<span class="alerties_link_inner">
<span class="alerties_link_label">View All</span>
<span class="alerties_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 class="alerties_body">
<div class="alerties_aside">
Active notices related to any disruptions to campus operations, maintenance, construction, and transportation activities.
</div>
<div class="alerties_main">
<div class="alerties">
<div class="alertie">
<div class="alertie_inner">
<div class="alertie_header">
<div class="alertie_header_inner">
<h3 class="alertie_title">
<a class="alertie_title_link" href="#">Wolman Hall Crane Lift Rescheduled</a>
</h3>
<div class="alertie_labels">
<ul class="labels">
<li class="label label_theme_default">
Capital Projects
</li>
</ul>
</div>
</div>
</div>
<div class="alertie_action">
<a href="#" class="alertie_link">
<span class="alertie_link_inner">
<span class="alertie_link_label">Read More</span>
<span class="alertie_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
<div class="alertie">
<div class="alertie_inner">
<div class="alertie_header">
<div class="alertie_header_inner">
<h3 class="alertie_title">
<a class="alertie_title_link" href="#">ADA Repairs to Begin on Homewood Campus</a>
</h3>
<div class="alertie_labels">
<ul class="labels">
<li class="label label_theme_default">
Capital Projects
</li>
</ul>
</div>
</div>
</div>
<div class="alertie_action">
<a href="#" class="alertie_link">
<span class="alertie_link_inner">
<span class="alertie_link_label">Read More</span>
<span class="alertie_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
<div class="alertie">
<div class="alertie_inner">
<div class="alertie_header">
<div class="alertie_header_inner">
<h3 class="alertie_title">
<a class="alertie_title_link" href="#">Bayview / Remington / Film Center Shuttles Service Alert</a>
</h3>
<div class="alertie_labels">
<ul class="labels">
<li class="label label_theme_default">
Capital Projects
</li>
</ul>
</div>
</div>
</div>
<div class="alertie_action">
<a href="#" class="alertie_link">
<span class="alertie_link_inner">
<span class="alertie_link_label">Read More</span>
<span class="alertie_link_icon" aria-hidden="true">
<svg class="icon icon_chevron_right">
<use href="/images/icons.svg#chevron_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="alerties_view_all alerties_view_all_sm">
<a href="#" class="alerties_link">
<span class="alerties_link_inner">
<span class="alerties_link_label">View All</span>
<span class="alerties_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>
<!-- Card Group -->
<div class="card_group">
<div class="card_group_body">
<ul class="card_group_items card_count_5">
<li class="card_group_item theme_orange">
<div class="card_group_item_body">
<span class="card_group_item_figure">
<svg class="icon icon_parking">
<use href="/images/icons.svg#parking" />
</svg>
</span>
<h2 class="card_group_item_title">
Transportation Services
</h2>
<div class="card_group_item_description typography">
<p>
<p>Manages transportation options for the university community, including shuttle services and parking facilities.</p>
<ul>
<li>request for parking</li>
<li>pay for citations</li>
<li>request transportion</li>
<li>appeal citation</li>
</p>
</div>
</div>
<div class="card_group_item_action">
<a href="#" class="card_group_item_link">
<span class="card_group_item_link_inner">
<span class="card_group_item_link_label">Transportation</span>
<span class="card_group_item_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</li>
<li class="card_group_item theme_red">
<div class="card_group_item_body">
<span class="card_group_item_figure">
<svg class="icon icon_property">
<use href="/images/icons.svg#property" />
</svg>
</span>
<h2 class="card_group_item_title">
Facility Operations
</h2>
<div class="card_group_item_description typography">
<p>
<p>Oversees the maintenance and repair of the university's buildings and infrastructure.</p>
<ul>
<li>request for parking</li>
<li>pay for citations</li>
<li>request transportion</li>
<li>appeal citation</li>
</p>
</div>
</div>
<div class="card_group_item_action">
<a href="#" class="card_group_item_link">
<span class="card_group_item_link_inner">
<span class="card_group_item_link_label">Facilities</span>
<span class="card_group_item_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</li>
<li class="card_group_item theme_blue">
<div class="card_group_item_body">
<span class="card_group_item_figure">
<svg class="icon icon_handshake">
<use href="/images/icons.svg#handshake" />
</svg>
</span>
<h2 class="card_group_item_title">
Capital Projects & Planning
</h2>
<div class="card_group_item_description typography">
<p>
<p>Responsible for planning and executing construction projects and renovations across the university's campuses.</p>
</p>
</div>
</div>
<div class="card_group_item_action">
<a href="#" class="card_group_item_link">
<span class="card_group_item_link_inner">
<span class="card_group_item_link_label">Capital Projects</span>
<span class="card_group_item_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</li>
<li class="card_group_item theme_yellow">
<div class="card_group_item_body">
<span class="card_group_item_figure">
<svg class="icon icon_insurance">
<use href="/images/icons.svg#insurance" />
</svg>
</span>
<h2 class="card_group_item_title">
Real Estate & Property Management
</h2>
<div class="card_group_item_description typography">
<p>
<p>Manages the university's real estate assets and portfolio, including leased properties, property acquisitions, and commercial space.</p>
</p>
</div>
</div>
<div class="card_group_item_action">
<a href="#" class="card_group_item_link">
<span class="card_group_item_link_inner">
<span class="card_group_item_link_label">Real Estate</span>
<span class="card_group_item_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</li>
<li class="card_group_item theme_green">
<div class="card_group_item_body">
<span class="card_group_item_figure">
<svg class="icon icon_globe">
<use href="/images/icons.svg#globe" />
</svg>
</span>
<h2 class="card_group_item_title">
Office of Sustainability
</h2>
<div class="card_group_item_description typography">
<p>Manages the university's real estate assets and portfolio, including leased properties, property acquisitions, and commercial space.</p>
</div>
</div>
<div class="card_group_item_action">
<a href="#" class="card_group_item_link">
<span class="card_group_item_link_inner">
<span class="card_group_item_link_label">Sustainability</span>
<span class="card_group_item_link_icon" aria-hidden="true">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
</span>
</a>
</div>
</li>
</ul>
</div>
</div>
<!-- END: Card Group -->
<div class="projects_block theme_default">
<div class="projects_inner">
<div class="projects_header">
<h2 class="projects_title">Our Projects</h2>
<div class="projects_view_all">
<a href="#" class="projects_link">
<span class="projects_link_inner">
<span class="projects_link_label">View All</span>
<span class="projects_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 class="projects_main">
<div class="projects">
<div class="project project-1">
<div class="project_inner">
<div class="project_header">
<h3 class="project_title">
<a class="project_title_link" href="#">Hopkins Student Center</a>
</h3>
<div class="project_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus egestas nibh rhoncus, pulvinar purus eget, sagittis felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus egestas nibh rhoncus, pulvinar purus eget, sagittis felis.
</div>
</div>
<div class="project_action">
<a href="#" class="project_link">
<span class="project_link_inner">
<span class="project_link_label">Read More</span>
<span class="project_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 class="project project-2">
<div class="project_inner">
<div class="project_header">
<h3 class="project_title">
<a class="project_title_link" href="#">The SNF Agora Building</a>
</h3>
<div class="project_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus egestas nibh rhoncus, pulvinar purus eget, sagittis felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus egestas nibh rhoncus, pulvinar purus eget, sagittis felis.
</div>
</div>
<div class="project_action">
<a href="#" class="project_link">
<span class="project_link_inner">
<span class="project_link_label">Read More</span>
<span class="project_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 class="project project-3">
<div class="project_inner">
<div class="project_header">
<h3 class="project_title">
<a class="project_title_link" href="#">Wyman Park Building Renovation</a>
</h3>
<div class="project_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus egestas nibh rhoncus, pulvinar purus eget, sagittis felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus egestas nibh rhoncus, pulvinar purus eget, sagittis felis.
</div>
</div>
<div class="project_action">
<a href="#" class="project_link">
<span class="project_link_inner">
<span class="project_link_label">Read More</span>
<span class="project_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 class="project project-4">
<div class="project_inner">
<div class="project_header">
<h3 class="project_title">
<a class="project_title_link" href="#">MSE Library Modernization Project</a>
</h3>
<div class="project_description">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus egestas nibh rhoncus, pulvinar purus eget, sagittis felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus egestas nibh rhoncus, pulvinar purus eget, sagittis felis.
</div>
</div>
<div class="project_action">
<a href="#" class="project_link">
<span class="project_link_inner">
<span class="project_link_label">Read More</span>
<span class="project_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 class="projects_tabs_lg">
<button class="js-swap project_tab project-1" data-swap-active="true" data-swap-target=".project-1" data-swap-group="projects" data-swap-options='{"collapse": false}'>
<span class="project_tab_media">
<img class="project_tab_image" srcset="https://images.fastspot.com/framework/500x375/1 500w, https://images.fastspot.com/framework/300x225/1 300w" src="https://images.fastspot.com/framework/300x225/1" alt="" loading="lazy" width="300" height="225">
</span>
<span class="project_tab_title">Hopkins Student Center</span>
</button>
<button class="js-swap project_tab project-2" data-swap-active="false" data-swap-target=".project-2" data-swap-group="projects" data-swap-options='{"collapse": false}'>
<span class="project_tab_media">
<img class="project_tab_image" srcset="https://images.fastspot.com/framework/500x375/2 500w, https://images.fastspot.com/framework/300x225/2 300w" src="https://images.fastspot.com/framework/300x225/2" alt="" loading="lazy" width="300" height="225">
</span>
<span class="project_tab_title">The SNF Agora Building</span>
</button>
<button class="js-swap project_tab project-3" data-swap-active="false" data-swap-target=".project-3" data-swap-group="projects" data-swap-options='{"collapse": false}'>
<span class="project_tab_media">
<img class="project_tab_image" srcset="https://images.fastspot.com/framework/500x375/3 500w, https://images.fastspot.com/framework/300x225/3 300w" src="https://images.fastspot.com/framework/300x225/3" alt="" loading="lazy" width="300" height="225">
</span>
<span class="project_tab_title">Wyman Park Building Renovation</span>
</button>
<button class="js-swap project_tab project-4" data-swap-active="false" data-swap-target=".project-4" data-swap-group="projects" data-swap-options='{"collapse": false}'>
<span class="project_tab_media">
<img class="project_tab_image" srcset="https://images.fastspot.com/framework/500x375/4 500w, https://images.fastspot.com/framework/300x225/4 300w" src="https://images.fastspot.com/framework/300x225/4" alt="" loading="lazy" width="300" height="225">
</span>
<span class="project_tab_title">MSE Library Modernization Project</span>
</button>
</div>
<div class="projects_tabs_sm">
<div class="projects_tab_mini project-1">
<button class="js-swap projects_tab_mini_button" data-swap-target=".project-4" data-swap-group="projects" data-swap-linked="project-4" data-swap-options='{"collapse": false}'>
<span class="projects_tab_mini_inner">
<span class="projects_tab_mini_icon">
<svg class="icon icon_arrow_left">
<use href="/images/icons.svg#arrow_left" />
</svg>
</span>
<span class="projects_tab_mini_label">Previous</span>
</span>
</button>
<button class="js-swap projects_tab_mini_button" data-swap-active="false" data-swap-target=".project-2" data-swap-group="projects" data-swap-linked="project-2" data-swap-options='{"collapse": false}'>
<span class="projects_tab_mini_inner">
<span class="projects_tab_mini_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
<span class="projects_tab_mini_label">Next</span>
</span>
</button>
</div>
<div class="projects_tab_mini project-2">
<button class="js-swap projects_tab_mini_button" data-swap-target=".project-1" data-swap-group="projects" data-swap-linked="project-1" data-swap-options='{"collapse": false}'>
<span class="projects_tab_mini_inner">
<span class="projects_tab_mini_icon">
<svg class="icon icon_arrow_left">
<use href="/images/icons.svg#arrow_left" />
</svg>
</span>
<span class="projects_tab_mini_label">Previous</span>
</span>
</button>
<button class="js-swap projects_tab_mini_button" data-swap-active="false" data-swap-target=".project-3" data-swap-group="projects" data-swap-linked="project-3" data-swap-options='{"collapse": false}'>
<span class="projects_tab_mini_inner">
<span class="projects_tab_mini_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
<span class="projects_tab_mini_label">Next</span>
</span>
</button>
</div>
<div class="projects_tab_mini project-3">
<button class="js-swap projects_tab_mini_button" data-swap-target=".project-2" data-swap-group="projects" data-swap-linked="project-2" data-swap-options='{"collapse": false}'>
<span class="projects_tab_mini_inner">
<span class="projects_tab_mini_icon">
<svg class="icon icon_arrow_left">
<use href="/images/icons.svg#arrow_left" />
</svg>
</span>
<span class="projects_tab_mini_label">Previous</span>
</span>
</button>
<button class="js-swap projects_tab_mini_button" data-swap-active="false" data-swap-target=".project-4" data-swap-group="projects" data-swap-linked="project-4" data-swap-options='{"collapse": false}'>
<span class="projects_tab_mini_inner">
<span class="projects_tab_mini_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
<span class="projects_tab_mini_label">Next</span>
</span>
</button>
</div>
<div class="projects_tab_mini project-4">
<button class="js-swap projects_tab_mini_button" data-swap-target=".project-3" data-swap-group="projects" data-swap-linked="project-3" data-swap-options='{"collapse": false}'>
<span class="projects_tab_mini_inner">
<span class="projects_tab_mini_icon">
<svg class="icon icon_arrow_left">
<use href="/images/icons.svg#arrow_left" />
</svg>
</span>
<span class="projects_tab_mini_label">Previous</span>
</span>
</button>
<button class="js-swap projects_tab_mini_button" data-swap-active="true" data-swap-target=".project-1" data-swap-group="projects" data-swap-linked="project-1" data-swap-options='{"collapse": false}'>
<span class="projects_tab_mini_inner">
<span class="projects_tab_mini_icon">
<svg class="icon icon_arrow_right">
<use href="/images/icons.svg#arrow_right" />
</svg>
</span>
<span class="projects_tab_mini_label">Next</span>
</span>
</button>
</div>
</div>
</div>
<div class="project_medias">
<div class="project_media project-1">
<picture class="project_picture">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/framework/1220x686/1" width="1220" height="686">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/framework/980x552/1" width="980" height="552">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/framework/740x740/1" width="740" height="740">
<img class="project_image" src="//images.fastspot.com/framework/555x740/1" alt="" loading="lazy" width="555" height="740">
</picture>
</div>
<div class="project_media project-2">
<picture class="project_picture">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/framework/1220x686/2" width="1220" height="686">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/framework/980x552/2" width="980" height="552">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/framework/740x740/2" width="740" height="740">
<img class="project_image" src="//images.fastspot.com/framework/555x740/2" alt="" loading="lazy" width="555" height="740">
</picture>
</div>
<div class="project_media project-3">
<picture class="project_picture">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/framework/1220x686/3" width="1220" height="686">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/framework/980x552/3" width="980" height="552">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/framework/740x740/3" width="740" height="740">
<img class="project_image" src="//images.fastspot.com/framework/555x740/3" alt="" loading="lazy" width="555" height="740">
</picture>
</div>
<div class="project_media project-4">
<picture class="project_picture">
<source media="(min-width: 1220px)" srcset="https://images.fastspot.com/framework/1220x686/4" width="1220" height="686">
<source media="(min-width: 980px)" srcset="https://images.fastspot.com/framework/980x552/4" width="980" height="552">
<source media="(min-width: 500px)" srcset="https://images.fastspot.com/framework/740x740/4" width="740" height="740">
<img class="project_image" src="//images.fastspot.com/framework/555x740/4" alt="" loading="lazy" width="555" height="740">
</picture>
</div>
</div>
</div>
</div>
<!-- Link Group -->
<div class="link_group">
<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="#">
<span class="link_group_link_inner">
<span class="link_group_link_label">Standard Link With Title</span>
</span>
</a>
</li>
<li class="link_group_item">
<a class="link_group_link" href="#">
<span class="link_group_link_inner">
<span class="link_group_link_label">Standard Link With Title</span>
</span>
</a>
</li>
<li class="link_group_item">
<a class="link_group_link" href="#">
<span class="link_group_link_inner">
<span class="link_group_link_label">Ipsum Consectetur Pharetra Purus Quam Consectetur Pharetra</span>
</span>
</a>
</li>
<li class="link_group_item">
<a class="link_group_link" href="#">
<span class="link_group_link_inner">
<span class="link_group_link_label">Standard Link With Title</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">External Link With Title</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">File Link With Title</span>
<span class="link_group_link_icon">
<svg class="icon icon_file">
<use href="/images/icons.svg#file" />
</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">Ipsum Consectetur Pharetra Purus Quam Consectetur Pharetra</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="#">
<span class="link_group_link_inner">
<span class="link_group_link_label">Standard Link With Title</span>
</span>
</a>
</li>
</ul>
</div>
</div>
<!-- END: Link Group -->
</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">
{% render '@component-spotlight' %}
<div class="page_content_inner">
{% render '@component-alerts' with {
theme: 'orange',
viewAll: true,
pagination: false,
} %}
{% render '@component-card-group' with {
title: '',
description: '',
items: [
{
theme: 'orange',
icon: 'parking',
title: 'Transportation Services',
description: '<p>Manages transportation options for the university community, including shuttle services and parking facilities.</p><ul><li>request for parking</li><li>pay for citations</li><li>request transportion</li><li>appeal citation</li>',
link: {
url: '#',
title: 'Transportation',
icon: 'arrow_right',
}
},
{
theme: 'red',
icon: 'property',
title: 'Facility Operations',
description: '<p>Oversees the maintenance and repair of the university\'s buildings and infrastructure.</p><ul><li>request for parking</li><li>pay for citations</li><li>request transportion</li><li>appeal citation</li>',
link: {
url: '#',
title: 'Facilities',
icon: 'arrow_right',
}
},
{
theme: 'blue',
icon: 'handshake',
title: 'Capital Projects & Planning',
description: '<p>Responsible for planning and executing construction projects and renovations across the university\'s campuses.</p>',
link: {
url: '#',
title: 'Capital Projects',
icon: 'arrow_right',
}
},
{
theme: 'yellow',
icon: 'insurance',
title: 'Real Estate & Property Management',
description: '<p>Manages the university\'s real estate assets and portfolio, including leased properties, property acquisitions, and commercial space.</p>',
link: {
url: '#',
title: 'Real Estate',
icon: 'arrow_right',
}
},
{
theme: 'green',
icon: 'globe',
title: 'Office of Sustainability',
description: 'Manages the university\'s real estate assets and portfolio, including leased properties, property acquisitions, and commercial space.',
link: {
url: '#',
title: 'Sustainability',
icon: 'arrow_right',
}
}
]
} %}
{% render '@component-projects' %}
{% render '@component-link-group' %}
</div>
</div>
</div>
</div>
No notes defined.