<a class="skip-link" href="#main-content">Skip To Main Content</a>
<div class="off-canvas">
<div class="max-bound">
<header class="site-header site-header--ecosystem">
<div class="site-header__top">
<div class="site-header__logo-name-wrap">
<a href="https://www.iastate.edu/" class="site-header__logo">
<img src="https://cdn.theme.iastate.edu/img/iastate22/iowa-state-university-logo-no-tagline-red.svg" alt="Iowa State University" loading="lazy" width="224" height="17">
</a>
<a class="site-header__parent-unit-name" href="https://www.iastate.edu/">Parent Unit Name Lorem Ipsum</a> </div>
<div class="site-header__website-title"><a href="#">Website Title Lorem Ipsum Even Longer Lorem Ipsum</a></div>
<div class="site-header__utility-search-wrap">
<nav class="site-header__utility" aria-label="Utility">
<ul>
<li>
<a href="https://www.iastate.edu/">Util 1</a>
</li>
<li>
<a href="https://www.iastate.edu/">Util 2</a>
</li>
<li>
<a href="https://www.iastate.edu/">Util 3</a>
</li>
<li>
<a href="https://www.iastate.edu/">Util 4</a>
</li>
<li>
<a href="https://www.iastate.edu/">Util 5</a>
</li>
<li>
<a href="https://www.iastate.edu/">Sign Ons and Tools</a>
</li>
</ul>
</nav>
<div class="site-header__search">
<a href="#site-search" class="site-header__search-toggle">
<span class="visible-for-screen-readers">Search</span>
<span class="fak fa-iastate22-magnifying-glass" aria-hidden="true"></span>
</a>
<a href="#" class="site-header__search-close">
<span class="visible-for-screen-readers">Close Search</span>
<span class="fa-light fa-xmark"></span>
</a>
<form class="site-header__search-form-desktop">
<label class="visible-for-screen-readers" for="searchDesktop">Search</label>
<input type="search" id="searchDesktop" name="search" placeholder="Search">
<button type="submit"><span class="fak fa-iastate22-magnifying-glass" aria-hidden="true"></span><span class="visible-for-screen-readers">Submit Search</span></button>
</form>
</div>
<a class="site-header__utility-button" href="https://www.iastate.edu/">Button<span></span></a> </div>
</div>
<div class="site-header__main">
<a href="#site-header-mega-menu" class="site-header__mega-menu-open" role="button" aria-controls="site-header-mega-menu">
<span class="visible-for-screen-readers">Toggle Menu</span>
<span class="site-header__mega-menu-open-line-wrap">
<span></span>
<span></span>
<span></span>
</span>
</a>
<div class="site-header__mega-menu" id="site-header-mega-menu">
<div class="site-header__mega-menu-inner">
<div class="site-header__mega-menu-scroller">
<noscript>
<a href="#" role="button" class="nojs-close-menu">Close Main Menu</a>
</noscript>
<div>
<div class="site-header__mega-menu-main">
<div class="site-header__mega-menu-max-bound">
<div class="site-header__website-title"><a href="#">Website Title Lorem Ipsum Even Longer Lorem Ipsum</a></div>
<nav class="site-header__mega-menu-main-nav" aria-label="Main">
<ul>
<li>
<a href="https://www.iastate.edu/">Primary Nav 1</a>
<ul class="two-column-dropdown">
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Minim adipiscing, eu est adipiscing elit do minim.<span class="arrow"></span></a>
</li>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Tempor nulla velit lorem, ullamco quis qui non. Lorem ullamco quis, qui non eiusmod ullamco anim. Qui non eiusmod ullamco<span class="arrow"></span></a>
</li>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
</ul>
</li>
<li>
<a href="https://www.iastate.edu/">Primary Nav 2</a>
<ul>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
</ul>
</li>
<li>
<a href="https://www.iastate.edu/">Primary Nav 3</a>
<ul>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
</ul>
</li>
<li>
<a href="https://www.iastate.edu/">Primary Nav 4</a>
<ul>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
</ul>
</li>
<li>
<a href="https://www.iastate.edu/">Primary Nav 5</a>
<ul>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
</ul>
</li>
<li>
<a href="https://www.iastate.edu/">Primary Nav 6</a>
<ul>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
</ul>
</li>
<li>
<a href="https://www.iastate.edu/">Primary Nav 7</a>
<ul>
<li>
<a class="link-tertiary" href="https://www.iastate.edu/">Principles of Community<span class="arrow"></span></a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<div class="site-header__mega-menu-secondary">
<div class="site-header__mega-menu-max-bound">
<nav class="site-header__mega-menu-utility" aria-label="Utility">
<ul>
<li>
<a href="https://www.iastate.edu/">Util 1</a>
</li>
<li>
<a href="https://www.iastate.edu/">Util 2</a>
</li>
<li>
<a href="https://www.iastate.edu/">Util 3</a>
</li>
<li>
<a href="https://www.iastate.edu/">Util 4</a>
</li>
<li>
<a href="https://www.iastate.edu/">Util 5</a>
</li>
<li>
<a href="https://www.iastate.edu/">Sign Ons and Tools</a>
</li>
</ul>
<a class="site-header__utility-button" href="https://www.iastate.edu/">Button<span></span></a>
<form class="site-header__search-form-mobile">
<label class="visible-for-screen-readers" for="searchMobile">Search</label>
<input type="search" id="searchMobile" name="search" placeholder="Search">
<button type="submit"><span class="fak fa-iastate22-magnifying-glass" aria-hidden="true"></span><span class="visible-for-screen-readers">Submit Search</span></button>
</form>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<main id="main-content">
<div class="outer-pad">
<p class="iastate-article__back-btn"><a href="#">View All Events</a></p>
<div class="hero--event-detail text-content">
<h1 class="hero--event-detail__headline">Event Title Lorem Ipsum Dolor Sit</h1>
<div class="hero--event-detail__media">
<img src="../../img/Article_Hero.jpg" alt="">
</div>
</div>
<div class="paragraph-widget paragraph-widget--event-details">
<div class="event-details">
<dl class="event-details__wrap">
<dt>
<span class="icon"><svg id='SVG_Time_Icon' xmlns='http://www.w3.org/2000/svg' width='42.262' height='42.304' viewBox='0 0 42.262 42.304'><path id='Oval_27_-_Outline' data-name='Oval 27 - Outline' d='M21.131,2A19.156,19.156,0,0,0,7.6,34.695,19.141,19.141,0,0,0,34.658,7.609,19,19,0,0,0,21.131,2m0-2A21.152,21.152,0,1,1,0,21.152,21.141,21.141,0,0,1,21.131,0Z' transform='translate(0)' /><path id='Path_3472' data-name='Path 3472' d='M5756.131,1591.968a1,1,0,0,1-1-1v-13.16a1,1,0,1,1,2,0V1589.5l8.839-3.465a1,1,0,1,1,.729,1.862l-10.2,4A1,1,0,0,1,5756.131,1591.968Z' transform='translate(-5735 -1567.816)' /></svg></span>
<span class="visible-for-screen-readers">Time</span>
</dt>
<dd>
<p>Wednesday, 04 Jan 2023 from 1:00 pm to 2:00 pm
<p>
</dd>
<dt>
<span class="icon"><svg xmlns='http://www.w3.org/2000/svg' width='42.262' height='42.304' viewBox='0 0 42.262 42.304'><g id='SVG_Location_Icon' transform='translate(7.5 8.5)'><path id='Oval_27_-_Outline' data-name='Oval 27 - Outline' d='M21.131,2A19.156,19.156,0,0,0,7.6,34.695,19.141,19.141,0,0,0,34.658,7.609,19,19,0,0,0,21.131,2m0-2A21.152,21.152,0,1,1,0,21.152,21.141,21.141,0,0,1,21.131,0Z' transform='translate(-7.5 -8.5)' /><path id='Path_3472' data-name='Path 3472' d='M13.5.7a9.811,9.811,0,0,1,9.8,9.8,12.133,12.133,0,0,1-1.495,5.507,24.387,24.387,0,0,1-3.2,4.639,35.36,35.36,0,0,1-4.616,4.486.8.8,0,0,1-.982,0,35.36,35.36,0,0,1-4.616-4.486,24.387,24.387,0,0,1-3.2-4.639A12.133,12.133,0,0,1,3.7,10.5,9.811,9.811,0,0,1,13.5.7Zm0,22.764c1.838-1.557,8.2-7.354,8.2-12.964a8.2,8.2,0,1,0-16.4,0C5.3,16.117,11.661,21.908,13.5,23.464Z' /><path id='Path_3473' data-name='Path 3473' d='M16.5,9.7a3.8,3.8,0,1,1-3.8,3.8A3.8,3.8,0,0,1,16.5,9.7Zm0,6a2.2,2.2,0,1,0-2.2-2.2A2.2,2.2,0,0,0,16.5,15.7Z' transform='translate(-3 -3)' /></g></svg></span>
<span class="visible-for-screen-readers">Location</span>
</dt>
<dd>
<p>Location sint occaecat cupidatat
<p>
</dd>
<dt>
<span class="icon"><svg xmlns='http://www.w3.org/2000/svg' width='42.262' height='42.304' viewBox='0 0 42.262 42.304'><g transform='translate(-298 -1613.348)'><path data-name='Oval 27 - Outline' d='M21.131,2A19.156,19.156,0,0,0,7.6,34.695,19.141,19.141,0,0,0,34.658,7.609,19,19,0,0,0,21.131,2m0-2A21.152,21.152,0,1,1,0,21.152,21.141,21.141,0,0,1,21.131,0Z' transform='translate(298 1613.348)' /><g data-name='Group 5276' transform='translate(-32.555 26.576)'><path data-name='Path 3471' d='M12.74,20.571a7.247,7.247,0,0,1-2.729-.533,5.429,5.429,0,0,1-3.374-3.82A.8.8,0,0,1,8.2,15.856a3.854,3.854,0,0,0,2.423,2.7,5.032,5.032,0,0,0,4.314-.136,2.815,2.815,0,0,0,1.238-2.848,2.7,2.7,0,0,0-1.3-1.62,9.137,9.137,0,0,0-3.995-1.1A4.488,4.488,0,0,1,8.3,11.821,3.84,3.84,0,0,1,7.047,9.71,3.963,3.963,0,0,1,9.1,5.387a6.2,6.2,0,0,1,4.8-.449,5.568,5.568,0,0,1,3.316,3.223.8.8,0,1,1-1.468.636,3.963,3.963,0,0,0-2.359-2.343,4.59,4.59,0,0,0-3.5.328A2.358,2.358,0,0,0,8.611,9.373a2.535,2.535,0,0,0,2.4,1.888,10.663,10.663,0,0,1,4.7,1.336,4.287,4.287,0,0,1,2.007,2.6,4.382,4.382,0,0,1-1.939,4.578A5.757,5.757,0,0,1,12.74,20.571Z' transform='translate(339.461 1595.315)' /><path data-name='Line 166' d='M0,18.978a.8.8,0,0,1-.8-.8V0A.8.8,0,0,1,0-.8.8.8,0,0,1,.8,0V18.178A.8.8,0,0,1,0,18.978Z' transform='translate(351.686 1598.835)' /></g></g></svg></span>
<span class="visible-for-screen-readers">Price</span>
</dt>
<dd>
<p>Free
<p>
</dd>
<dt>
<span class="icon"><svg xmlns='http://www.w3.org/2000/svg' width='42.304' height='42.304' viewBox='0 0 42.304 42.304'><g id='Group_5123' data-name='Group 5123' transform='translate(-769 -2419.985)'><g id='WinterFest_-_Memorial_Union-9' data-name='WinterFest - Memorial Union-9' transform='translate(769 2419.985)'><path id='Oval_27_-_Outline' data-name='Oval 27 - Outline' d='M21.131,2A19.152,19.152,0,1,0,34.658,7.609,19.156,19.156,0,0,0,21.131,2m0-2A21.152,21.152,0,1,1,0,21.152,21.152,21.152,0,0,1,21.131,0Z' fill='#c8102e'/></g><g id='Group_5122' data-name='Group 5122' transform='translate(0.93)'><g id='Group_5120' data-name='Group 5120' transform='translate(55.438 -9.314)'><path id='Subtraction_1' data-name='Subtraction 1' d='M-12634.678,18433.834a9.77,9.77,0,0,1-9.762-9.758,9.773,9.773,0,0,1,9.762-9.762,9.773,9.773,0,0,1,9.762,9.762,9.717,9.717,0,0,1-.493,3.064l-1.287-.941a8.223,8.223,0,0,0,.276-2.123,8.268,8.268,0,0,0-8.258-8.262,8.268,8.268,0,0,0-8.258,8.262,8.266,8.266,0,0,0,8.258,8.258,8.279,8.279,0,0,0,1.989-.242v.279a1.791,1.791,0,0,0,.426,1.16A9.771,9.771,0,0,1-12634.678,18433.834Z' transform='translate(13368.462 -15974.164)' fill='#c8102e'/><path id='Subtraction_2' data-name='Subtraction 2' d='M-12639.841,18433.834c-1.349,0-2.56-1.1-3.409-3.1a17.5,17.5,0,0,1-1.189-6.662,17.5,17.5,0,0,1,1.189-6.666c.852-2,2.063-3.1,3.409-3.1s2.558,1.1,3.414,3.1a17.311,17.311,0,0,1,1.182,6.338,1.749,1.749,0,0,0-.807-.2,1.8,1.8,0,0,0-.693.139,15.663,15.663,0,0,0-1.064-5.693c-.584-1.367-1.344-2.184-2.031-2.184s-1.442.816-2.031,2.184a16.036,16.036,0,0,0-1.063,6.078,16.022,16.022,0,0,0,1.063,6.074c.589,1.367,1.349,2.184,2.031,2.184s1.415-.783,1.994-2.1v2.135a1.764,1.764,0,0,0,.07.5A2.873,2.873,0,0,1-12639.841,18433.834Z' transform='translate(13373.623 -15974.164)' fill='#c8102e'/><path id='Line_152' data-name='Line 152' d='M17.05.75H0V-.75H17.05Z' transform='translate(725.231 2446.82)' fill='#c8102e'/><path id='Subtraction_3' data-name='Subtraction 3' d='M-12633.9,18418.592h-10.539v-1.5h10.539v1.5Z' transform='translate(13369.669 -15964.924)' fill='#c8102e'/><path id='Line_154' data-name='Line 154' d='M1.505,3.538a.75.75,0,0,1-.661-.394L-.66.356A.75.75,0,0,1-.356-.66a.75.75,0,0,1,1.016.3l1.5,2.788a.75.75,0,0,1-.659,1.106Z' transform='translate(740.176 2456.109)' fill='#c8102e'/></g><path id='Path_3258' data-name='Path 3258' d='M50.445,47.681a.861.861,0,0,1-.86-.859V41.13a.858.858,0,0,1,1.366-.693l4.29,3.142A.859.859,0,0,1,55,45.087l-2.145.714L51.018,47.46a.855.855,0,0,1-.573.221' transform='translate(743.064 2401.404)' fill='#c8102e'/></g></g></svg></span>
<span class="visible-for-screen-readers">Link</span>
</dt>
<dd>
<a href="loremipsum.com/calendar/this-event" class="link-set__link iastate22-link-external">loremipsum.com/calendar/this-event<span class="arrow"></span></a>
</dd>
<dt>
<span class="icon"><svg xmlns='http://www.w3.org/2000/svg' width='42.262' height='42.304' viewBox='0 0 42.262 42.304'><ellipse data-name='Oval 27' cx='21.131' cy='21.152' rx='21.131' ry='21.152' transform='translate(0)' fill='none'/><path data-name='Oval 27 - Outline' d='M21.131,2A19.156,19.156,0,0,0,7.6,34.695,19.141,19.141,0,0,0,34.658,7.609,19,19,0,0,0,21.131,2m0-2A21.152,21.152,0,1,1,0,21.152,21.141,21.141,0,0,1,21.131,0Z' transform='translate(0)' /><path data-name='Path 3229' d='M9.239,9.1a.748.748,0,0,1-.5-.188L1,2.062A.75.75,0,1,1,2,.938L9.239,7.345,16.482.938a.75.75,0,1,1,.994,1.123L9.736,8.908A.748.748,0,0,1,9.239,9.1Z' transform='translate(11.527 13.102)' /><path data-name='Line 28' d='M0,5.756a.748.748,0,0,1-.53-.22.75.75,0,0,1,0-1.061L4.476-.53a.75.75,0,0,1,1.061,0,.75.75,0,0,1,0,1.061L.53,5.537A.748.748,0,0,1,0,5.756Z' transform='translate(28.506 21.512) rotate(45)' /><path data-name='Path 3231' d='M3.894,4.644a.75.75,0,0,1-.75-.75V.75H0A.75.75,0,0,1-.75,0,.75.75,0,0,1,0-.75H3.894a.75.75,0,0,1,.53.22.75.75,0,0,1,.22.53V3.894A.75.75,0,0,1,3.894,4.644Z' transform='translate(29.292 22.3) rotate(45)' /><path data-name='Path 3232' d='M14.316,16.383H3.09A3.114,3.114,0,0,1,0,13.252V3.131A3.114,3.114,0,0,1,3.09,0H15.374a3.114,3.114,0,0,1,3.09,3.131V5.964a.75.75,0,0,1-1.5,0V3.131A1.613,1.613,0,0,0,15.374,1.5H3.09A1.613,1.613,0,0,0,1.5,3.131v10.12a1.613,1.613,0,0,0,1.59,1.631H14.316a.75.75,0,1,1,0,1.5Z' transform='translate(11.385 12.958)' /></svg></span>
<span class="visible-for-screen-readers">Email</span>
</dt>
<dd>
<a href="mailto:person@contactforthisevent.org" class="link-set__link iastate22-link-secondary">person@contactforthisevent.org<span class="arrow"></span></a>
</dd>
<dt>
<span class="icon"><svg id='SVG_Call_Icon' xmlns='http://www.w3.org/2000/svg' width='42.262' height='42.304' viewBox='0 0 42.262 42.304'><path id='Oval_27_-_Outline' data-name='Oval 27 - Outline' d='M21.131,2A19.156,19.156,0,0,0,7.6,34.695,19.141,19.141,0,0,0,34.658,7.609,19,19,0,0,0,21.131,2m0-2A21.152,21.152,0,1,1,0,21.152,21.141,21.141,0,0,1,21.131,0Z' transform='translate(0)' /><g id='Group_5273' data-name='Group 5273' transform='translate(-252 -1224)'><path id='Path_3468' data-name='Path 3468' d='M4.25.082c.759,0,1.469.006,1.476.006a.8.8,0,0,1,.64.329L8.9,3.891a.8.8,0,0,1,.136.638c-.166.781-.958,1.24-1.723,1.684-.471.273-1.26.73-1.3,1.036a3.889,3.889,0,0,0,1.3,2.623,7.8,7.8,0,0,0,3.331,2.145,4.213,4.213,0,0,0,1.239-.987c.515-.519.921-1.019.925-1.024a.8.8,0,0,1,.958-.222l3.576,1.657a.8.8,0,0,1,.464.727c0,.021,0,2.137,0,2.7a2.561,2.561,0,0,1-1.094,2.447,5.391,5.391,0,0,1-2.515.365l-.2,0h-.161C6.205,17.68.691,12.027.116,3.615.009,2.059.155,1.245.637.713A2.5,2.5,0,0,1,2.581.1l.1,0C3,.087,3.529.082,4.25.082Zm1.06,1.6c-.275,0-.661,0-1.06,0-.7,0-1.217,0-1.523.014l-.1,0a2.742,2.742,0,0,0-.807.087c-.009.008-.214.222-.111,1.718a14.28,14.28,0,0,0,3.744,9.153,11.406,11.406,0,0,0,8.525,3.421l.2,0a5.124,5.124,0,0,0,1.763-.17c.065-.036.264-.144.26-1.037,0-.391,0-1.525,0-2.194L13.644,11.49c-.191.215-.435.48-.7.746-.97.962-1.68,1.391-2.3,1.391a1.258,1.258,0,0,1-.332-.044,9.268,9.268,0,0,1-4.16-2.621A5.244,5.244,0,0,1,4.423,7.053c.134-1.1,1.215-1.722,2.083-2.225.219-.127.537-.311.752-.468Z' transform='translate(263 1237)' /><path id='Path_3469' data-name='Path 3469' d='M17.614,1.044h0a.745.745,0,0,0-.53-.235L13.2.688a.75.75,0,0,0-.047,1.5l2.081.065L11.4,5.858h0a.75.75,0,0,0,1.027,1.094l3.841-3.609L16.2,5.428a.75.75,0,0,0,1.5.046l.12-3.892h0a.744.744,0,0,0-.048-.287c-.006-.015-.019-.027-.025-.041a.738.738,0,0,0-.13-.209' transform='translate(263 1237)' /></g></svg></span>
<span class="visible-for-screen-readers">Phone</span>
</dt>
<dd>
<span class="event-details__phone-number">(888) KL5-1234</span>
</dd>
<dt>
<span class="visible-for-screen-readers">Tags</span>
</dt>
<dd>
<div class="event-details__tags">
<a href="#">Tag Name</a>
<a href="#">Tag Name 2</a>
<a href="#">Tag Name 3</a>
<a href="#">Tag Name 4</a>
<a href="#">Tag Name 5</a>
</div>
</dd>
</dl>
</div>
<div class="paragraph-widget paragraph-widget--text-content">
<div class="text-content">
<p><a href="#">Download iCal/vCal</a> | <a href="#">Email Reminder</a></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <a href="#">Ut enim ad minim veniam</a></p>
<h2>Register Online</h2>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium <a href="#">doloremque laudantium</a></p>
</div>
</div>
</div>
</div>
</main>
<footer class="site-footer site-footer--ecosystem">
<div class="site-footer__flex-wrap">
<div class="site-footer__logo-social-links-wrap">
<a href="https://www.iastate.edu" class="site-footer__logo">
<img src="https://cdn.theme.iastate.edu/img/iastate22/iowa-state-university-logo-with-tagline-sci-tech.svg" alt="Iowa State University of Science and Technology" loading="lazy" width="516" height="69">
</a>
<ul class="site-footer__social">
<li>
<a href="#" target="_blank">
<i class="fa-brands fa-twitter" aria-hidden="true"></i>
<span class="visible-for-screen-readers">Twitter</span>
</a>
</li>
</ul>
</div>
<nav class="site-footer__primary-nav" aria-label="Footer Primary">
<ul>
<li>
<a href="#">Footer Link 1</a>
</li>
<li>
<a href="#">Footer Link 2</a>
</li>
<li>
<a href="#">Footer Link 3</a>
</li>
<li>
<a href="#">Footer Link 4</a>
</li>
<li>
<a href="#">Footer Link 5</a>
</li>
<li>
<a href="#">Footer Link 6</a>
</li>
</ul>
</nav>
<nav class="site-footer__secondary-nav" aria-label="Footer Secondary">
<h2 class="site-footer__section-label">Quick Links</h2>
<ul>
<li>
<a href="#">Quick Link 1</a>
</li>
<li>
<a href="#">Quick Link 2</a>
</li>
<li>
<a href="#">Quick Link 3</a>
</li>
<li>
<a href="#">Quick Link 4</a>
</li>
<li>
<a href="#">Quick Link 5</a>
</li>
<li>
<a href="#">Sign Ons and Tools</a>
</li>
</ul>
</nav>
<div class="site-footer__site-org-contact-info">
<h2 class="site-footer__section-label">Sarah Ryan</h2>
<div class="site-footer__site-org-contact-address">
<p>
5205 Adv Tch Res Bid (ATRB)<br> 2213 Pammel Dr<br> Ames, IA 50011-1101</p>
</div>
<div class="site-footer__site-org-contact-email-phone-wrap">
<div class="site-footer__site-org-contact-phone">
<p>
(515) 294-3112</p>
</div>
<div class="site-footer__site-org-contact-email">
<p>
<a href="mailto:sryan@iastate.edu">sryan@iastate.edu</a>
</p>
</div>
</div>
</div>
</div>
<div class="site-footer__bottom-wrap">
<nav class="site-footer__utility-nav" aria-label="Footer Utility">
<ul>
<li>
<a href="https://www.iastate.edu/disclaimers-and-terms">Privacy Policy</a>
</li>
<li>
<a href="https://www.policy.iastate.edu/policy/discrimination">Non-discrimination Policy</a>
</li>
<li>
<a href="https://www.digitalaccess.iastate.edu/">Digital Access and Accessibility</a>
</li>
<li>
<a href="https://www.iastate.edu/consumer-information">Consumer Information</a>
</li>
</ul>
</nav>
<div class="site-footer__copyright">
<p>©Iowa State University of Science and Technology</p>
</div>
</div>
</footer>
</div>
</div>
<div class="privacy-consent" hidden>
<div class="privacy-consent__content">
This website uses cookies to measure traffic and improve your experience. Declining tracking cookies will set a single cookie to remember your preference. You can manage your cookie preference at any time and learn more by visiting our <a href="/privacy-policy">Privacy Policy</a>.
</div>
<div class="privacy-consent__buttons">
<button class="iastate22-button iastate22-button--reverse privacy-consent__accept" type="button">Accept<span class="arrow"></span></button>
<button class="iastate22-button iastate22-button--reverse privacy-consent__decline" type="button">Decline<span class="arrow"></span></button>
</div>
</div>
{% extends "@page" %}
{% block header %}
{% include "@site-header--ecosystem" %}
{% endblock %}
{% block content %}
<div class="outer-pad">
<p class="iastate-article__back-btn"><a href="#">View All Events</a></p>
{% include "@hero--event-details" with hero %}
<div class="paragraph-widget paragraph-widget--event-details">
<div class="event-details">
<dl class="event-details__wrap">
{% for detail in event_details %}
<dt>
{% if detail.icon|length > 0 %}
<span class="icon">{{ detail.icon }}</span>
{% else %}
{% endif %}
<span class="visible-for-screen-readers">{{ detail.title }}</span>
</dt>
<dd>
{% if detail.contact %}
{% for contact in detail.contact %}
{% if contact.email %}
<a href="mailto:{{contact.email.address}}" class="link-set__link iastate22-link-secondary">{{contact.email.label}}<span class="arrow"></span></a>
{% elseif contact.link %}
<a href="{{contact.link.url}}" class="link-set__link iastate22-link-external">{{contact.link.label}}<span class="arrow"></span></a>
{% elseif contact.phone %}
<span class="event-details__phone-number">{{contact.phone}}</span>
{% elseif contact.tags %}
<div class="event-details__tags">
{% for tag in contact.tags %}
<a href="{{tag.url}}">{{tag.label}}</a>
{% endfor %}
</div>
{% endif %}
{% endfor %}
{% else %}
<p>{{ detail.content }}<p>
{% endif %}
</dd>
{% endfor %}
</dl>
</div>
<div class="paragraph-widget paragraph-widget--text-content">
<div class="text-content">
<p><a href="#">Download iCal/vCal</a> | <a href="#">Email Reminder</a></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <a href="#">Ut enim ad minim veniam</a></p>
<h2>Register Online</h2>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium <a href="#">doloremque laudantium</a></p>
</div>
</div>
</div>
</div>
{% endblock %}
{% block footer %}
{% include "@site-footer--ecosystem" %}
{% endblock %}
{
"hero": {
"headline": "Event Title Lorem Ipsum Dolor Sit",
"image": {
"src": "../../img/Article_Hero.jpg",
"alt": ""
}
},
"event_details": [
{
"title": "Time",
"icon": "<svg id='SVG_Time_Icon' xmlns='http://www.w3.org/2000/svg' width='42.262' height='42.304' viewBox='0 0 42.262 42.304'><path id='Oval_27_-_Outline' data-name='Oval 27 - Outline' d='M21.131,2A19.156,19.156,0,0,0,7.6,34.695,19.141,19.141,0,0,0,34.658,7.609,19,19,0,0,0,21.131,2m0-2A21.152,21.152,0,1,1,0,21.152,21.141,21.141,0,0,1,21.131,0Z' transform='translate(0)' /><path id='Path_3472' data-name='Path 3472' d='M5756.131,1591.968a1,1,0,0,1-1-1v-13.16a1,1,0,1,1,2,0V1589.5l8.839-3.465a1,1,0,1,1,.729,1.862l-10.2,4A1,1,0,0,1,5756.131,1591.968Z' transform='translate(-5735 -1567.816)' /></svg>",
"content": "Wednesday, 04 Jan 2023 from 1:00 pm to 2:00 pm"
},
{
"title": "Location",
"icon": "<svg xmlns='http://www.w3.org/2000/svg' width='42.262' height='42.304' viewBox='0 0 42.262 42.304'><g id='SVG_Location_Icon' transform='translate(7.5 8.5)'><path id='Oval_27_-_Outline' data-name='Oval 27 - Outline' d='M21.131,2A19.156,19.156,0,0,0,7.6,34.695,19.141,19.141,0,0,0,34.658,7.609,19,19,0,0,0,21.131,2m0-2A21.152,21.152,0,1,1,0,21.152,21.141,21.141,0,0,1,21.131,0Z' transform='translate(-7.5 -8.5)' /><path id='Path_3472' data-name='Path 3472' d='M13.5.7a9.811,9.811,0,0,1,9.8,9.8,12.133,12.133,0,0,1-1.495,5.507,24.387,24.387,0,0,1-3.2,4.639,35.36,35.36,0,0,1-4.616,4.486.8.8,0,0,1-.982,0,35.36,35.36,0,0,1-4.616-4.486,24.387,24.387,0,0,1-3.2-4.639A12.133,12.133,0,0,1,3.7,10.5,9.811,9.811,0,0,1,13.5.7Zm0,22.764c1.838-1.557,8.2-7.354,8.2-12.964a8.2,8.2,0,1,0-16.4,0C5.3,16.117,11.661,21.908,13.5,23.464Z' /><path id='Path_3473' data-name='Path 3473' d='M16.5,9.7a3.8,3.8,0,1,1-3.8,3.8A3.8,3.8,0,0,1,16.5,9.7Zm0,6a2.2,2.2,0,1,0-2.2-2.2A2.2,2.2,0,0,0,16.5,15.7Z' transform='translate(-3 -3)' /></g></svg>",
"content": "Location sint occaecat cupidatat"
},
{
"title": "Price",
"icon": "<svg xmlns='http://www.w3.org/2000/svg' width='42.262' height='42.304' viewBox='0 0 42.262 42.304'><g transform='translate(-298 -1613.348)'><path data-name='Oval 27 - Outline' d='M21.131,2A19.156,19.156,0,0,0,7.6,34.695,19.141,19.141,0,0,0,34.658,7.609,19,19,0,0,0,21.131,2m0-2A21.152,21.152,0,1,1,0,21.152,21.141,21.141,0,0,1,21.131,0Z' transform='translate(298 1613.348)' /><g data-name='Group 5276' transform='translate(-32.555 26.576)'><path data-name='Path 3471' d='M12.74,20.571a7.247,7.247,0,0,1-2.729-.533,5.429,5.429,0,0,1-3.374-3.82A.8.8,0,0,1,8.2,15.856a3.854,3.854,0,0,0,2.423,2.7,5.032,5.032,0,0,0,4.314-.136,2.815,2.815,0,0,0,1.238-2.848,2.7,2.7,0,0,0-1.3-1.62,9.137,9.137,0,0,0-3.995-1.1A4.488,4.488,0,0,1,8.3,11.821,3.84,3.84,0,0,1,7.047,9.71,3.963,3.963,0,0,1,9.1,5.387a6.2,6.2,0,0,1,4.8-.449,5.568,5.568,0,0,1,3.316,3.223.8.8,0,1,1-1.468.636,3.963,3.963,0,0,0-2.359-2.343,4.59,4.59,0,0,0-3.5.328A2.358,2.358,0,0,0,8.611,9.373a2.535,2.535,0,0,0,2.4,1.888,10.663,10.663,0,0,1,4.7,1.336,4.287,4.287,0,0,1,2.007,2.6,4.382,4.382,0,0,1-1.939,4.578A5.757,5.757,0,0,1,12.74,20.571Z' transform='translate(339.461 1595.315)' /><path data-name='Line 166' d='M0,18.978a.8.8,0,0,1-.8-.8V0A.8.8,0,0,1,0-.8.8.8,0,0,1,.8,0V18.178A.8.8,0,0,1,0,18.978Z' transform='translate(351.686 1598.835)' /></g></g></svg>",
"content": "Free"
},
{
"title": "Link",
"icon": "<svg xmlns='http://www.w3.org/2000/svg' width='42.304' height='42.304' viewBox='0 0 42.304 42.304'><g id='Group_5123' data-name='Group 5123' transform='translate(-769 -2419.985)'><g id='WinterFest_-_Memorial_Union-9' data-name='WinterFest - Memorial Union-9' transform='translate(769 2419.985)'><path id='Oval_27_-_Outline' data-name='Oval 27 - Outline' d='M21.131,2A19.152,19.152,0,1,0,34.658,7.609,19.156,19.156,0,0,0,21.131,2m0-2A21.152,21.152,0,1,1,0,21.152,21.152,21.152,0,0,1,21.131,0Z' fill='#c8102e'/></g><g id='Group_5122' data-name='Group 5122' transform='translate(0.93)'><g id='Group_5120' data-name='Group 5120' transform='translate(55.438 -9.314)'><path id='Subtraction_1' data-name='Subtraction 1' d='M-12634.678,18433.834a9.77,9.77,0,0,1-9.762-9.758,9.773,9.773,0,0,1,9.762-9.762,9.773,9.773,0,0,1,9.762,9.762,9.717,9.717,0,0,1-.493,3.064l-1.287-.941a8.223,8.223,0,0,0,.276-2.123,8.268,8.268,0,0,0-8.258-8.262,8.268,8.268,0,0,0-8.258,8.262,8.266,8.266,0,0,0,8.258,8.258,8.279,8.279,0,0,0,1.989-.242v.279a1.791,1.791,0,0,0,.426,1.16A9.771,9.771,0,0,1-12634.678,18433.834Z' transform='translate(13368.462 -15974.164)' fill='#c8102e'/><path id='Subtraction_2' data-name='Subtraction 2' d='M-12639.841,18433.834c-1.349,0-2.56-1.1-3.409-3.1a17.5,17.5,0,0,1-1.189-6.662,17.5,17.5,0,0,1,1.189-6.666c.852-2,2.063-3.1,3.409-3.1s2.558,1.1,3.414,3.1a17.311,17.311,0,0,1,1.182,6.338,1.749,1.749,0,0,0-.807-.2,1.8,1.8,0,0,0-.693.139,15.663,15.663,0,0,0-1.064-5.693c-.584-1.367-1.344-2.184-2.031-2.184s-1.442.816-2.031,2.184a16.036,16.036,0,0,0-1.063,6.078,16.022,16.022,0,0,0,1.063,6.074c.589,1.367,1.349,2.184,2.031,2.184s1.415-.783,1.994-2.1v2.135a1.764,1.764,0,0,0,.07.5A2.873,2.873,0,0,1-12639.841,18433.834Z' transform='translate(13373.623 -15974.164)' fill='#c8102e'/><path id='Line_152' data-name='Line 152' d='M17.05.75H0V-.75H17.05Z' transform='translate(725.231 2446.82)' fill='#c8102e'/><path id='Subtraction_3' data-name='Subtraction 3' d='M-12633.9,18418.592h-10.539v-1.5h10.539v1.5Z' transform='translate(13369.669 -15964.924)' fill='#c8102e'/><path id='Line_154' data-name='Line 154' d='M1.505,3.538a.75.75,0,0,1-.661-.394L-.66.356A.75.75,0,0,1-.356-.66a.75.75,0,0,1,1.016.3l1.5,2.788a.75.75,0,0,1-.659,1.106Z' transform='translate(740.176 2456.109)' fill='#c8102e'/></g><path id='Path_3258' data-name='Path 3258' d='M50.445,47.681a.861.861,0,0,1-.86-.859V41.13a.858.858,0,0,1,1.366-.693l4.29,3.142A.859.859,0,0,1,55,45.087l-2.145.714L51.018,47.46a.855.855,0,0,1-.573.221' transform='translate(743.064 2401.404)' fill='#c8102e'/></g></g></svg>",
"contact": [
{
"link": {
"url": "loremipsum.com/calendar/this-event",
"label": "loremipsum.com/calendar/this-event"
}
}
]
},
{
"title": "Email",
"icon": "<svg xmlns='http://www.w3.org/2000/svg' width='42.262' height='42.304' viewBox='0 0 42.262 42.304'><ellipse data-name='Oval 27' cx='21.131' cy='21.152' rx='21.131' ry='21.152' transform='translate(0)' fill='none'/><path data-name='Oval 27 - Outline' d='M21.131,2A19.156,19.156,0,0,0,7.6,34.695,19.141,19.141,0,0,0,34.658,7.609,19,19,0,0,0,21.131,2m0-2A21.152,21.152,0,1,1,0,21.152,21.141,21.141,0,0,1,21.131,0Z' transform='translate(0)' /><path data-name='Path 3229' d='M9.239,9.1a.748.748,0,0,1-.5-.188L1,2.062A.75.75,0,1,1,2,.938L9.239,7.345,16.482.938a.75.75,0,1,1,.994,1.123L9.736,8.908A.748.748,0,0,1,9.239,9.1Z' transform='translate(11.527 13.102)' /><path data-name='Line 28' d='M0,5.756a.748.748,0,0,1-.53-.22.75.75,0,0,1,0-1.061L4.476-.53a.75.75,0,0,1,1.061,0,.75.75,0,0,1,0,1.061L.53,5.537A.748.748,0,0,1,0,5.756Z' transform='translate(28.506 21.512) rotate(45)' /><path data-name='Path 3231' d='M3.894,4.644a.75.75,0,0,1-.75-.75V.75H0A.75.75,0,0,1-.75,0,.75.75,0,0,1,0-.75H3.894a.75.75,0,0,1,.53.22.75.75,0,0,1,.22.53V3.894A.75.75,0,0,1,3.894,4.644Z' transform='translate(29.292 22.3) rotate(45)' /><path data-name='Path 3232' d='M14.316,16.383H3.09A3.114,3.114,0,0,1,0,13.252V3.131A3.114,3.114,0,0,1,3.09,0H15.374a3.114,3.114,0,0,1,3.09,3.131V5.964a.75.75,0,0,1-1.5,0V3.131A1.613,1.613,0,0,0,15.374,1.5H3.09A1.613,1.613,0,0,0,1.5,3.131v10.12a1.613,1.613,0,0,0,1.59,1.631H14.316a.75.75,0,1,1,0,1.5Z' transform='translate(11.385 12.958)' /></svg>",
"contact": [
{
"email": {
"address": "person@contactforthisevent.org",
"label": "person@contactforthisevent.org"
}
}
]
},
{
"title": "Phone",
"icon": "<svg id='SVG_Call_Icon' xmlns='http://www.w3.org/2000/svg' width='42.262' height='42.304' viewBox='0 0 42.262 42.304'><path id='Oval_27_-_Outline' data-name='Oval 27 - Outline' d='M21.131,2A19.156,19.156,0,0,0,7.6,34.695,19.141,19.141,0,0,0,34.658,7.609,19,19,0,0,0,21.131,2m0-2A21.152,21.152,0,1,1,0,21.152,21.141,21.141,0,0,1,21.131,0Z' transform='translate(0)' /><g id='Group_5273' data-name='Group 5273' transform='translate(-252 -1224)'><path id='Path_3468' data-name='Path 3468' d='M4.25.082c.759,0,1.469.006,1.476.006a.8.8,0,0,1,.64.329L8.9,3.891a.8.8,0,0,1,.136.638c-.166.781-.958,1.24-1.723,1.684-.471.273-1.26.73-1.3,1.036a3.889,3.889,0,0,0,1.3,2.623,7.8,7.8,0,0,0,3.331,2.145,4.213,4.213,0,0,0,1.239-.987c.515-.519.921-1.019.925-1.024a.8.8,0,0,1,.958-.222l3.576,1.657a.8.8,0,0,1,.464.727c0,.021,0,2.137,0,2.7a2.561,2.561,0,0,1-1.094,2.447,5.391,5.391,0,0,1-2.515.365l-.2,0h-.161C6.205,17.68.691,12.027.116,3.615.009,2.059.155,1.245.637.713A2.5,2.5,0,0,1,2.581.1l.1,0C3,.087,3.529.082,4.25.082Zm1.06,1.6c-.275,0-.661,0-1.06,0-.7,0-1.217,0-1.523.014l-.1,0a2.742,2.742,0,0,0-.807.087c-.009.008-.214.222-.111,1.718a14.28,14.28,0,0,0,3.744,9.153,11.406,11.406,0,0,0,8.525,3.421l.2,0a5.124,5.124,0,0,0,1.763-.17c.065-.036.264-.144.26-1.037,0-.391,0-1.525,0-2.194L13.644,11.49c-.191.215-.435.48-.7.746-.97.962-1.68,1.391-2.3,1.391a1.258,1.258,0,0,1-.332-.044,9.268,9.268,0,0,1-4.16-2.621A5.244,5.244,0,0,1,4.423,7.053c.134-1.1,1.215-1.722,2.083-2.225.219-.127.537-.311.752-.468Z' transform='translate(263 1237)' /><path id='Path_3469' data-name='Path 3469' d='M17.614,1.044h0a.745.745,0,0,0-.53-.235L13.2.688a.75.75,0,0,0-.047,1.5l2.081.065L11.4,5.858h0a.75.75,0,0,0,1.027,1.094l3.841-3.609L16.2,5.428a.75.75,0,0,0,1.5.046l.12-3.892h0a.744.744,0,0,0-.048-.287c-.006-.015-.019-.027-.025-.041a.738.738,0,0,0-.13-.209' transform='translate(263 1237)' /></g></svg>",
"contact": [
{
"phone": "(888) KL5-1234"
}
]
},
{
"title": "Tags",
"contact": [
{
"tags": [
{
"url": "#",
"label": "Tag Name"
},
{
"url": "#",
"label": "Tag Name 2"
},
{
"url": "#",
"label": "Tag Name 3"
},
{
"url": "#",
"label": "Tag Name 4"
},
{
"url": "#",
"label": "Tag Name 5"
}
]
}
]
}
]
}
There are no notes for this item.