<!--UCPA Emergency Banner Alert-->
<div id="emergencyalert">
<div id="AppArmorAlertID_2"></div>
<script type="text/javascript" src="//lehigh.apparmor.com/Notifications/Feeds/Javascript/?AlertID=2" async></script>
</div>
<!--End UCPA Emergency Banner Alert-->
<header class="header">
<div class="container-fluid">
<div class="row logo-wrapper">
<button class="navbar-toggler main-button" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"><i class="fas fa-bars icon-default"><span class="sr-only">Open menu</span></i><i class="fa fa-times icon-hover"><span class="sr-only"><span>Close menu</span></i></span>
</button>
<div class="logo">
<picture class="image lehigh-logo e11y-ok">
<a href="" class="logo__link">
<img class="web" src="" alt="Lehigh University logo" width="200" height="43" />
<span class="u-a11y-text">Go to homepage</span>
</a>
</picture>
</div><!-- end logo -->
<div class="mobile-search">
<button role="button" class="btn search_icon"><i class="fas fa-search"></i><span class="sr-only">Open search bar</span></button>
</div><!-- end mobile-search -->
</div>
</div>
<div class="header-wrapper container-fluid">
<div class="row">
<div class="col title">
<span class="site-title"><a href=""></a></span>
</div><!-- title -->
</div>
<div class="navigation-wrapper">
</div><!-- end navigation-wrapper -->
</div><!-- end header-wrapper -->
</header>
<main class="d-print-block accent-">
<a id="main-content" tabindex="-1"></a>
<div class="container-fluid">
<div class="row justify-content-center">
<div class="content-top col-12 col-md-9 col-print-12 ">
<h1 class="page-title">This is a Content-Only Page</h1>
<nav aria-label="breadcrumb">
<h2 id="system-breadcrumb" class="sr-only">Breadcrumb</h2>
<ol class="breadcrumb">
<li class="breadcrumb-item active"><a href="#">Active Link 1</a></li>
<li class="breadcrumb-item active"><a href="#">Active Link 2</a></li>
<li class="breadcrumb-item">Current Page</li>
</ol>
</nav>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row justify-content-center">
<section class="main-content col-12 col-print-12">
<article>
<p><a href='#'>Lorem ipsum</a> dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Risus nullam eget felis eget nunc. Vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Turpis egestas sed tempus urna et pharetra pharetra massa massa. Vulputate dignissim suspendisse in est ante in. Lorem ipsum dolor sit amet. Quis viverra nibh cras pulvinar. Mauris ultrices eros in cursus turpis massa. Nisl suscipit adipiscing bibendum est ultricies integer. Sit amet facilisis magna etiam tempor orci eu lobortis. Urna et pharetra pharetra massa massa ultricies mi quis.</p>
<h2>Heading 2</h2>
<p>Eu mi bibendum neque egestas congue quisque egestas. Pretium fusce id velit ut tortor pretium viverra suspendisse. Tempus egestas sed sed risus pretium quam vulputate. Malesuada fames ac turpis egestas integer eget aliquet nibh. Venenatis cras sed felis eget. Quam vulputate dignissim suspendisse in. Quisque sagittis purus sit amet. Bibendum ut tristique et egestas quis ipsum. Non enim praesent elementum facilisis leo vel. Sed id semper risus in hendrerit gravida rutrum quisque non. Semper viverra nam libero justo laoreet sit amet. Nunc vel risus commodo viverra. Porttitor eget dolor morbi non arcu risus quis varius. Sed enim ut sem viverra aliquet. Augue mauris augue neque gravida in fermentum et. Tellus pellentesque eu tincidunt tortor. Dignissim diam quis enim lobortis scelerisque fermentum.</p>
</article>
</section>
</div><!-- end row -->
</div><!-- end container-fluid -->
</main>
<footer id="site_footer">
<div class="footer_wrapper">
<div class="row">
<script src="/files/lehigh_footer-clutch-min.js"></script>
<!-- region for footer-main -->
<section class="department_footer">
<!-- Single block styled as department footer -->
<h2></h2>
<ul class="social-media">
</ul>
<ul class="contact-info">
</ul>
</section>
<!-- endregion for footer-main -->
<!-- region for footer-group -->
<!-- endregion for footer-group -->
</div>
<div class="row">
<div class="dark-toggle">
<div class="moon">
<span class="sr-only">Dark mode toggle on and off switch</span>
</div>
</div>
</div>
</div>
</footer>
{% extends '@base_layout' %}
{% block region_main %}
<article>
{{ page_content }}
</article>
{% endblock region_main %}
{
"has_sidebar": false,
"bread_items": {
"1": {
"text": "Active Link 1",
"url": "#"
},
"2": {
"text": "Active Link 2",
"url": "#"
},
"3": {
"text": "Current Page",
"url": ""
}
},
"page_header": "This is a Content-Only Page",
"page_content": "<p><a href='#'>Lorem ipsum</a> dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Risus nullam eget felis eget nunc. Vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Turpis egestas sed tempus urna et pharetra pharetra massa massa. Vulputate dignissim suspendisse in est ante in. Lorem ipsum dolor sit amet. Quis viverra nibh cras pulvinar. Mauris ultrices eros in cursus turpis massa. Nisl suscipit adipiscing bibendum est ultricies integer. Sit amet facilisis magna etiam tempor orci eu lobortis. Urna et pharetra pharetra massa massa ultricies mi quis.</p> <h2>Heading 2</h2> <p>Eu mi bibendum neque egestas congue quisque egestas. Pretium fusce id velit ut tortor pretium viverra suspendisse. Tempus egestas sed sed risus pretium quam vulputate. Malesuada fames ac turpis egestas integer eget aliquet nibh. Venenatis cras sed felis eget. Quam vulputate dignissim suspendisse in. Quisque sagittis purus sit amet. Bibendum ut tristique et egestas quis ipsum. Non enim praesent elementum facilisis leo vel. Sed id semper risus in hendrerit gravida rutrum quisque non. Semper viverra nam libero justo laoreet sit amet. Nunc vel risus commodo viverra. Porttitor eget dolor morbi non arcu risus quis varius. Sed enim ut sem viverra aliquet. Augue mauris augue neque gravida in fermentum et. Tellus pellentesque eu tincidunt tortor. Dignissim diam quis enim lobortis scelerisque fermentum.</p>",
"ctas": {
"1": {
"title": "Push the Button!",
"body_content": "Nunc pulvinar sapien et ligula ullamcorper malesuada. Fermentum posuere urna nec tincidunt praesent. Fermentum iaculis eu non diam phasellus vestibulum lorem. Feugiat sed lectus vestibulum mattis ullamcorper velit sed.",
"cta_color": "teal",
"buttons": [
{
"text": "Viking Horn",
"audio_src": "/audio/vikinghorn.mp3",
"sound": "viking",
"url": "#"
}
]
},
"2": {
"title": "Push the Button!",
"body_content": "ɯoʇ ɟo ʇno dɐɹɔ ǝɥʇ ǝɹɐɔs sˌʇǝๅ. ɯoʇ ɟo ʇno dɐɹɔ ǝɥʇ ǝɹɐɔs sˌʇǝๅ. ɯoʇ ɟo ʇno dɐɹɔ ǝɥʇ ǝɹɐɔs sˌʇǝๅ. ɯoʇ ɟo ʇno dɐɹɔ ǝɥʇ ǝɹɐɔs sˌʇǝๅ. ɯoʇ ɟo ʇno dɐɹɔ ǝɥʇ ǝɹɐɔs sˌʇǝๅ. ɯoʇ ɟo ʇno dɐɹɔ ǝɥʇ ǝɹɐɔs sˌʇǝๅ. ɯoʇ ɟo ʇno dɐɹɔ ǝɥʇ ǝɹɐɔs sˌʇǝๅ. ɯoʇ ɟo ʇno dɐɹɔ ǝɥʇ ǝɹɐɔs sˌʇǝๅ. ɯoʇ ɟo ʇno dɐɹɔ ǝɥʇ ǝɹɐɔs sˌʇǝๅ. ɯoʇ ɟo ʇno dɐɹɔ ǝɥʇ ǝɹɐɔs sˌʇǝๅ. ɯoʇ ɟo ʇno dɐɹɔ ǝɥʇ ǝɹɐɔs sˌʇǝๅ. ɯoʇ ɟo ʇno dɐɹɔ ǝɥʇ ǝɹɐɔs sˌʇǝๅ.",
"cta_color": "beige",
"buttons": [
{
"text": "DJ Horn",
"audio_src": "/audio/dj-airhorn-sound-effect-kingbeatz_1.mp3",
"sound": "dj",
"url": "#"
}
]
},
"3": {
"title": "Push the Button!",
"body_content": "Nunc pulvinar sapien et ligula ullamcorper malesuada. Fermentum posuere urna nec tincidunt praesent. Fermentum iaculis eu non diam phasellus vestibulum lorem. Feugiat sed lectus vestibulum mattis ullamcorper velit sed.",
"cta_color": "dark_grey",
"buttons": [
{
"text": "Whistle",
"audio_src": "/audio/old-spice-whistle-hq.mp3",
"sound": "old_spice",
"url": "#"
}
]
},
"4": {
"title": "Push the Button!",
"body_content": "Nunc pulvinar sapien et ligula ullamcorper malesuada. Fermentum posuere urna nec tincidunt praesent. Fermentum iaculis eu non diam phasellus vestibulum lorem. Feugiat sed lectus vestibulum mattis ullamcorper velit sed.",
"cta_color": "blue",
"buttons": [
{
"text": "Hee Hee",
"audio_src": "/audio/hehehehhehehehhehehheheehehe.mp3",
"sound": "mj",
"url": "#"
}
]
},
"5": {
"title": "Push the Button!",
"body_content": "Nunc pulvinar sapien et ligula ullamcorper malesuada. Fermentum posuere urna nec tincidunt praesent. Fermentum iaculis eu non diam phasellus vestibulum lorem. Feugiat sed lectus vestibulum mattis ullamcorper velit sed.",
"cta_color": "lehigh",
"buttons": [
{
"text": "You're Welcome",
"audio_src": "/audio/yourewelcomeclipmoanaringtone.mp3",
"sound": "moana",
"url": "#"
}
]
},
"6": {
"title": "Push the Button!",
"body_content": "Nunc pulvinar sapien et ligula ullamcorper malesuada. Fermentum posuere urna nec tincidunt praesent. Fermentum iaculis eu non diam phasellus vestibulum lorem. Feugiat sed lectus vestibulum mattis ullamcorper velit sed.",
"cta_color": "dark_blue",
"buttons": [
{
"text": "Intro",
"audio_src": "/audio/Intro_Circle_of_Life.mp3",
"sound": "lion",
"url": "#"
}
]
}
},
"page_content_2": "<p>Nunc pulvinar sapien et ligula ullamcorper malesuada. Fermentum posuere urna nec tincidunt praesent. Fermentum iaculis eu non diam phasellus vestibulum lorem. Feugiat sed lectus vestibulum mattis ullamcorper velit sed. Posuere sollicitudin aliquam ultrices sagittis. Pellentesque sit amet porttitor eget dolor. Nunc id cursus metus aliquam eleifend mi in. Vel quam elementum pulvinar etiam non. Scelerisque in dictum non consectetur a erat. In hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Est ultricies integer quis auctor. Commodo viverra maecenas accumsan lacus. Viverra nibh cras pulvinar mattis nunc sed blandit. Nisl vel pretium lectus quam id leo in vitae. Volutpat odio facilisis mauris sit amet massa vitae tortor. Consectetur lorem donec massa sapien. Sed ullamcorper morbi tincidunt ornare massa.</p> <p>Leo urna molestie at elementum eu facilisis sed odio. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum. Nulla malesuada pellentesque elit eget gravida. Elit sed vulputate mi sit. Enim ut tellus elementum sagittis vitae et leo. In nisl nisi scelerisque eu. Interdum varius sit amet mattis vulputate. Feugiat vivamus at augue eget arcu dictum. Scelerisque eleifend donec pretium vulputate sapien. Netus et malesuada fames ac turpis egestas integer. Commodo elit at imperdiet dui accumsan sit amet. Aliquet sagittis id consectetur purus ut faucibus. Velit dignissim sodales ut eu sem integer vitae. Rutrum tellus pellentesque eu tincidunt.</p> <p>Velit sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Eget magna fermentum iaculis eu. Elit sed vulputate mi sit amet mauris commodo quis. Elit at imperdiet dui accumsan sit amet. Quisque id diam vel quam elementum. Scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus. Purus sit amet volutpat consequat mauris nunc. Dolor sit amet consectetur adipiscing. Viverra nibh cras pulvinar mattis nunc. Est placerat in egestas erat. Non pulvinar neque laoreet suspendisse interdum consectetur. Faucibus ornare suspendisse sed nisi lacus sed viverra. Elit ut aliquam purus sit amet luctus venenatis lectus. Odio morbi quis commodo odio. Tincidunt id aliquet risus feugiat in ante metus. Sollicitudin tempor id eu nisl nunc mi ipsum faucibus vitae. Nisi quis eleifend quam adipiscing. Interdum velit laoreet id donec ultrices tincidunt arcu non.</p>"
}
This shows a page that does not have a sidebar.