<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">
<div class="hero hero--no-media">
<div class="hero__text-wrap">
<nav class="iastate22-breadcrumb" aria-label="Breadcrumb">
<ol class="iastate22-breadcrumb__list">
<li>
<a href="https://www.iastate.edu/">Home</a>
</li>
<li>
<a href="https://www.iastate.edu/">Parent Page</a>
</li>
<li>
<a href="https://www.iastate.edu/" aria-current="page">Calendar</a>
</li>
</ol>
</nav>
<h1 class="hero__title">Calendar Page</h1>
</div>
</div>
<div class="calendar">
<header class="calendar__header">
<div class="calendar__search">
<form action="#" class="iastate22-form">
<label for="event-search"><svg xmlns="http://www.w3.org/2000/svg" width="23.128" height="22.998"><path d="M20.517 22.498a1.925 1.925 0 0 1-1.43-.616l-4.621-4.992a1.233 1.233 0 0 0-1.469-.255 8.414 8.414 0 0 1-3.942.969 8.746 8.746 0 0 1-1.151-.076 8.562 8.562 0 0 1-7.288-7.036 8.654 8.654 0 0 1 .214-3.8A8.554 8.554 0 0 1 9.047.505a8.982 8.982 0 0 1 1.449.119 8.556 8.556 0 0 1 6.116 12.413 1.241 1.241 0 0 0 .263 1.484l4.915 4.468a2.057 2.057 0 0 1 .309 2.753 2.007 2.007 0 0 1-1.582.756Zm-11.384-20a6.633 6.633 0 0 0-.89 13.207 6.884 6.884 0 0 0 .89.059 6.646 6.646 0 0 0 3.062-.752 20.476 20.476 0 0 0 2.808-2.8 6.634 6.634 0 0 0-4.746-9.625 6.942 6.942 0 0 0-1.12-.087Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10"/></svg><span class="visible-for-screen-readers">Search</span></label>
<input type="text" id="event-search" name="event-search">
<button type="submit" class="iastate22-button">Find Events<span class="arrow"></span></button>
</form>
</div>
<div class="calendar__views">
<button class="btn" id="list-btn" aria-pressed="false">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" x="0px" y="0px" width="13px" height="16px" viewBox="0 0 13 16">
<g transform="matrix( 1, 0, 0, 1, 0,0) ">
<path fill="#7C2529" stroke="none" d="
M 10.8 1.45
Q 10.8 1.05 10.5 0.75 10.2 0.45 9.8 0.45 9.4 0.45 9.1 0.75 8.8 1.05 8.8 1.45
L 8.8 2.6 4.15 2.6 4.15 1.45
Q 4.15 1.05 3.85 0.75 3.55 0.45 3.15 0.45 2.75 0.45 2.45 0.75 2.15 1.05 2.15 1.45
L 2.15 2.6 1.05 2.6
Q 0.05 2.6 0.05 3.6
L 0.05 14.55
Q 0.05 15.55 1.05 15.55
L 11.95 15.55
Q 12.95 15.55 12.95 14.55
L 12.95 3.6
Q 12.95 2.55 12 2.6
L 10.8 2.6 10.8 1.45
M 11.95 7.9
L 11.95 14.55 1.05 14.55 1.05 7.9 11.95 7.9 Z"/>
</g>
</svg>
List</button>
<button class="btn" id="month-btn" aria-pressed="true">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" x="0px" y="0px" width="13px" height="16px" viewBox="0 0 13 16">
<g transform="matrix( 1, 0, 0, 1, 0,0) ">
<path fill="#7C2529" stroke="none" d="
M 10.8 1.45
Q 10.8 1.05 10.5 0.75 10.2 0.45 9.8 0.45 9.4 0.45 9.1 0.75 8.8 1.05 8.8 1.45
L 8.8 2.6 4.15 2.6 4.15 1.45
Q 4.15 1.05 3.85 0.75 3.55 0.45 3.15 0.45 2.75 0.45 2.45 0.75 2.15 1.05 2.15 1.45
L 2.15 2.6 1.05 2.6
Q 0.05 2.6 0.05 3.6
L 0.05 14.55
Q 0.05 15.55 1.05 15.55
L 11.95 15.55
Q 12.95 15.55 12.95 14.55
L 12.95 3.6
Q 12.95 2.55 12 2.6
L 10.8 2.6 10.8 1.45
M 11.95 7.9
L 11.95 14.55 1.05 14.55 1.05 7.9 11.95 7.9 Z"/>
</g>
</svg>
Month</button>
</div>
<div class="calendar__categories iastate22-form">
<div class="calendar__categories-wrap">
<label for="event-categories"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="28" viewBox="0 0 24 28">
<title>tag</title>
<path d="M7 7c0-1.109-0.891-2-2-2s-2 0.891-2 2 0.891 2 2 2 2-0.891 2-2zM23.672 16c0 0.531-0.219 1.047-0.578 1.406l-7.672 7.688c-0.375 0.359-0.891 0.578-1.422 0.578s-1.047-0.219-1.406-0.578l-11.172-11.188c-0.797-0.781-1.422-2.297-1.422-3.406v-6.5c0-1.094 0.906-2 2-2h6.5c1.109 0 2.625 0.625 3.422 1.422l11.172 11.156c0.359 0.375 0.578 0.891 0.578 1.422z"></path>
</svg>
Categories</label>
<select name="event-categories" id="event-categories">
<option value="">All Categories</option>
</select>
</div>
<div class="calendar__categories-toggle">
<input type="checkbox" name="featured-events" id="featured-events" class="visible-for-screen-readers">
<label for="featured-events">Show only featured events</label>
</div>
</div>
<div class="iastate22-form">
<button class="link-tertiary calendar-reset">Reset</button>
</div>
</header>
<div class="calendar__wrap"></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">
{% include "@hero--no-subnav" with hero %}
<div class="calendar">
<header class="calendar__header">
<div class="calendar__search">
<form action="#" class="iastate22-form">
<label for="event-search"><svg xmlns="http://www.w3.org/2000/svg" width="23.128" height="22.998"><path d="M20.517 22.498a1.925 1.925 0 0 1-1.43-.616l-4.621-4.992a1.233 1.233 0 0 0-1.469-.255 8.414 8.414 0 0 1-3.942.969 8.746 8.746 0 0 1-1.151-.076 8.562 8.562 0 0 1-7.288-7.036 8.654 8.654 0 0 1 .214-3.8A8.554 8.554 0 0 1 9.047.505a8.982 8.982 0 0 1 1.449.119 8.556 8.556 0 0 1 6.116 12.413 1.241 1.241 0 0 0 .263 1.484l4.915 4.468a2.057 2.057 0 0 1 .309 2.753 2.007 2.007 0 0 1-1.582.756Zm-11.384-20a6.633 6.633 0 0 0-.89 13.207 6.884 6.884 0 0 0 .89.059 6.646 6.646 0 0 0 3.062-.752 20.476 20.476 0 0 0 2.808-2.8 6.634 6.634 0 0 0-4.746-9.625 6.942 6.942 0 0 0-1.12-.087Z" stroke="rgba(0,0,0,0)" stroke-miterlimit="10"/></svg><span class="visible-for-screen-readers">Search</span></label>
<input type="text" id="event-search" name="event-search">
<button type="submit" class="iastate22-button">Find Events<span class="arrow"></span></button>
</form>
</div>
<div class="calendar__views">
<button class="btn" id="list-btn" aria-pressed="false">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" x="0px" y="0px" width="13px" height="16px" viewBox="0 0 13 16">
<g transform="matrix( 1, 0, 0, 1, 0,0) ">
<path fill="#7C2529" stroke="none" d="
M 10.8 1.45
Q 10.8 1.05 10.5 0.75 10.2 0.45 9.8 0.45 9.4 0.45 9.1 0.75 8.8 1.05 8.8 1.45
L 8.8 2.6 4.15 2.6 4.15 1.45
Q 4.15 1.05 3.85 0.75 3.55 0.45 3.15 0.45 2.75 0.45 2.45 0.75 2.15 1.05 2.15 1.45
L 2.15 2.6 1.05 2.6
Q 0.05 2.6 0.05 3.6
L 0.05 14.55
Q 0.05 15.55 1.05 15.55
L 11.95 15.55
Q 12.95 15.55 12.95 14.55
L 12.95 3.6
Q 12.95 2.55 12 2.6
L 10.8 2.6 10.8 1.45
M 11.95 7.9
L 11.95 14.55 1.05 14.55 1.05 7.9 11.95 7.9 Z"/>
</g>
</svg>
List</button>
<button class="btn" id="month-btn" aria-pressed="true">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" x="0px" y="0px" width="13px" height="16px" viewBox="0 0 13 16">
<g transform="matrix( 1, 0, 0, 1, 0,0) ">
<path fill="#7C2529" stroke="none" d="
M 10.8 1.45
Q 10.8 1.05 10.5 0.75 10.2 0.45 9.8 0.45 9.4 0.45 9.1 0.75 8.8 1.05 8.8 1.45
L 8.8 2.6 4.15 2.6 4.15 1.45
Q 4.15 1.05 3.85 0.75 3.55 0.45 3.15 0.45 2.75 0.45 2.45 0.75 2.15 1.05 2.15 1.45
L 2.15 2.6 1.05 2.6
Q 0.05 2.6 0.05 3.6
L 0.05 14.55
Q 0.05 15.55 1.05 15.55
L 11.95 15.55
Q 12.95 15.55 12.95 14.55
L 12.95 3.6
Q 12.95 2.55 12 2.6
L 10.8 2.6 10.8 1.45
M 11.95 7.9
L 11.95 14.55 1.05 14.55 1.05 7.9 11.95 7.9 Z"/>
</g>
</svg>
Month</button>
</div>
<div class="calendar__categories iastate22-form">
<div class="calendar__categories-wrap">
<label for="event-categories"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="28" viewBox="0 0 24 28">
<title>tag</title>
<path d="M7 7c0-1.109-0.891-2-2-2s-2 0.891-2 2 0.891 2 2 2 2-0.891 2-2zM23.672 16c0 0.531-0.219 1.047-0.578 1.406l-7.672 7.688c-0.375 0.359-0.891 0.578-1.422 0.578s-1.047-0.219-1.406-0.578l-11.172-11.188c-0.797-0.781-1.422-2.297-1.422-3.406v-6.5c0-1.094 0.906-2 2-2h6.5c1.109 0 2.625 0.625 3.422 1.422l11.172 11.156c0.359 0.375 0.578 0.891 0.578 1.422z"></path>
</svg>
Categories</label>
<select name="event-categories" id="event-categories">
<option value="">All Categories</option>
</select>
</div>
<div class="calendar__categories-toggle">
<input type="checkbox" name="featured-events" id="featured-events" class="visible-for-screen-readers">
<label for="featured-events">Show only featured events</label>
</div>
</div>
<div class="iastate22-form">
<button class="link-tertiary calendar-reset">Reset</button>
</div>
</header>
<div class="calendar__wrap"></div>
</div>
</div>
{% endblock %}
{% block footer %}
{% include "@site-footer--ecosystem" %}
{% endblock %}
{
"hero": {
"breadcrumbs": {
"links": [
{
"url": "https://www.iastate.edu/",
"name": "Home"
},
{
"url": "https://www.iastate.edu/",
"name": "Parent Page"
},
{
"url": "https://www.iastate.edu/",
"name": "Calendar"
}
]
},
"title": "Calendar Page",
"image": ""
}
}
There are no notes for this item.