<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">
Template "../../img/icons/SVG_Time_Icon.svg" is not defined.
</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">
Template "../../img/icons/SVG_Location_Icon.svg" is not defined.
</span>
<span class="visible-for-screen-readers">Location</span>
</dt>
<dd>
<p>Location sint occaecat cupidatat
<p>
</dd>
<dt>
<span class="icon">
Template "../../img/icons/SVG_Cost_Icon.svg" is not defined.
</span>
<span class="visible-for-screen-readers">Price</span>
</dt>
<dd>
<p>Free
<p>
</dd>
<dt>
<span class="icon">
Template "../../img/icons/SVG_Call_Icon.svg" is not defined.
</span>
<span class="visible-for-screen-readers">Info</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>
<a href="mailto:person@contactforthisevent.org" class="link-set__link iastate22-link-secondary">person@contactforthisevent.org<span class="arrow"></span></a>
<span class="event-details__phone-number">(888) KL5-1234</span>
<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">
{{ source(detail.icon) }}
</span>
{% else %}
<span class="icon-spec"></span>
{% 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": "../../img/icons/SVG_Time_Icon.svg",
"content": "Wednesday, 04 Jan 2023 from 1:00 pm to 2:00 pm"
},
{
"title": "Location",
"icon": "../../img/icons/SVG_Location_Icon.svg",
"content": "Location sint occaecat cupidatat"
},
{
"title": "Price",
"icon": "../../img/icons/SVG_Cost_Icon.svg",
"content": "Free"
},
{
"title": "Info",
"icon": "../../img/icons/SVG_Call_Icon.svg",
"contact": [
{
"link": {
"url": "loremipsum.com/calendar/this-event",
"label": "loremipsum.com/calendar/this-event"
}
},
{
"email": {
"address": "person@contactforthisevent.org",
"label": "person@contactforthisevent.org"
}
},
{
"phone": "(888) KL5-1234"
},
{
"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.