<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="faculty-staff-directory-header">
<div class="ecosystem-home-hero ecosystem-home-hero--no-image">
<div class="ecosystem-home-hero__content">
<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">Kitchen Sink</a>
</li>
</ol>
</nav>
<h1 class="ecosystem-home-hero__title">Faculty Directory</h1>
</div>
</div>
<div class="paragraph-widget paragraph-widget--filter-form">
<div class="filter-form">
<form class="iastate22-form iastate22-form--inline" id="InlineForm" action="#" method="post">
<div class="form-item">
<label for="name">Search</label>
<input class="iastate22-form--search" type="text" name="name" id="name" value="" tabindex="1">
</div>
<div class="form-item">
<label for="select-choice">Category 1</label>
<select class="iastate22-form--select" name="select-choice" id="select-choice">
<option value="Choice 1">Choice 1</option>
<option value="Choice 2">Choice 2</option>
<option value="Choice 3">Choice 3</option>
</select>
</div>
<div class="form-item">
<label for="select-choice">Category 2</label>
<select class="iastate22-form--select" name="select-choice" id="select-choice">
<option value="Choice 1">Choice 1</option>
<option value="Choice 2">Choice 2</option>
<option value="Choice 3">Choice 3</option>
</select>
</div>
<div class="form-item">
<button type="submit">Search<span class="arrow"></span>
</button>
</div>
</form>
<p class="filter-form-results">About 344 Results •
<a href="#">Reset</a>
</p>
</div>
</div>
</div>
<div class="paragraph-widget paragraph-widget--faculty-staff-card-set">
<div class="faculty-staff-card-set">
<div>
<div class="faculty-staff-card">
<div class="faculty-staff-card__media">
<div class="faculty-staff-card__media-container">
<img src="../../img/emmanuel_agba.png" alt="test" loading="lazy" />
</div>
</div>
<div class="faculty-staff-card__content">
<p class="faculty-staff-card__content-title">
<a href="#" class="iastate22-link-secondary">Lorem Ipsum
<span class="arrow"></span>
</a>
</p>
<p class="faculty-staff-card__content-body">Sample Title.</p>
<ul class="faculty-staff-card__content-contact">
<li>
<div class="faculty-staff-card__content-icon">
<a href="mailto:test@test.com">
<i class="fak fa-iastate22-email"></i>
</a>
</div>
<div class="faculty-staff-card__contact-field">
<a href="mailto:test@test.com">test@test.com</a>
</div>
</li>
<li>
<div class="faculty-staff-card__content-icon">
<i class="fak fa-iastate22-phone"></i>
</div>
<div class="faculty-staff-card__contact-field">(444) 444-4444</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name2:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name3:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name4:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="faculty-staff-card">
<div class="faculty-staff-card__media">
<div class="faculty-staff-card__media-container">
<img src="../../img/emmanuel_agba.png" alt="test" loading="lazy" />
</div>
</div>
<div class="faculty-staff-card__content">
<p class="faculty-staff-card__content-title">
<a href="#" class="iastate22-link-secondary">Lorem Ipsum
<span class="arrow"></span>
</a>
</p>
<p class="faculty-staff-card__content-body">Sample Title.</p>
<ul class="faculty-staff-card__content-contact">
<li>
<div class="faculty-staff-card__content-icon">
<a href="mailto:test@test.com">
<i class="fak fa-iastate22-email"></i>
</a>
</div>
<div class="faculty-staff-card__contact-field">
<a href="mailto:test@test.com">test@test.com</a>
</div>
</li>
<li>
<div class="faculty-staff-card__content-icon">
<i class="fak fa-iastate22-phone"></i>
</div>
<div class="faculty-staff-card__contact-field">(444) 444-4444</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name2:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name3:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name4:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="faculty-staff-card">
<div class="faculty-staff-card__media">
<div class="faculty-staff-card__media-container">
<img src="../../img/emmanuel_agba.png" alt="test" loading="lazy" />
</div>
</div>
<div class="faculty-staff-card__content">
<p class="faculty-staff-card__content-title">
<a href="#" class="iastate22-link-secondary">Lorem Ipsum
<span class="arrow"></span>
</a>
</p>
<p class="faculty-staff-card__content-body">Sample Title.</p>
<ul class="faculty-staff-card__content-contact">
<li>
<div class="faculty-staff-card__content-icon">
<a href="mailto:test@test.com">
<i class="fak fa-iastate22-email"></i>
</a>
</div>
<div class="faculty-staff-card__contact-field">
<a href="mailto:test@test.com">test@test.com</a>
</div>
</li>
<li>
<div class="faculty-staff-card__content-icon">
<i class="fak fa-iastate22-phone"></i>
</div>
<div class="faculty-staff-card__contact-field">(444) 444-4444</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name2:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name3:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name4:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="faculty-staff-card">
<div class="faculty-staff-card__media">
<div class="faculty-staff-card__media-container">
<img src="../../img/emmanuel_agba.png" alt="test" loading="lazy" />
</div>
</div>
<div class="faculty-staff-card__content">
<p class="faculty-staff-card__content-title">
<a href="#" class="iastate22-link-secondary">Lorem Ipsum
<span class="arrow"></span>
</a>
</p>
<p class="faculty-staff-card__content-body">Sample Title.</p>
<ul class="faculty-staff-card__content-contact">
<li>
<div class="faculty-staff-card__content-icon">
<a href="mailto:test@test.com">
<i class="fak fa-iastate22-email"></i>
</a>
</div>
<div class="faculty-staff-card__contact-field">
<a href="mailto:test@test.com">test@test.com</a>
</div>
</li>
<li>
<div class="faculty-staff-card__content-icon">
<i class="fak fa-iastate22-phone"></i>
</div>
<div class="faculty-staff-card__contact-field">(444) 444-4444</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name2:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name3:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name4:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="faculty-staff-card">
<div class="faculty-staff-card__media">
<div class="faculty-staff-card__media-container">
<img src="../../img/emmanuel_agba.png" alt="test" loading="lazy" />
</div>
</div>
<div class="faculty-staff-card__content">
<p class="faculty-staff-card__content-title">
Lorem Ipsum
</p>
<p class="faculty-staff-card__content-body">Sample Title.</p>
<ul class="faculty-staff-card__content-contact">
<li>
<div class="faculty-staff-card__content-icon">
<a href="mailto:test@test.com">
<i class="fak fa-iastate22-email"></i>
</a>
</div>
<div class="faculty-staff-card__contact-field">
<a href="mailto:test@test.com">test@test.com</a>
</div>
</li>
<li>
<div class="faculty-staff-card__content-icon">
<i class="fak fa-iastate22-phone"></i>
</div>
<div class="faculty-staff-card__contact-field">(444) 444-4444</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name2:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name3:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name4:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="text-content">
<h2>Category</h2>
</div>
<div class="paragraph-widget paragraph-widget--faculty-staff-card-set">
<div class="faculty-staff-card-set">
<div>
<div class="faculty-staff-card">
<div class="faculty-staff-card__media">
<div class="faculty-staff-card__media-container">
<img src="../../img/emmanuel_agba.png" alt="test" loading="lazy" />
</div>
</div>
<div class="faculty-staff-card__content">
<p class="faculty-staff-card__content-title">
<a href="#" class="iastate22-link-secondary">Lorem Ipsum
<span class="arrow"></span>
</a>
</p>
<p class="faculty-staff-card__content-body">Sample Title.</p>
<ul class="faculty-staff-card__content-contact">
<li>
<div class="faculty-staff-card__content-icon">
<a href="mailto:test@test.com">
<i class="fak fa-iastate22-email"></i>
</a>
</div>
<div class="faculty-staff-card__contact-field">
<a href="mailto:test@test.com">test@test.com</a>
</div>
</li>
<li>
<div class="faculty-staff-card__content-icon">
<i class="fak fa-iastate22-phone"></i>
</div>
<div class="faculty-staff-card__contact-field">(444) 444-4444</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name2:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name3:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name4:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="faculty-staff-card">
<div class="faculty-staff-card__media">
<div class="faculty-staff-card__media-container">
<img src="../../img/emmanuel_agba.png" alt="test" loading="lazy" />
</div>
</div>
<div class="faculty-staff-card__content">
<p class="faculty-staff-card__content-title">
<a href="#" class="iastate22-link-secondary">Lorem Ipsum
<span class="arrow"></span>
</a>
</p>
<p class="faculty-staff-card__content-body">Sample Title.</p>
<ul class="faculty-staff-card__content-contact">
<li>
<div class="faculty-staff-card__content-icon">
<a href="mailto:test@test.com">
<i class="fak fa-iastate22-email"></i>
</a>
</div>
<div class="faculty-staff-card__contact-field">
<a href="mailto:test@test.com">test@test.com</a>
</div>
</li>
<li>
<div class="faculty-staff-card__content-icon">
<i class="fak fa-iastate22-phone"></i>
</div>
<div class="faculty-staff-card__contact-field">(444) 444-4444</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name2:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name3:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name4:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="faculty-staff-card">
<div class="faculty-staff-card__media">
<div class="faculty-staff-card__media-container">
<img src="../../img/emmanuel_agba.png" alt="test" loading="lazy" />
</div>
</div>
<div class="faculty-staff-card__content">
<p class="faculty-staff-card__content-title">
<a href="#" class="iastate22-link-secondary">Lorem Ipsum
<span class="arrow"></span>
</a>
</p>
<p class="faculty-staff-card__content-body">Sample Title.</p>
<ul class="faculty-staff-card__content-contact">
<li>
<div class="faculty-staff-card__content-icon">
<a href="mailto:test@test.com">
<i class="fak fa-iastate22-email"></i>
</a>
</div>
<div class="faculty-staff-card__contact-field">
<a href="mailto:test@test.com">test@test.com</a>
</div>
</li>
<li>
<div class="faculty-staff-card__content-icon">
<i class="fak fa-iastate22-phone"></i>
</div>
<div class="faculty-staff-card__contact-field">(444) 444-4444</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name2:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name3:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name4:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="faculty-staff-card">
<div class="faculty-staff-card__media">
<div class="faculty-staff-card__media-container">
<img src="../../img/emmanuel_agba.png" alt="test" loading="lazy" />
</div>
</div>
<div class="faculty-staff-card__content">
<p class="faculty-staff-card__content-title">
<a href="#" class="iastate22-link-secondary">Lorem Ipsum
<span class="arrow"></span>
</a>
</p>
<p class="faculty-staff-card__content-body">Sample Title.</p>
<ul class="faculty-staff-card__content-contact">
<li>
<div class="faculty-staff-card__content-icon">
<a href="mailto:test@test.com">
<i class="fak fa-iastate22-email"></i>
</a>
</div>
<div class="faculty-staff-card__contact-field">
<a href="mailto:test@test.com">test@test.com</a>
</div>
</li>
<li>
<div class="faculty-staff-card__content-icon">
<i class="fak fa-iastate22-phone"></i>
</div>
<div class="faculty-staff-card__contact-field">(444) 444-4444</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name2:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name3:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name4:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="faculty-staff-card">
<div class="faculty-staff-card__media">
<div class="faculty-staff-card__media-container">
<img src="../../img/emmanuel_agba.png" alt="test" loading="lazy" />
</div>
</div>
<div class="faculty-staff-card__content">
<p class="faculty-staff-card__content-title">
Lorem Ipsum
</p>
<p class="faculty-staff-card__content-body">Sample Title.</p>
<ul class="faculty-staff-card__content-contact">
<li>
<div class="faculty-staff-card__content-icon">
<a href="mailto:test@test.com">
<i class="fak fa-iastate22-email"></i>
</a>
</div>
<div class="faculty-staff-card__contact-field">
<a href="mailto:test@test.com">test@test.com</a>
</div>
</li>
<li>
<div class="faculty-staff-card__content-icon">
<i class="fak fa-iastate22-phone"></i>
</div>
<div class="faculty-staff-card__contact-field">(444) 444-4444</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name2:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name3:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name4:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="text-content">
<h2>Category 2</h2>
</div>
<div class="paragraph-widget paragraph-widget--faculty-staff-card-set">
<div class="faculty-staff-card-set">
<div>
<div class="faculty-staff-card">
<div class="faculty-staff-card__media">
<div class="faculty-staff-card__media-container">
<img src="../../img/emmanuel_agba.png" alt="test" loading="lazy" />
</div>
</div>
<div class="faculty-staff-card__content">
<p class="faculty-staff-card__content-title">
<a href="#" class="iastate22-link-secondary">Lorem Ipsum
<span class="arrow"></span>
</a>
</p>
<p class="faculty-staff-card__content-body">Sample Title.</p>
<ul class="faculty-staff-card__content-contact">
<li>
<div class="faculty-staff-card__content-icon">
<a href="mailto:test@test.com">
<i class="fak fa-iastate22-email"></i>
</a>
</div>
<div class="faculty-staff-card__contact-field">
<a href="mailto:test@test.com">test@test.com</a>
</div>
</li>
<li>
<div class="faculty-staff-card__content-icon">
<i class="fak fa-iastate22-phone"></i>
</div>
<div class="faculty-staff-card__contact-field">(444) 444-4444</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name2:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name3:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name4:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="faculty-staff-card">
<div class="faculty-staff-card__media">
<div class="faculty-staff-card__media-container">
<img src="../../img/emmanuel_agba.png" alt="test" loading="lazy" />
</div>
</div>
<div class="faculty-staff-card__content">
<p class="faculty-staff-card__content-title">
<a href="#" class="iastate22-link-secondary">Lorem Ipsum
<span class="arrow"></span>
</a>
</p>
<p class="faculty-staff-card__content-body">Sample Title.</p>
<ul class="faculty-staff-card__content-contact">
<li>
<div class="faculty-staff-card__content-icon">
<a href="mailto:test@test.com">
<i class="fak fa-iastate22-email"></i>
</a>
</div>
<div class="faculty-staff-card__contact-field">
<a href="mailto:test@test.com">test@test.com</a>
</div>
</li>
<li>
<div class="faculty-staff-card__content-icon">
<i class="fak fa-iastate22-phone"></i>
</div>
<div class="faculty-staff-card__contact-field">(444) 444-4444</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name2:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name3:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name4:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="faculty-staff-card">
<div class="faculty-staff-card__media">
<div class="faculty-staff-card__media-container">
<img src="../../img/emmanuel_agba.png" alt="test" loading="lazy" />
</div>
</div>
<div class="faculty-staff-card__content">
<p class="faculty-staff-card__content-title">
<a href="#" class="iastate22-link-secondary">Lorem Ipsum
<span class="arrow"></span>
</a>
</p>
<p class="faculty-staff-card__content-body">Sample Title.</p>
<ul class="faculty-staff-card__content-contact">
<li>
<div class="faculty-staff-card__content-icon">
<a href="mailto:test@test.com">
<i class="fak fa-iastate22-email"></i>
</a>
</div>
<div class="faculty-staff-card__contact-field">
<a href="mailto:test@test.com">test@test.com</a>
</div>
</li>
<li>
<div class="faculty-staff-card__content-icon">
<i class="fak fa-iastate22-phone"></i>
</div>
<div class="faculty-staff-card__contact-field">(444) 444-4444</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name2:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name3:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name4:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="faculty-staff-card">
<div class="faculty-staff-card__media">
<div class="faculty-staff-card__media-container">
<img src="../../img/emmanuel_agba.png" alt="test" loading="lazy" />
</div>
</div>
<div class="faculty-staff-card__content">
<p class="faculty-staff-card__content-title">
<a href="#" class="iastate22-link-secondary">Lorem Ipsum
<span class="arrow"></span>
</a>
</p>
<p class="faculty-staff-card__content-body">Sample Title.</p>
<ul class="faculty-staff-card__content-contact">
<li>
<div class="faculty-staff-card__content-icon">
<a href="mailto:test@test.com">
<i class="fak fa-iastate22-email"></i>
</a>
</div>
<div class="faculty-staff-card__contact-field">
<a href="mailto:test@test.com">test@test.com</a>
</div>
</li>
<li>
<div class="faculty-staff-card__content-icon">
<i class="fak fa-iastate22-phone"></i>
</div>
<div class="faculty-staff-card__contact-field">(444) 444-4444</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name2:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name3:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name4:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="faculty-staff-card">
<div class="faculty-staff-card__media">
<div class="faculty-staff-card__media-container">
<img src="../../img/emmanuel_agba.png" alt="test" loading="lazy" />
</div>
</div>
<div class="faculty-staff-card__content">
<p class="faculty-staff-card__content-title">
Lorem Ipsum
</p>
<p class="faculty-staff-card__content-body">Sample Title.</p>
<ul class="faculty-staff-card__content-contact">
<li>
<div class="faculty-staff-card__content-icon">
<a href="mailto:test@test.com">
<i class="fak fa-iastate22-email"></i>
</a>
</div>
<div class="faculty-staff-card__contact-field">
<a href="mailto:test@test.com">test@test.com</a>
</div>
</li>
<li>
<div class="faculty-staff-card__content-icon">
<i class="fak fa-iastate22-phone"></i>
</div>
<div class="faculty-staff-card__contact-field">(444) 444-4444</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name2:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name3:</strong>
</div>
<div class="faculty-staff-card__contact-value"><a href='#'>Lorem ipsum</a></div>
</li>
<li>
<div class="faculty-staff-card__content-key">
<strong>Name4:</strong>
</div>
<div class="faculty-staff-card__contact-value">Lorem ipsum</div>
</li>
</ul>
</div>
</div>
</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">
</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>
<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">
<div class="faculty-staff-directory-header">
{% include "@ecosystem-home-hero--no-image" %}
<div class="paragraph-widget paragraph-widget--filter-form">
<div class="filter-form">
<form class="iastate22-form iastate22-form--inline" id="InlineForm" action="#" method="post">
<div class="form-item">
<label for="name">Search</label>
<input class="iastate22-form--search" type="text" name="name" id="name" value="" tabindex="1">
</div>
<div class="form-item">
<label for="select-choice">Category 1</label>
<select class="iastate22-form--select" name="select-choice" id="select-choice">
<option value="Choice 1">Choice 1</option>
<option value="Choice 2">Choice 2</option>
<option value="Choice 3">Choice 3</option>
</select>
</div>
<div class="form-item">
<label for="select-choice">Category 2</label>
<select class="iastate22-form--select" name="select-choice" id="select-choice">
<option value="Choice 1">Choice 1</option>
<option value="Choice 2">Choice 2</option>
<option value="Choice 3">Choice 3</option>
</select>
</div>
<div class="form-item">
<button type="submit">Search<span class="arrow"></span>
</button>
</div>
</form>
<p class="filter-form-results">About 344 Results •
<a href="#">Reset</a>
</p>
</div>
</div>
</div>
<div class="paragraph-widget paragraph-widget--faculty-staff-card-set">
{% include "@faculty-staff-card-set" with faculty_staff_card_set_one %}
</div>
<div class="text-content">
<h2>Category</h2>
</div>
<div class="paragraph-widget paragraph-widget--faculty-staff-card-set">
{% include "@faculty-staff-card-set" with faculty_staff_card_set_two %}
</div>
<div class="text-content">
<h2>Category 2</h2>
</div>
<div class="paragraph-widget paragraph-widget--faculty-staff-card-set">
{% include "@faculty-staff-card-set" with faculty_staff_card_set_three %}
</div>
</div>
{% endblock %}
{% block footer %}
{% include "@site-footer--ecosystem" %}
{% endblock %}
{
"hero": {
"title": "Faculty Directory",
"button_set": {
"items": []
}
},
"faculty_staff_card_set_one": {
"cards": [
{
"image": {
"src": "../../img/emmanuel_agba.png",
"alt": "test"
},
"url": "#",
"title": "Lorem Ipsum",
"body": "Sample Title."
},
{
"image": {
"src": "../../img/emmanuel_agba.png",
"alt": "test"
},
"url": "#",
"title": "Lorem Ipsum",
"body": "Sample Title."
},
{
"image": {
"src": "../../img/emmanuel_agba.png",
"alt": "test"
},
"url": "#",
"title": "Lorem Ipsum",
"body": "Sample Title."
},
{
"image": {
"src": "../../img/emmanuel_agba.png",
"alt": "test"
},
"url": "#",
"title": "Lorem Ipsum",
"body": "Sample Title."
},
{
"image": {
"src": "../../img/emmanuel_agba.png",
"alt": "test"
},
"url": "",
"title": "Lorem Ipsum",
"body": "Sample Title."
}
]
},
"faculty_staff_card_set_two": {
"cards": [
{
"image": {
"src": "../../img/emmanuel_agba.png",
"alt": "test"
},
"url": "#",
"title": "Lorem Ipsum",
"body": "Sample Title."
},
{
"image": {
"src": "../../img/emmanuel_agba.png",
"alt": "test"
},
"url": "#",
"title": "Lorem Ipsum",
"body": "Sample Title."
},
{
"image": {
"src": "../../img/emmanuel_agba.png",
"alt": "test"
},
"url": "#",
"title": "Lorem Ipsum",
"body": "Sample Title."
},
{
"image": {
"src": "../../img/emmanuel_agba.png",
"alt": "test"
},
"url": "#",
"title": "Lorem Ipsum",
"body": "Sample Title."
},
{
"image": {
"src": "../../img/emmanuel_agba.png",
"alt": "test"
},
"url": "",
"title": "Lorem Ipsum",
"body": "Sample Title."
}
]
},
"faculty_staff_card_set_three": {
"cards": [
{
"image": {
"src": "../../img/emmanuel_agba.png",
"alt": "test"
},
"url": "#",
"title": "Lorem Ipsum",
"body": "Sample Title."
},
{
"image": {
"src": "../../img/emmanuel_agba.png",
"alt": "test"
},
"url": "#",
"title": "Lorem Ipsum",
"body": "Sample Title."
},
{
"image": {
"src": "../../img/emmanuel_agba.png",
"alt": "test"
},
"url": "#",
"title": "Lorem Ipsum",
"body": "Sample Title."
},
{
"image": {
"src": "../../img/emmanuel_agba.png",
"alt": "test"
},
"url": "#",
"title": "Lorem Ipsum",
"body": "Sample Title."
},
{
"image": {
"src": "../../img/emmanuel_agba.png",
"alt": "test"
},
"url": "",
"title": "Lorem Ipsum",
"body": "Sample Title."
}
]
}
}
There are no notes for this item.