<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 & Staff Directory</h1>
                        </div>
                    </div>
                    <div class="paragraph-widget paragraph-widget--filter-form">
                        <div class="filter-form a-z-index-header-container">
                            <h2 class="filter-form__label">A-Z Index</h2>
                        </div>
                    </div>
                    <div class="a-z-index-letter-list">

                        <div class="facetwp-facet facetwp-facet-faculty_a_z facetwp-type-alpha" data-name="faculty_a_z" data-type="alpha">
                            <span class="facetwp-alpha facetwp-link available" data-id="">Any</span>
                            <span class="facetwp-alpha facetwp-link" data-id="#">#</span>
                            <span class="facetwp-alpha facetwp-link" data-id="A">A</span>
                            <span class="facetwp-alpha facetwp-link" data-id="B">B</span>
                            <span class="facetwp-alpha facetwp-link" data-id="C">C</span>
                            <span class="facetwp-alpha facetwp-link available" data-id="D">D</span>
                            <span class="facetwp-alpha facetwp-link available" data-id="E">E</span>
                            <span class="facetwp-alpha facetwp-link" data-id="F">F</span>
                            <span class="facetwp-alpha facetwp-link" data-id="G">G</span>
                            <span class="facetwp-alpha facetwp-link" data-id="H">H</span>
                            <span class="facetwp-alpha facetwp-link" data-id="I">I</span>
                            <span class="facetwp-alpha facetwp-link available" data-id="J">J</span>
                            <span class="facetwp-alpha facetwp-link" data-id="K">K</span>
                            <span class="facetwp-alpha facetwp-link" data-id="L">L</span>
                            <span class="facetwp-alpha facetwp-link" data-id="M">M</span>
                            <span class="facetwp-alpha facetwp-link" data-id="N">N</span>
                            <span class="facetwp-alpha facetwp-link" data-id="O">O</span>
                            <span class="facetwp-alpha facetwp-link" data-id="P">P</span>
                            <span class="facetwp-alpha facetwp-link" data-id="Q">Q</span>
                            <span class="facetwp-alpha facetwp-link" data-id="R">R</span>
                            <span class="facetwp-alpha facetwp-link available" data-id="S">S</span>
                            <span class="facetwp-alpha facetwp-link" data-id="T">T</span>
                            <span class="facetwp-alpha facetwp-link" data-id="U">U</span>
                            <span class="facetwp-alpha facetwp-link" data-id="V">V</span>
                            <span class="facetwp-alpha facetwp-link" data-id="W">W</span>
                            <span class="facetwp-alpha facetwp-link" data-id="X">X</span>
                            <span class="facetwp-alpha facetwp-link" data-id="Y">Y</span>
                            <span class="facetwp-alpha facetwp-link" data-id="Z">Z</span>
                        </div>
                    </div>
                </div>

                <div class="paragraph-widget paragraph-widget--faculty-staff-feed-item">
                    <div class="faculty-staff-feed-item-set">
                        <ul>
                            <li>
                                <div class="faculty-staff-feed-item">
                                    <div class="faculty-staff-feed-item__media">
                                        <div class="faculty-staff-feed-item__media-container">
                                            <img class="faculty-staff-feed-item__media-image" src="../../img/emmanuel_agba.png" alt="test" loading="lazy">
                                        </div>
                                    </div>
                                    <div class="faculty-staff-feed-item__content text-content">
                                        <h2 class="faculty-staff-feed-item__content-name">Lorem Ipsum</h2>
                                        <p class="faculty-staff-feed-item__content-body">Sample Title</p>
                                        <p><a href="#" class="iastate22-link-secondary">About <span class="arrow"></span></a></p>
                                        <ul class="faculty-staff-feed-item__content-contact">
                                            <li>
                                                <div class="faculty-staff-feed-item__content-icon"><a href="mailto:test@test.com"><i class="fak fa-iastate22-email"></i></a></div>
                                                <div class="faculty-staff-feed-item__contact-field"><a href="mailto:test@test.com">test@test.com</a></div>
                                            </li>
                                            <li>
                                                <div class="faculty-staff-feed-item__content-icon"><i class="fak fa-iastate22-phone"></i></div>
                                                <div class="faculty-staff-feed-item__contact-field">(444) 444-4444</div>
                                            </li>
                                            <li>
                                                <div class="faculty-staff-feed-item__content-key"><strong>Name:</strong></div>
                                                <div class="faculty-staff-feed-item__contact-value">Lorem ipsum</div>
                                            </li>
                                            <li>
                                                <div class="faculty-staff-feed-item__content-key"><strong>Name2:</strong></div>
                                                <div class="faculty-staff-feed-item__contact-value"><a href='#'>Lorem ipsum</a></div>
                                            </li>
                                            <li>
                                                <div class="faculty-staff-feed-item__content-key"><strong>Name3:</strong></div>
                                                <div class="faculty-staff-feed-item__contact-value"><a href='#'>Lorem ipsum</a></div>
                                            </li>
                                            <li>
                                                <div class="faculty-staff-feed-item__content-key"><strong>Name4:</strong></div>
                                                <div class="faculty-staff-feed-item__contact-value">Lorem ipsum</div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="faculty-staff-feed-item">
                                    <div class="faculty-staff-feed-item__media">
                                        <div class="faculty-staff-feed-item__media-container">
                                            <img class="faculty-staff-feed-item__media-image" src="../../img/emmanuel_agba.png" alt="test" loading="lazy">
                                        </div>
                                    </div>
                                    <div class="faculty-staff-feed-item__content text-content">
                                        <h2 class="faculty-staff-feed-item__content-name">Website Title Lorem Ipsum Even Longer Lorem Ipsum</h2>
                                        <p class="faculty-staff-feed-item__content-body">Sample Title</p>
                                        <p><a href="#" class="iastate22-link-secondary">About <span class="arrow"></span></a></p>
                                        <ul class="faculty-staff-feed-item__content-contact">
                                            <li>
                                                <div class="faculty-staff-feed-item__content-icon"><i class="fak fa-iastate22-phone"></i></div>
                                                <div class="faculty-staff-feed-item__contact-field">(444) 444-4444</div>
                                            </li>
                                            <li>
                                                <div class="faculty-staff-feed-item__content-key"><strong>Name:</strong></div>
                                                <div class="faculty-staff-feed-item__contact-value">Lorem ipsum</div>
                                            </li>
                                            <li>
                                                <div class="faculty-staff-feed-item__content-key"><strong>Name2:</strong></div>
                                                <div class="faculty-staff-feed-item__contact-value"><a href='#'>Lorem ipsum</a></div>
                                            </li>
                                            <li>
                                                <div class="faculty-staff-feed-item__content-key"><strong>Name3:</strong></div>
                                                <div class="faculty-staff-feed-item__contact-value"><a href='#'>Lorem ipsum</a></div>
                                            </li>
                                            <li>
                                                <div class="faculty-staff-feed-item__content-key"><strong>Name4:</strong></div>
                                                <div class="faculty-staff-feed-item__contact-value">Lorem ipsum</div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="faculty-staff-feed-item">
                                    <div class="faculty-staff-feed-item__media">
                                        <div class="faculty-staff-feed-item__media-container">
                                            <img class="faculty-staff-feed-item__media-image" src="../../img/emmanuel_agba.png" alt="test" loading="lazy">
                                        </div>
                                    </div>
                                    <div class="faculty-staff-feed-item__content text-content">
                                        <h2 class="faculty-staff-feed-item__content-name">Lorem Ipsum</h2>
                                        <p class="faculty-staff-feed-item__content-body">Sample Title</p>
                                        <p><a href="#" class="iastate22-link-secondary">About <span class="arrow"></span></a></p>
                                        <ul class="faculty-staff-feed-item__content-contact">
                                            <li>
                                                <div class="faculty-staff-feed-item__content-icon"><a href="mailto:test@test.com"><i class="fak fa-iastate22-email"></i></a></div>
                                                <div class="faculty-staff-feed-item__contact-field"><a href="mailto:test@test.com">test@test.com</a></div>
                                            </li>
                                            <li>
                                                <div class="faculty-staff-feed-item__content-key"><strong>Name:</strong></div>
                                                <div class="faculty-staff-feed-item__contact-value">Lorem ipsum</div>
                                            </li>
                                            <li>
                                                <div class="faculty-staff-feed-item__content-key"><strong>Name2:</strong></div>
                                                <div class="faculty-staff-feed-item__contact-value"><a href='#'>Lorem ipsum</a></div>
                                            </li>
                                            <li>
                                                <div class="faculty-staff-feed-item__content-key"><strong>Name3:</strong></div>
                                                <div class="faculty-staff-feed-item__contact-value"><a href='#'>Lorem ipsum</a></div>
                                            </li>
                                            <li>
                                                <div class="faculty-staff-feed-item__content-key"><strong>Name4:</strong></div>
                                                <div class="faculty-staff-feed-item__contact-value">Lorem ipsum</div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="faculty-staff-feed-item">
                                    <div class="faculty-staff-feed-item__media">
                                        <div class="faculty-staff-feed-item__media-container">
                                            <img class="faculty-staff-feed-item__media-image" src="../../img/emmanuel_agba.png" alt="test" loading="lazy">
                                        </div>
                                    </div>
                                    <div class="faculty-staff-feed-item__content text-content">
                                        <h2 class="faculty-staff-feed-item__content-name">Website Title Lorem Ipsum Even Longer Lorem Ipsum</h2>
                                        <p class="faculty-staff-feed-item__content-body">Sample Title</p>
                                        <p><a href="#" class="iastate22-link-secondary">About <span class="arrow"></span></a></p>
                                        <ul class="faculty-staff-feed-item__content-contact">
                                            <li>
                                                <div class="faculty-staff-feed-item__content-key"><strong>Name:</strong></div>
                                                <div class="faculty-staff-feed-item__contact-value">Lorem ipsum</div>
                                            </li>
                                            <li>
                                                <div class="faculty-staff-feed-item__content-key"><strong>Name2:</strong></div>
                                                <div class="faculty-staff-feed-item__contact-value"><a href='#'>Lorem ipsum</a></div>
                                            </li>
                                            <li>
                                                <div class="faculty-staff-feed-item__content-key"><strong>Name3:</strong></div>
                                                <div class="faculty-staff-feed-item__contact-value"><a href='#'>Lorem ipsum</a></div>
                                            </li>
                                            <li>
                                                <div class="faculty-staff-feed-item__content-key"><strong>Name4:</strong></div>
                                                <div class="faculty-staff-feed-item__contact-value">Lorem ipsum</div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="faculty-staff-feed-item">
                                    <div class="faculty-staff-feed-item__media">
                                        <div class="faculty-staff-feed-item__media-container">
                                            <img class="faculty-staff-feed-item__media-image" src="../../img/emmanuel_agba.png" alt="test" loading="lazy">
                                        </div>
                                    </div>
                                    <div class="faculty-staff-feed-item__content text-content">
                                        <h2 class="faculty-staff-feed-item__content-name">Lorem Ipsum</h2>
                                        <p class="faculty-staff-feed-item__content-body">Sample Title</p>
                                        <ul class="faculty-staff-feed-item__content-contact">
                                            <li>
                                                <div class="faculty-staff-feed-item__content-key"><strong>Name:</strong></div>
                                                <div class="faculty-staff-feed-item__contact-value">Lorem ipsum</div>
                                            </li>
                                            <li>
                                                <div class="faculty-staff-feed-item__content-key"><strong>Name2:</strong></div>
                                                <div class="faculty-staff-feed-item__contact-value"><a href='#'>Lorem ipsum</a></div>
                                            </li>
                                            <li>
                                                <div class="faculty-staff-feed-item__content-key"><strong>Name3:</strong></div>
                                                <div class="faculty-staff-feed-item__contact-value"><a href='#'>Lorem ipsum</a></div>
                                            </li>
                                            <li>
                                                <div class="faculty-staff-feed-item__content-key"><strong>Name4:</strong></div>
                                                <div class="faculty-staff-feed-item__contact-value">Lorem ipsum</div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="paragraph-widget paragraph-widget--pagination">
                    <nav class="pagination-block">
                        <ul class="pagination">

                            <li class="first">
                                <a href="#">
          <span class="visible-for-screen-readers">First</span>
        </a>
                            </li>

                            <li class="prev">
                                <a href="#">
          <span class="visible-for-screen-readers">Previous</span>
        </a>
                            </li>

                            <li>
                                <a href="#" class="page-number page-numbers">1</a>
                            </li>
                            <li class="current">
                                <span class="page-number page-numbers current">2</span>
                            </li>
                            <li>
                                <a href="#" class="page-number page-numbers">3</a>
                            </li>

                            <li class="next">
                                <a href="#">
          <span class="visible-for-screen-readers">Next</span>
        </a>
                            </li>

                            <li class="last">
                                <a href="#">
          <span class="visible-for-screen-readers">Last</span>
        </a>
                            </li>

                        </ul>
                    </nav>
                </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>&copy;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 a-z-index-header-container">
        <h2 class="filter-form__label">A-Z Index</h2>
      </div>
    </div>
    <div class="a-z-index-letter-list">
      {# <ul>
        {% for letter in letter_list %}
        <li>
          {% if letter.url %}
          <a {% if letter.current_page == true  %}class="a-z-index-letter-list__active"{% endif %} href="{{ letter.url }}">{{ letter.letter }}</a>
          {% else %}
          <span>{{ letter.letter }}</span>
          {% endif %}
        </li>
        {% endfor %}
      </ul> #}
      <div class="facetwp-facet facetwp-facet-faculty_a_z facetwp-type-alpha" data-name="faculty_a_z" data-type="alpha">
        <span class="facetwp-alpha facetwp-link available" data-id="">Any</span>
        <span class="facetwp-alpha facetwp-link" data-id="#">#</span>
        <span class="facetwp-alpha facetwp-link" data-id="A">A</span>
        <span class="facetwp-alpha facetwp-link" data-id="B">B</span>
        <span class="facetwp-alpha facetwp-link" data-id="C">C</span>
        <span class="facetwp-alpha facetwp-link available" data-id="D">D</span>
        <span class="facetwp-alpha facetwp-link available" data-id="E">E</span>
        <span class="facetwp-alpha facetwp-link" data-id="F">F</span>
        <span class="facetwp-alpha facetwp-link" data-id="G">G</span>
        <span class="facetwp-alpha facetwp-link" data-id="H">H</span>
        <span class="facetwp-alpha facetwp-link" data-id="I">I</span>
        <span class="facetwp-alpha facetwp-link available" data-id="J">J</span>
        <span class="facetwp-alpha facetwp-link" data-id="K">K</span>
        <span class="facetwp-alpha facetwp-link" data-id="L">L</span>
        <span class="facetwp-alpha facetwp-link" data-id="M">M</span>
        <span class="facetwp-alpha facetwp-link" data-id="N">N</span>
        <span class="facetwp-alpha facetwp-link" data-id="O">O</span>
        <span class="facetwp-alpha facetwp-link" data-id="P">P</span>
        <span class="facetwp-alpha facetwp-link" data-id="Q">Q</span>
        <span class="facetwp-alpha facetwp-link" data-id="R">R</span>
        <span class="facetwp-alpha facetwp-link available" data-id="S">S</span>
        <span class="facetwp-alpha facetwp-link" data-id="T">T</span>
        <span class="facetwp-alpha facetwp-link" data-id="U">U</span>
        <span class="facetwp-alpha facetwp-link" data-id="V">V</span>
        <span class="facetwp-alpha facetwp-link" data-id="W">W</span>
        <span class="facetwp-alpha facetwp-link" data-id="X">X</span>
        <span class="facetwp-alpha facetwp-link" data-id="Y">Y</span>
        <span class="facetwp-alpha facetwp-link" data-id="Z">Z</span>
      </div>
    </div>
  </div>

  <div class="paragraph-widget paragraph-widget--faculty-staff-feed-item">
    {% include "@faculty-staff-feed-item-set" with faculty_staff_feed_item_set %}
  </div>
  
  <div class="paragraph-widget paragraph-widget--pagination">
    {% include "@pagination" %}
  </div>
</div>
{% endblock %}

{% block footer %}
  {% include "@site-footer--ecosystem" %}
{% endblock %}
{
  "hero": {
    "title": "Faculty & Staff Directory",
    "button_set": {
      "items": []
    }
  },
  "letter_list": [
    {
      "letter": "A",
      "url": "https://www.iastate.edu/",
      "current_page": true
    },
    {
      "letter": "B",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "C",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "D",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "E",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "F",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "G",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "H",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "I",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "J",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "K",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "L",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "M",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "N",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "O",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "P",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "Q",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "R",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "S",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "T",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "U",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "V",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "W",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "X"
    },
    {
      "letter": "Y",
      "url": "https://www.iastate.edu/"
    },
    {
      "letter": "Z",
      "url": "https://www.iastate.edu/"
    }
  ],
  "faculty_staff_feed_item_set": {
    "faculty_staff_items": [
      {
        "image": {
          "src": "../../img/emmanuel_agba.png",
          "alt": "test"
        },
        "url": "#",
        "title": "Lorem Ipsum",
        "body": "Sample Title",
        "email": "test@test.com",
        "phone": "(444) 444-4444"
      },
      {
        "image": {
          "src": "../../img/emmanuel_agba.png",
          "alt": "test"
        },
        "url": "#",
        "title": "Website Title Lorem Ipsum Even Longer Lorem Ipsum",
        "body": "Sample Title",
        "email": "",
        "phone": "(444) 444-4444"
      },
      {
        "image": {
          "src": "../../img/emmanuel_agba.png",
          "alt": "test"
        },
        "url": "#",
        "title": "Lorem Ipsum",
        "body": "Sample Title",
        "email": "test@test.com",
        "phone": ""
      },
      {
        "image": {
          "src": "../../img/emmanuel_agba.png",
          "alt": "test"
        },
        "url": "#",
        "title": "Website Title Lorem Ipsum Even Longer Lorem Ipsum",
        "body": "Sample Title",
        "email": "",
        "phone": ""
      },
      {
        "image": {
          "src": "../../img/emmanuel_agba.png",
          "alt": "test"
        },
        "url": "",
        "title": "Lorem Ipsum",
        "body": "Sample Title",
        "email": "",
        "phone": ""
      }
    ]
  }
}

There are no notes for this item.