<div class="page page--white">
<header class="page__header">
<a href="#content" class="page__skip-to-content">Skip to content</a>
<div class="header" data-header>
<div class="header__container">
<div class="header__logo">
<a href="/">
<span class="header__logo-text">
National Network of Public Health Institutes
</span>
<svg role="none" aria-hidden="true" width="292" height="32" viewBox=" 0 0 292 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>National Network of Public Health Institutes (NNPHI)</title>
<g>
<path d="M22.38.55v9.993c0 3.423.055 6.847.176 10.31L12.594.617H0V31.55h8.288v-7.803c0-5.017-.094-10.006-.27-15.036l11.366 22.826h11.285V.617L22.38.55z" fill="#520B4E" />
<path d="M117.707.616v11.36h-13.404V.616h-8.639V31.55h8.639V19.155h13.404V31.55h8.639V.616h-8.639zM138.508.616h-8.639V31.55h8.639V.616z" fill="#4ABDED" />
<path d="M64.86 14.112V.616h-8.288v9.913c0 1.3 0 2.27.027 3.583h8.261z" fill="#520B4E" />
<path d="M68.383 31.55h8.64l-.041-7.724h-8.64l.041 7.724zM50.444 22.367h32.41c6.681 0 11.446-3.08 12.823-7.883.27-.929.405-1.938.405-2.986 0-1.048-.135-2.097-.405-3.039C94.341 3.67 89.765.63 83.3.63H68.397v13.497h8.639V7.384h5.062c3.617 0 5.156 1.433 5.156 4.114 0 2.68-1.539 4.114-5.156 4.114H47.204" fill="#4ABDED" />
<path d="M58.273 23.813l-1.58-3.105L46.8.616H34.191V31.55h8.288v-7.803c0-5.03-.094-10.006-.256-15.036l11.366 22.825h11.285V23.8" fill="#520B4E" />
<path d="M142.139 1.12h-1.093V.616h2.808v.504h-1.094v2.933h-.607V1.12h-.014zM145.703 4.04l-.891-2.774V4.04h-.594V.616h.945l.85 2.734.837-2.734h.945V4.04h-.594V1.266l-.891 2.774h-.621.014z" fill="#4ABDED" />
<path d="M154.693 17.722h-1.323V8.008h1.714l5.251 8.042c-.027-1.221-.04-2.455-.04-3.676V8.008h1.323v9.714h-1.715l-5.251-8.042c.027 1.354.041 2.694.041 4.02v4.022zM167.935 17.722c-.121-.412-.175-.836-.189-1.473-.391.929-1.296 1.632-2.551 1.632-1.255 0-2.011-.544-2.011-1.871s.715-1.898 2.591-2.19l1.944-.318v-.359c0-1.194-.634-1.672-1.633-1.672s-1.593.319-1.661 1.62h-1.093c.054-1.805 1.363-2.615 2.835-2.615 1.471 0 2.74.969 2.74 2.548v2.668c0 .902.081 1.539.216 2.03h-1.188zm-2.281-.796c1.134 0 2.092-.61 2.092-1.752v-.836l-1.525.239c-1.283.199-1.809.637-1.809 1.327s.391 1.008 1.242 1.008v.014zM172.808 17.788c-1.268 0-1.903-.597-1.903-1.91V11.63h-.999v-.996h.999v-1.5h1.215v1.5h1.647v.996h-1.647v4.087c0 .783.297 1.048 1.093 1.048h.554v.956c-.257.04-.54.066-.959.066zM176.115 8.008v1.22H174.9v-1.22h1.215zm0 2.64v7.074H174.9v-7.073h1.215zM181.015 10.49c1.971 0 3.51 1.446 3.51 3.702 0 2.256-1.552 3.702-3.51 3.702-1.957 0-3.509-1.446-3.509-3.702 0-2.256 1.552-3.703 3.509-3.703zm0 6.41c1.215 0 2.241-1.05 2.241-2.708 0-1.659-1.026-2.707-2.241-2.707-1.214 0-2.24 1.048-2.24 2.707 0 1.659 1.026 2.707 2.24 2.707zM187.103 10.649v1.42c.364-.943 1.161-1.58 2.403-1.58s2.389 1.075 2.389 2.72v4.513h-1.215v-4.26c0-1.194-.621-1.964-1.755-1.964s-1.795.756-1.795 1.964v4.26h-1.215v-7.073h1.188zM198.037 17.722c-.122-.412-.176-.836-.189-1.473-.392.929-1.296 1.632-2.552 1.632-1.255 0-2.011-.544-2.011-1.871s.716-1.898 2.592-2.19l1.944-.318v-.359c0-1.194-.635-1.672-1.634-1.672-.999 0-1.592.319-1.66 1.62h-1.093c.054-1.805 1.363-2.615 2.834-2.615 1.472 0 2.741.969 2.741 2.548v2.668c0 .902.081 1.539.216 2.03h-1.188zm-2.282-.796c1.134 0 2.093-.61 2.093-1.752v-.836l-1.526.239c-1.282.199-1.808.637-1.808 1.327s.391 1.008 1.241 1.008v.014zM202.1 7.849v9.873h-1.215V7.849h1.215zM208.836 17.722h-1.323V8.008h1.714l5.251 8.042c-.027-1.221-.041-2.455-.041-3.676V8.008h1.323v9.714h-1.714l-5.251-8.042c.027 1.354.041 2.694.041 4.02v4.022zM218.501 14.271c.04 1.646.999 2.628 2.254 2.628s1.687-.716 1.863-1.54h1.107c-.23 1.514-1.404 2.535-2.997 2.535s-3.456-1.446-3.456-3.702c0-2.256 1.391-3.703 3.402-3.703s3.078 1.54 3.051 3.782h-5.224zm.094-.955h3.901c-.162-1.38-.945-1.858-1.808-1.858-.864 0-1.85.69-2.093 1.858zM227.139 17.788c-1.268 0-1.903-.597-1.903-1.91V11.63h-.999v-.996h.999v-1.5h1.215v1.5h1.647v.996h-1.647v4.087c0 .783.297 1.048 1.093 1.048h.554v.956c-.257.04-.54.066-.959.066zM230.474 17.722l-2.133-7.073h1.282l1.728 6.277h.04l1.688-6.277h1.633l1.62 6.277h.054l1.701-6.277h1.215l-2.201 7.073h-1.66l-1.606-5.866-1.715 5.866h-1.66.014zM243.27 10.49c1.971 0 3.51 1.446 3.51 3.702 0 2.256-1.552 3.702-3.51 3.702-1.957 0-3.509-1.446-3.509-3.702 0-2.256 1.552-3.703 3.509-3.703zm0 6.41c1.215 0 2.241-1.05 2.241-2.708 0-1.659-1.026-2.707-2.241-2.707s-2.24 1.048-2.24 2.707c0 1.659 1.025 2.707 2.24 2.707zM249.358 10.649V12.4c.31-1.088 1.012-1.818 1.984-1.818s.459.013.621.067v1.035h-.702c-1.161 0-1.863.557-1.863 2.057v3.98h-1.214V10.65h1.187-.013zM255.959 13.688l3.307 4.034h-1.471l-1.296-1.632c-.432-.544-.877-1.089-1.296-1.633l-.972 1.009v2.256h-1.214V7.849h1.214v6.29l3.213-3.477h1.444l-2.915 3.039-.014-.013zM265.692 17.855c-.284 0-.54-.053-.797-.16a1.86 1.86 0 01-.648-.477c-.189-.213-.324-.478-.432-.783a3.09 3.09 0 01-.162-1.035c0-.385.108-1.049.311-1.566.202-.518.472-.97.81-1.367a4.543 4.543 0 011.134-.969c.432-.239.863-.372 1.322-.372.459 0 .581.054.824.16.256.106.472.265.648.477.175.213.324.452.418.744.108.292.162.61.162.955 0 .518-.108 1.035-.31 1.553a5.594 5.594 0 01-.81 1.406 4.389 4.389 0 01-1.148 1.022c-.431.266-.877.398-1.322.398v.014zm.067-.624c.284 0 .567-.146.837-.425a4.22 4.22 0 00.742-1.088c.216-.438.405-.916.54-1.433a5.843 5.843 0 00.203-1.473c0-.465-.081-.73-.23-.89-.148-.159-.364-.238-.634-.238s-.365.066-.554.186a2.431 2.431 0 00-.526.517 6.627 6.627 0 00-.472.756 6.648 6.648 0 00-.621 1.872 5.95 5.95 0 00-.081.955c0 .451.081.783.229.969a.696.696 0 00.567.279v.013zM271.645 16.833c-.216.836-.432 1.513-.648 2.043-.216.531-.446.943-.702 1.248a1.963 1.963 0 01-.81.624 2.49 2.49 0 01-.972.172c-.365 0-.635-.093-.864-.265-.229-.186-.337-.398-.337-.664 0-.265.054-.371.161-.478.108-.119.257-.172.446-.172s.297.04.364.133c.068.093.122.185.162.292.041.106.095.199.162.292.054.092.176.132.338.132.162 0 .364-.093.526-.292.162-.199.284-.45.365-.77l1.809-6.9h-1.202l.162-.557h1.188c.189-.73.378-1.354.594-1.872.216-.517.445-.942.702-1.274.256-.331.513-.57.796-.716.284-.146.581-.226.905-.226.486 0 .891.106 1.215.305.31.2.472.452.472.757s-.054.345-.162.478a.542.542 0 01-.445.199c-.189 0-.284-.027-.365-.08a.663.663 0 01-.202-.226 1.135 1.135 0 01-.095-.278l-.081-.279a.514.514 0 00-.148-.226c-.068-.053-.162-.08-.297-.08-.135 0-.324.094-.486.266a3.026 3.026 0 00-.473.73 7.54 7.54 0 00-.418 1.115c-.135.438-.257.902-.365 1.42h1.256l-.176.557h-1.215l-1.174 4.618.014-.026zM153.356 21.677h4.266c2.146 0 3.537 1.14 3.537 3.012 0 1.871-1.404 3.012-3.537 3.012h-2.929v3.703h-1.323V21.69l-.014-.014zm4.252 4.896c1.418 0 2.187-.703 2.187-1.897 0-1.195-.769-1.898-2.187-1.898h-2.929v3.782h2.929v.013zM167.179 31.39v-1.433c-.365.943-1.175 1.593-2.416 1.593-1.242 0-2.295-1.049-2.295-2.668v-4.565h1.215v4.26c0 1.327.607 1.964 1.741 1.964 1.134 0 1.728-.756 1.728-1.964v-4.26h1.215v7.074h-1.188zM171.525 21.517v4.46c.351-1.05 1.283-1.819 2.457-1.819 1.714 0 3.132 1.447 3.132 3.703s-1.499 3.702-3.092 3.702c-1.592 0-2.159-.756-2.537-1.805v1.646h-1.188V21.53h1.215l.013-.014zm4.32 6.33c0-1.685-.986-2.707-2.214-2.707s-2.133.743-2.133 2.548v.332c0 1.791 1.067 2.548 2.133 2.548s2.214-1.022 2.214-2.707v-.014zM179.719 21.517v9.874h-1.215v-9.874h1.215zM182.878 21.677v1.22h-1.215v-1.22h1.215zm0 2.64v7.074h-1.215v-7.074h1.215zM189.546 26.76c-.229-1.01-.769-1.62-1.835-1.62-1.067 0-2.174 1.022-2.174 2.707 0 1.686 1.026 2.707 2.174 2.707 1.147 0 1.66-.61 1.876-1.618h1.134c-.203 1.552-1.256 2.614-3.024 2.614s-3.442-1.447-3.442-3.703 1.62-3.702 3.442-3.702 2.821 1.022 2.97 2.614h-1.134.013zM196.889 21.677v4.113h5.589v-4.113h1.323v9.714h-1.323v-4.486h-5.589v4.486h-1.323v-9.714h1.323zM206.567 27.927c.041 1.646.999 2.628 2.254 2.628 1.256 0 1.688-.717 1.863-1.54h1.107c-.229 1.513-1.404 2.535-2.996 2.535-1.593 0-3.456-1.447-3.456-3.703s1.39-3.702 3.402-3.702c2.011 0 3.077 1.54 3.05 3.782h-5.224zm.081-.942h3.901c-.162-1.38-.945-1.858-1.808-1.858-.864 0-1.85.69-2.093 1.858zM217.434 31.39c-.121-.41-.175-.835-.189-1.473-.391.93-1.296 1.633-2.551 1.633-1.255 0-2.011-.544-2.011-1.871s.715-1.898 2.591-2.19l1.944-.319v-.358c0-1.194-.634-1.672-1.633-1.672s-1.593.319-1.661 1.62h-1.093c.054-1.806 1.363-2.615 2.835-2.615 1.471 0 2.74.969 2.74 2.548v2.667c0 .903.081 1.54.216 2.03h-1.188zm-2.295-.809c1.134 0 2.093-.61 2.093-1.752v-.836l-1.526.24c-1.282.198-1.809.636-1.809 1.326 0 .69.392 1.009 1.242 1.009v.013zM221.497 21.517v9.874h-1.215v-9.874h1.215zM225.452 31.457c-1.269 0-1.903-.597-1.903-1.911v-4.247h-.999v-.995h.999v-1.5h1.215v1.5h1.646v.995h-1.646v4.088c0 .783.297 1.048 1.093 1.048h.553v.956c-.256.04-.54.066-.958.066zM228.759 21.517v4.154c.378-.902 1.161-1.513 2.376-1.513 1.214 0 2.389 1.075 2.389 2.72v4.513h-1.215v-4.26c0-1.195-.621-1.964-1.755-1.964s-1.795.756-1.795 1.964v4.26h-1.215v-9.874h1.215zM240.206 21.677v9.714h-1.323v-9.714h1.323zM243.473 24.317v1.42c.364-.942 1.161-1.579 2.403-1.579s2.389 1.075 2.389 2.72v4.512h-1.215v-4.26c0-1.194-.621-1.963-1.755-1.963s-1.795.756-1.795 1.964v4.26h-1.215v-7.074h1.188zM250.614 29.387c.081.716.607 1.194 1.768 1.194s1.512-.372 1.512-1.048c0-.677-.621-.943-1.688-1.195-1.592-.398-2.51-.862-2.51-2.163 0-1.3 1.08-2.03 2.672-2.03 1.593 0 2.579.836 2.579 2.083h-1.121c-.054-.73-.594-1.114-1.471-1.114-.878 0-1.418.238-1.418.982 0 .743.581.915 1.58 1.154 1.647.398 2.632.876 2.632 2.203s-1.107 2.097-2.781 2.097c-1.673 0-2.875-.876-2.875-2.163h1.121zM258.456 31.457c-1.269 0-1.903-.597-1.903-1.911v-4.247h-.999v-.995h.999v-1.5h1.214v1.5h1.647v.995h-1.647v4.088c0 .783.297 1.048 1.094 1.048h.553v.956c-.256.04-.54.066-.958.066zM261.763 21.677v1.22h-1.215v-1.22h1.215zm0 2.64v7.074h-1.215v-7.074h1.215zM265.719 31.457c-1.269 0-1.904-.597-1.904-1.911v-4.247h-.999v-.995h.999v-1.5h1.215v1.5h1.647v.995h-1.647v4.088c0 .783.297 1.048 1.094 1.048h.553v.956c-.256.04-.54.066-.958.066zM272.468 31.39v-1.433c-.365.943-1.175 1.593-2.416 1.593-1.242 0-2.295-1.049-2.295-2.668v-4.565h1.215v4.26c0 1.327.607 1.964 1.741 1.964 1.134 0 1.728-.756 1.728-1.964v-4.26h1.215v7.074h-1.188zM277.624 31.457c-1.269 0-1.903-.597-1.903-1.911v-4.247h-.999v-.995h.999v-1.5h1.214v1.5h1.647v.995h-1.647v4.088c0 .783.297 1.048 1.094 1.048h.553v.956c-.256.04-.54.066-.958.066zM280.391 27.927c.041 1.646.999 2.628 2.255 2.628 1.255 0 1.687-.717 1.862-1.54h1.107c-.229 1.513-1.403 2.535-2.996 2.535s-3.456-1.447-3.456-3.703 1.39-3.702 3.402-3.702c2.011 0 3.077 1.54 3.05 3.782h-5.224zm.081-.942h3.901c-.161-1.38-.944-1.858-1.808-1.858-.864 0-1.85.69-2.093 1.858zM287.45 29.387c.081.716.608 1.194 1.769 1.194s1.512-.372 1.512-1.048c0-.677-.621-.943-1.688-1.195-1.593-.398-2.51-.862-2.51-2.163 0-1.3 1.079-2.03 2.672-2.03 1.593 0 2.579.836 2.579 2.083h-1.121c-.054-.73-.594-1.114-1.471-1.114-.878 0-1.418.238-1.418.982 0 .743.581.915 1.58 1.154 1.647.398 2.632.876 2.632 2.203s-1.107 2.097-2.781 2.097c-1.674 0-2.875-.876-2.875-2.163h1.12z" fill="#21415B" />
</g>
</svg>
</a>
</div>
<div class="header__primary-navigation">
<div role="navigation" aria-label="Main Navigation" class="primary-navigation">
<ul class="primary-navigation__list">
<li class="primary-navigation__item" data-item-has-children data-large-primary-navigation-item="hidden">
<a class="
primary-navigation__item-link
" href="#" data-main-has-submenu>
<span class="primary-navigation__item-link-text">
Workforce resources
</span>
</a>
<button class="primary-navigation__submenu-toggle" data-submenu-large-toggle aria-expanded="false" aria-label="Workforce resources submenu" aria-haspopup="menu">
<span class="primary-navigation__item-link-icon">
<svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<title>toggle</title>
<g>
<path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
</g>
</svg>
</span>
</button>
<ul class="primary-navigation-children">
<li class="primary-navigation-children-item">
<a class="
primary-navigation-children__item-link
" href="#">Resource Directory
</a>
</li>
<li class="primary-navigation-children-item">
<a class="
primary-navigation-children__item-link
" href="#">Trainings
</a>
</li>
</ul>
</li>
<li class="primary-navigation__item" data-item-has-children data-large-primary-navigation-item="hidden">
<a class="
primary-navigation__item-link
primary-navigation__item-link--active-trail
" href="#" data-main-has-submenu>
<span class="primary-navigation__item-link-text">
Programs & Projects
</span>
</a>
<button class="primary-navigation__submenu-toggle" data-submenu-large-toggle aria-expanded="false" aria-label="Programs & Projects submenu" aria-haspopup="menu">
<span class="primary-navigation__item-link-icon">
<svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<title>toggle</title>
<g>
<path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
</g>
</svg>
</span>
</button>
<ul class="primary-navigation-children">
<li class="primary-navigation-children-item">
<a class="
primary-navigation-children__item-link
" href="#">Data Modernization
</a>
</li>
<li class="primary-navigation-children-item">
<a class="
primary-navigation-children__item-link
" href="#">Environmental Health and Emergency Preparedness
</a>
</li>
<li class="primary-navigation-children-item">
<a class="
primary-navigation-children__item-link
primary-navigation-children__item-link--active-trail
" href="#">Evaluation and Impact
</a>
</li>
<li class="primary-navigation-children-item">
<a class="
primary-navigation-children__item-link
" href="#">Multisector Strategies and Population Health
</a>
</li>
<li class="primary-navigation-children-item">
<a class="
primary-navigation-children__item-link
" href="#">Public Health Events and Convenings Management
</a>
</li>
<li class="primary-navigation-children-item">
<a class="
primary-navigation-children__item-link
" href="#">Public Health Infrastructure Grant
</a>
</li>
<li class="primary-navigation-children-item">
<a class="
primary-navigation-children__item-link
" href="#">Public health training
</a>
</li>
</ul>
</li>
<li class="primary-navigation__item" data-item-has-children data-large-primary-navigation-item="hidden">
<a class="
primary-navigation__item-link
" href="#" data-main-has-submenu>
<span class="primary-navigation__item-link-text">
Explore the Network
</span>
</a>
<button class="primary-navigation__submenu-toggle" data-submenu-large-toggle aria-expanded="false" aria-label="Explore the Network submenu" aria-haspopup="menu">
<span class="primary-navigation__item-link-icon">
<svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<title>toggle</title>
<g>
<path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
</g>
</svg>
</span>
</button>
<ul class="primary-navigation-children">
<li class="primary-navigation-children-item">
<a class="
primary-navigation-children__item-link
" href="#">Member Directory
</a>
</li>
<li class="primary-navigation-children-item">
<a class="
primary-navigation-children__item-link
" href="#">Membership paths
</a>
</li>
</ul>
</li>
<li class="primary-navigation__item">
<a class="
primary-navigation__item-link
" href="#">
<span class="primary-navigation__item-link-text">
Partner with us
</span>
</a>
</li>
<li class="primary-navigation__item" data-item-has-children data-large-primary-navigation-item="hidden">
<a class="
primary-navigation__item-link
" href="#" data-main-has-submenu>
<span class="primary-navigation__item-link-text">
About
</span>
</a>
<button class="primary-navigation__submenu-toggle" data-submenu-large-toggle aria-expanded="false" aria-label="About submenu" aria-haspopup="menu">
<span class="primary-navigation__item-link-icon">
<svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<title>toggle</title>
<g>
<path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
</g>
</svg>
</span>
</button>
<ul class="primary-navigation-children">
<li class="primary-navigation-children-item">
<a class="
primary-navigation-children__item-link
" href="#">Blog
</a>
</li>
<li class="primary-navigation-children-item">
<a class="
primary-navigation-children__item-link
" href="#">Events
</a>
</li>
<li class="primary-navigation-children-item">
<a class="
primary-navigation-children__item-link
" href="#">Newsletters
</a>
</li>
<li class="primary-navigation-children-item">
<a class="
primary-navigation-children__item-link
" href="#">Signature programs
</a>
</li>
<li class="primary-navigation-children-item">
<a class="
primary-navigation-children__item-link
" href="#">Contact us
</a>
</li>
<li class="primary-navigation-children-item">
<a class="
primary-navigation-children__item-link
" href="#">Meet the team
</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="header__utility-navigation">
<ul class="utility-navigation ">
<li class="utility-navigation__item">
<a href="#" class="
utility-navigation__item-link
">
Member directory
</a>
</li>
<li class="utility-navigation__item">
<a href="#" class="
utility-navigation__item-link
utility-navigation__item-link--is-active
">
Events
</a>
</li>
<li class="utility-navigation__item">
<a href="#" class="
utility-navigation__item-link
">
Blog
</a>
</li>
</ul>
<div class="header__search">
<div class="quick-search quick-search--on-dark">
<form role="search" method="get" id="quick-search-form" class="quick-search__form" action="">
<input id="quick-search-input" name="s" type="text" placeholder="Search" class="quick-search__input ">
<label for="quick-search-input" class="quick-search__input-label">
Search the website
</label>
<button type="submit" class="quick-search__button" id="quick-search-submit">
<svg role="none" aria-hidden="true" class="search-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<title>search</title>
<path class="_mark" fill="inherit" d="M6 12A6 6 0 116 0a6 6 0 010 12zm0-2a4 4 0 100-8 4 4 0 000 8zm5.293 2.707a1 1 0 011.414-1.414l3 3a1 1 0 01-1.414 1.414l-3-3z" />
</svg>
</button>
</form>
</div>
</div>
</div>
<div class="header__mobile-navigation-toggle" data-mobile-navigation-toggle>
<button aria-label="Toggle main navigation" aria-expanded="false" aria-controls="small-primary-navigation" data-primary-navigation-toggle class="primary-navigation-toggle">
<span class="primary-navigation-toggle__open">
<span class="primary-navigation-toggle__text">
Menu
</span>
<span class="primary-navigation-toggle__icon">
<svg role="none" aria-hidden="true" class="menu" fill="none" height="12" viewBox="0 0 16 12" width="16" xmlns="http://www.w3.org/2000/svg">
<title>menu</title>
<path class="menu__shape" clip-rule="evenodd" d="m15 10c.5523 0 1 .4477 1 1s-.4477 1-1 1h-14c-.552285 0-1-.4477-1-1s.447715-1 1-1zm0-5c.5523 0 1 .44772 1 1s-.4477 1-1 1h-14c-.552285 0-1-.44772-1-1s.447715-1 1-1zm0-5c.5523 0 1 .447715 1 1 0 .55228-.4477 1-1 1h-14c-.552285 0-1-.44772-1-1 0-.552285.447715-1 1-1z" fill="#be75f5" fill-rule="evenodd" />
</svg>
</span>
</span>
<span class="primary-navigation-toggle__close">
<span class="primary-navigation-toggle__text">
Close
</span>
<span class="primary-navigation-toggle__icon">
<svg role="none" aria-hidden="true" class="x" fill="none" height="14" viewBox="0 0 15 14" width="15" xmlns="http://www.w3.org/2000/svg">
<title>close</title>
<g class="x__shape" stroke="#be75f5" stroke-linecap="round" stroke-width="2">
<path d="m1.70703 1 11.99997 12" />
<path d="m13.707 1-11.99997 12" />
</g>
</svg>
</span>
</span>
</button>
</div>
</div>
<div hidden class="header__mobile-navigation" id="small-primary-navigation" data-small-primary-navigation>
<div role="navigation" aria-label="Main Navigation" class="small-primary-navigation">
<ul class="small-primary-navigation__list">
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="
small-primary-navigation__item-link
" href="#">Workforce resources
<span class="small-primary-navigation__item-link-icon">
<svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
<title>right chevron</title>
<path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
</svg>
</span>
</a>
<button aria-expanded="false" data-submenu-small-toggle class="small-primary-navigation__item-toggle" aria-label="toggle Workforce resources menu">
<span class="small-primary-navigation__item-toggle-icon">
<svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<title>toggle</title>
<g>
<path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
</g>
</svg>
</span>
</button>
</div>
<div class="small-primary-navigation__children" data-small-primary-navigation-children>
<ul class="small-primary-navigation__children-list" data-depth="1" data-small-primary-navigation-children data-active="false">
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
" href="#">Resource Directory
</a>
</div>
</li>
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
" href="#">Trainings
</a>
<button aria-expanded="false" data-submenu-small-toggle data-submenu-depth="1" class="small-primary-navigation__item-toggle" aria-label="toggle Trainings menu">
<span class="small-primary-navigation__item-toggle-icon">
<svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<title>toggle</title>
<g>
<path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
</g>
</svg>
</span>
</button>
</div>
<div class="small-primary-navigation__children" data-small-primary-navigation-children>
<ul class="small-primary-navigation__children-list" data-depth="2" data-small-primary-navigation-children data-active="false">
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
" href="#">Training Level 3 example
</a>
</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="
small-primary-navigation__item-link
small-primary-navigation__item-link--active-trail" href="#">Programs & Projects
<span class="small-primary-navigation__item-link-icon">
<svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
<title>right chevron</title>
<path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
</svg>
</span>
</a>
<button aria-expanded="false" data-submenu-small-toggle class="small-primary-navigation__item-toggle" aria-label="toggle Programs & Projects menu">
<span class="small-primary-navigation__item-toggle-icon">
<svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<title>toggle</title>
<g>
<path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
</g>
</svg>
</span>
</button>
</div>
<div class="small-primary-navigation__children" data-small-primary-navigation-children>
<ul class="small-primary-navigation__children-list" data-depth="1" data-small-primary-navigation-children data-active="false">
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
" href="#">Data Modernization
</a>
</div>
</li>
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
" href="#">Environmental Health and Emergency Preparedness
</a>
</div>
</li>
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
small-primary-navigation__item-link--active-trail
" href="#">Evaluation and Impact
</a>
<button aria-expanded="false" data-submenu-small-toggle data-submenu-depth="1" class="small-primary-navigation__item-toggle" aria-label="toggle Evaluation and Impact menu">
<span class="small-primary-navigation__item-toggle-icon">
<svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<title>toggle</title>
<g>
<path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
</g>
</svg>
</span>
</button>
</div>
<div class="small-primary-navigation__children" data-small-primary-navigation-children>
<ul class="small-primary-navigation__children-list" data-depth="2" data-small-primary-navigation-children data-active="false">
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
small-primary-navigation__item-link--active
" href="#">Third level example
</a>
<button aria-expanded="false" data-submenu-small-toggle data-submenu-depth="2" class="small-primary-navigation__item-toggle" aria-label="toggle Third level example menu">
<span class="small-primary-navigation__item-toggle-icon">
<svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<title>toggle</title>
<g>
<path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
</g>
</svg>
</span>
</button>
</div>
<div class="small-primary-navigation__children" data-small-primary-navigation-children>
<ul class="small-primary-navigation__children-list" data-depth="3" data-small-primary-navigation-children data-active="false">
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
small-primary-navigation__item-link--active
" href="#">Fourth level example
</a>
<button aria-expanded="false" data-submenu-small-toggle data-submenu-depth="3" class="small-primary-navigation__item-toggle" aria-label="toggle Fourth level example menu">
<span class="small-primary-navigation__item-toggle-icon">
<svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<title>toggle</title>
<g>
<path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
</g>
</svg>
</span>
</button>
</div>
<div class="small-primary-navigation__children" data-small-primary-navigation-children>
<ul class="small-primary-navigation__children-list" data-depth="4" data-small-primary-navigation-children data-active="false">
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
small-primary-navigation__item-link--active
" href="#">Fifth level example
</a>
</div>
</li>
</ul>
</div>
</li>
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
" href="#">Fourth level example 2
</a>
</div>
</li>
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
" href="#">Fourth level example 3
</a>
</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
" href="#">Multisector Strategies and Population Health
</a>
</div>
</li>
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
" href="#">Public Health Events and Convenings Management
</a>
</div>
</li>
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
" href="#">Public Health Infrastructure Grant
</a>
</div>
</li>
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
" href="#">Public health training
</a>
</div>
</li>
</ul>
</div>
</li>
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="
small-primary-navigation__item-link
" href="#">Explore the Network
<span class="small-primary-navigation__item-link-icon">
<svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
<title>right chevron</title>
<path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
</svg>
</span>
</a>
<button aria-expanded="false" data-submenu-small-toggle class="small-primary-navigation__item-toggle" aria-label="toggle Explore the Network menu">
<span class="small-primary-navigation__item-toggle-icon">
<svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<title>toggle</title>
<g>
<path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
</g>
</svg>
</span>
</button>
</div>
<div class="small-primary-navigation__children" data-small-primary-navigation-children>
<ul class="small-primary-navigation__children-list" data-depth="1" data-small-primary-navigation-children data-active="false">
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
" href="#">Member Directory
</a>
</div>
</li>
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
" href="#">Membership paths
</a>
</div>
</li>
</ul>
</div>
</li>
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="
small-primary-navigation__item-link
" href="#">Partner with us
</a>
</div>
</li>
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="
small-primary-navigation__item-link
" href="#">About
<span class="small-primary-navigation__item-link-icon">
<svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
<title>right chevron</title>
<path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
</svg>
</span>
</a>
<button aria-expanded="false" data-submenu-small-toggle class="small-primary-navigation__item-toggle" aria-label="toggle About menu">
<span class="small-primary-navigation__item-toggle-icon">
<svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<title>toggle</title>
<g>
<path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
</g>
</svg>
</span>
</button>
</div>
<div class="small-primary-navigation__children" data-small-primary-navigation-children>
<ul class="small-primary-navigation__children-list" data-depth="1" data-small-primary-navigation-children data-active="false">
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
" href="#">Blog
</a>
</div>
</li>
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
" href="#">Events
</a>
</div>
</li>
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
" href="#">Newsletters
</a>
</div>
</li>
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
" href="#">Signature programs
</a>
</div>
</li>
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
" href="#">Contact us
</a>
</div>
</li>
<li class="small-primary-navigation__item" data-small-primary-navigation-item>
<div class="small-primary-navigation__item-container">
<a data-small-primary-navigation-link class="small-primary-navigation__item-link
" href="#">Meet the team
</a>
</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
<ul class="utility-navigation utility-navigation--mobile ">
<li class="utility-navigation__item">
<a href="#" class="
utility-navigation__item-link
">
Member directory
</a>
</li>
<li class="utility-navigation__item">
<a href="#" class="
utility-navigation__item-link
utility-navigation__item-link--is-active
">
Events
</a>
</li>
<li class="utility-navigation__item">
<a href="#" class="
utility-navigation__item-link
">
Blog
</a>
</li>
</ul>
<div class="quick-search ">
<form role="search" method="get" id="quick-search-small-form" class="quick-search__form" action="">
<input id="quick-search-small-input" name="s" type="text" placeholder="Search" class="quick-search__input ">
<label for="quick-search-small-input" class="quick-search__input-label">
Search the website
</label>
<button type="submit" class="quick-search__button" id="quick-search-small-submit">
<svg role="none" aria-hidden="true" class="search-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<title>search</title>
<path class="_mark" fill="inherit" d="M6 12A6 6 0 116 0a6 6 0 010 12zm0-2a4 4 0 100-8 4 4 0 000 8zm5.293 2.707a1 1 0 011.414-1.414l3 3a1 1 0 01-1.414 1.414l-3-3z" />
</svg>
</button>
</form>
</div>
</div>
</div>
<div class="page__header-breadcrumbs">
<div class="page__header-breadcrumbs-content">
<nav aria-label="Breadcrumb navigation" class="breadcrumbs breadcrumbs--white">
<ul class="breadcrumbs__list">
<li class="breadcrumbs__item">
<a href="#" class="breadcrumbs__item-link">Home</a>
<span class="breadcrumbs__separator">
<svg role="img" xmlns="http://www.w3.org/2000/svg" width="7" height="12" fill="none">
<title>right chevron</title>
<path fill="#21415B" d="M4.995 6.02.5 12h1.996L7 6.025 2.49 0h-2l4.505 6.02Z" />
</svg>
</span>
</li>
<li class="breadcrumbs__item">
<a href="#" class="breadcrumbs__item-link">Primary Page One</a>
<span class="breadcrumbs__separator">
<svg role="img" xmlns="http://www.w3.org/2000/svg" width="7" height="12" fill="none">
<title>right chevron</title>
<path fill="#21415B" d="M4.995 6.02.5 12h1.996L7 6.025 2.49 0h-2l4.505 6.02Z" />
</svg>
</span>
</li>
<li class="breadcrumbs__item">
<span class="breadcrumbs__item-current">
Interior Page One
</span>
</li>
</ul>
</nav>
</div>
</div>
</header>
<main class="page__content" id="content" data-main-page-content>
<div class="listing-header">
<div class="listing-header__content-container">
<div class="listing-header__content">
<div class="listing-header__text-content">
<h1 class="listing-header__title">
Event Listing
</h1>
<div class="listing-header__intro-text">
<p>Tenetur aliquam in itaque libero est laborum voluptatem laudantium. Veniam occaecati beatae officiis ex. Voluptas illo molestias neque voluptatem perspiciatis quibusdam. Sed officia voluptatem autem ad sed et placeat nulla. Voluptatem laboriosam voluptate ut ratione ipsa.</p>
</div>
</div>
</div>
</div>
</div>
<div class="event-listing__content">
<div class="event-listing__item">
<div class="event-card event-card--white">
<div class="event-card__content">
<div class="event-card__eyebrow">
Event
</div>
<div class="event-card__header">
<div class="event-card__type__icon">
<svg role="img" width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>calendar</title>
<path d="M13 32.5H19.5V39H13V32.5Z" />
<path d="M29.25 32.5H22.75V39H29.25V32.5Z" />
<path d="M32.5 32.5H39V39H32.5V32.5Z" />
<path d="M19.5 22.75H13V29.25H19.5V22.75Z" />
<path d="M22.75 22.75H29.25V29.25H22.75V22.75Z" />
<path d="M39 22.75H32.5V29.25H39V22.75Z" />
<path d="M0 0H52V52H0V0ZM45.5 16.25H6.5V45.5H45.5V16.25Z" />
</svg>
</div>
<div class="event-card__date">
January 1, 2028
</div>
</div>
<div class="event-card__text-content">
<h2 class="event-card__title">
<a href="#" class="event-card__link">
Mauris nibh felis adipiscing varius in lacinia vel tellus
</a>
</h2>
<div class="event-card__time-and-location">
<div class="event-card__time">
<div class="event-card__time-value">
10:00 AM
<span class="event-card__time-separator">–</span>
2:00 PM
</div>
</div>
<div class="event-card__location">
<div class="event-card__location-name">
The City Venue
</div>
<div class="event-card__location-address">
123 Main St, City, State, ZIP
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="event-listing__item">
<div class="event-card event-card--white">
<div class="event-card__content">
<div class="event-card__eyebrow">
Event
</div>
<div class="event-card__header">
<div class="event-card__type__icon">
<svg role="img" width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>calendar</title>
<path d="M13 32.5H19.5V39H13V32.5Z" />
<path d="M29.25 32.5H22.75V39H29.25V32.5Z" />
<path d="M32.5 32.5H39V39H32.5V32.5Z" />
<path d="M19.5 22.75H13V29.25H19.5V22.75Z" />
<path d="M22.75 22.75H29.25V29.25H22.75V22.75Z" />
<path d="M39 22.75H32.5V29.25H39V22.75Z" />
<path d="M0 0H52V52H0V0ZM45.5 16.25H6.5V45.5H45.5V16.25Z" />
</svg>
</div>
<div class="event-card__date">
January 1, 2028
</div>
</div>
<div class="event-card__text-content">
<h2 class="event-card__title">
<a href="#" class="event-card__link">
Mauris nibh felis adipiscing varius in lacinia vel tellus
</a>
</h2>
<div class="event-card__time-and-location">
<div class="event-card__time">
<div class="event-card__time-value">
10:00 AM
<span class="event-card__time-separator">–</span>
2:00 PM
</div>
</div>
<div class="event-card__location">
<div class="event-card__location-name">
The City Venue
</div>
<div class="event-card__location-address">
123 Main St, City, State, ZIP
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="event-listing__item">
<div class="event-card event-card--white">
<div class="event-card__content">
<div class="event-card__eyebrow">
Event
</div>
<div class="event-card__header">
<div class="event-card__type__icon">
<svg role="img" width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>calendar</title>
<path d="M13 32.5H19.5V39H13V32.5Z" />
<path d="M29.25 32.5H22.75V39H29.25V32.5Z" />
<path d="M32.5 32.5H39V39H32.5V32.5Z" />
<path d="M19.5 22.75H13V29.25H19.5V22.75Z" />
<path d="M22.75 22.75H29.25V29.25H22.75V22.75Z" />
<path d="M39 22.75H32.5V29.25H39V22.75Z" />
<path d="M0 0H52V52H0V0ZM45.5 16.25H6.5V45.5H45.5V16.25Z" />
</svg>
</div>
<div class="event-card__date">
January 1, 2028
</div>
</div>
<div class="event-card__text-content">
<h2 class="event-card__title">
<a href="#" class="event-card__link">
Mauris nibh felis adipiscing varius in lacinia vel tellus
</a>
</h2>
<div class="event-card__time-and-location">
<div class="event-card__time">
<div class="event-card__time-value">
10:00 AM
<span class="event-card__time-separator">–</span>
2:00 PM
</div>
</div>
<div class="event-card__location">
<div class="event-card__location-name">
The City Venue
</div>
<div class="event-card__location-address">
123 Main St, City, State, ZIP
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="event-listing__item">
<div class="event-card event-card--white">
<div class="event-card__content">
<div class="event-card__eyebrow">
Event
</div>
<div class="event-card__header">
<div class="event-card__type__icon">
<svg role="img" width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>calendar</title>
<path d="M13 32.5H19.5V39H13V32.5Z" />
<path d="M29.25 32.5H22.75V39H29.25V32.5Z" />
<path d="M32.5 32.5H39V39H32.5V32.5Z" />
<path d="M19.5 22.75H13V29.25H19.5V22.75Z" />
<path d="M22.75 22.75H29.25V29.25H22.75V22.75Z" />
<path d="M39 22.75H32.5V29.25H39V22.75Z" />
<path d="M0 0H52V52H0V0ZM45.5 16.25H6.5V45.5H45.5V16.25Z" />
</svg>
</div>
<div class="event-card__date">
January 1, 2028
</div>
</div>
<div class="event-card__text-content">
<h2 class="event-card__title">
<a href="#" class="event-card__link">
Mauris nibh felis adipiscing varius in lacinia vel tellus
</a>
</h2>
<div class="event-card__time-and-location">
<div class="event-card__time">
<div class="event-card__time-value">
10:00 AM
<span class="event-card__time-separator">–</span>
2:00 PM
</div>
</div>
<div class="event-card__location">
<div class="event-card__location-name">
The City Venue
</div>
<div class="event-card__location-address">
123 Main St, City, State, ZIP
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="event-listing__item">
<div class="event-card event-card--white">
<div class="event-card__content">
<div class="event-card__eyebrow">
Event
</div>
<div class="event-card__header">
<div class="event-card__type__icon">
<svg role="img" width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>calendar</title>
<path d="M13 32.5H19.5V39H13V32.5Z" />
<path d="M29.25 32.5H22.75V39H29.25V32.5Z" />
<path d="M32.5 32.5H39V39H32.5V32.5Z" />
<path d="M19.5 22.75H13V29.25H19.5V22.75Z" />
<path d="M22.75 22.75H29.25V29.25H22.75V22.75Z" />
<path d="M39 22.75H32.5V29.25H39V22.75Z" />
<path d="M0 0H52V52H0V0ZM45.5 16.25H6.5V45.5H45.5V16.25Z" />
</svg>
</div>
<div class="event-card__date">
January 1, 2028
</div>
</div>
<div class="event-card__text-content">
<h2 class="event-card__title">
<a href="#" class="event-card__link">
Mauris nibh felis adipiscing varius in lacinia vel tellus
</a>
</h2>
<div class="event-card__time-and-location">
<div class="event-card__time">
<div class="event-card__time-value">
10:00 AM
<span class="event-card__time-separator">–</span>
2:00 PM
</div>
</div>
<div class="event-card__location">
<div class="event-card__location-name">
The City Venue
</div>
<div class="event-card__location-address">
123 Main St, City, State, ZIP
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="event-listing__item">
<div class="event-card event-card--white">
<div class="event-card__content">
<div class="event-card__eyebrow">
Event
</div>
<div class="event-card__header">
<div class="event-card__type__icon">
<svg role="img" width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>calendar</title>
<path d="M13 32.5H19.5V39H13V32.5Z" />
<path d="M29.25 32.5H22.75V39H29.25V32.5Z" />
<path d="M32.5 32.5H39V39H32.5V32.5Z" />
<path d="M19.5 22.75H13V29.25H19.5V22.75Z" />
<path d="M22.75 22.75H29.25V29.25H22.75V22.75Z" />
<path d="M39 22.75H32.5V29.25H39V22.75Z" />
<path d="M0 0H52V52H0V0ZM45.5 16.25H6.5V45.5H45.5V16.25Z" />
</svg>
</div>
<div class="event-card__date">
January 1, 2028
</div>
</div>
<div class="event-card__text-content">
<h2 class="event-card__title">
<a href="#" class="event-card__link">
Mauris nibh felis adipiscing varius in lacinia vel tellus
</a>
</h2>
<div class="event-card__time-and-location">
<div class="event-card__time">
<div class="event-card__time-value">
10:00 AM
<span class="event-card__time-separator">–</span>
2:00 PM
</div>
</div>
<div class="event-card__location">
<div class="event-card__location-name">
The City Venue
</div>
<div class="event-card__location-address">
123 Main St, City, State, ZIP
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="event-listing__pager">
<nav class="pager" aria-label="Pagination">
<div class="pager__prev-container">
<div class="pager__prev pager__prev--inactive" aria-hidden="true">
<span class="pager__prev-icon">
<svg role="img" class="left-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
<title>previous</title>
<path class="_mark left-chevron__shape" d="M3.49504 5.98003L7.99893 0.0064757L7.99035 2.55136e-07L4.50389 5.59932e-07L-5.26754e-07 5.97463L4.51032 12L8 12L3.49504 5.98003Z" />
</svg>
</span>
Previous
</div>
</div>
<ul class="pager__pages">
<li class="pager__page">
<span class="pager__page-current">1</span>
</li>
<li class="pager__page">
<a href="#" class="pager__page-link">2</a>
</li>
<li class="pager__page">
<a href="#" class="pager__page-link">3</a>
</li>
<li class="pager__page">
<a href="#" class="pager__page-link">4</a>
</li>
</ul>
<div class="pager__next-container">
<a href="#" class="pager__next" aria-label="next page">
Next
<span class="pager__next-icon">
<svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
<title>right chevron</title>
<path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
</svg>
</span>
</a>
</div>
</nav>
</div>
<div class="js-small-main-navigation-overlay small-main-navigation-overlay" data-menu-small-overlay></div>
</main>
<footer class="page__footer">
<div class="footer" data-footer>
<div class="footer__wrapper">
<div class="footer__content-container">
<div class="footer__main-content">
<div class="footer__brand">
<a href="/">
<span class="footer__logo-text">National Network of Public Health Institutes</span>
<svg role="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" width="191.607" height="80.354" viewBox="0 0 191.607 80.354">
<title>National Network of Public Health Institutes (NNPHI)</title>
<path fill="#520b4e" d="M29.015 0v13.252c0 4.54.07 9.08.228 13.673L16.345.105H0v41.022h10.745V30.78c0-6.652-.122-13.269-.35-19.938L25.13 41.11h14.63V.106L29.015.018z" />
<path fill="#4abded" d="M152.6.106v15.046h-17.378V.106h-11.2v41.021h11.2V24.69H152.6v16.437h11.2V.106ZM179.568.106h-11.2v41.021h11.2z" />
<path fill="#520b4e" d="M84.105 18.003V.106H73.36v13.146c0 1.724 0 3.009.035 4.751z" />
<path fill="#4abded" d="M88.672 41.127h11.2l-.07-10.26h-11.2ZM65.398 28.932h42.017c8.663 0 14.84-4.083 16.625-10.454.35-1.232.525-2.57.525-3.96 0-1.39-.175-2.78-.525-4.03C122.308 4.137 116.375.107 107.993.107h-19.32v17.897h11.2v-8.94h6.562c4.69 0 6.685 1.9 6.685 5.456 0 3.555-1.995 5.455-6.685 5.455H61.198" />
<path fill="#520b4e" d="m75.565 30.867-2.047-4.117L60.69.088H44.345V41.11H55.09V30.762c0-6.67-.122-13.27-.332-19.939l14.735 30.27h14.63v-10.26" />
<path fill="#4abded" d="M184.275.757h-1.418V.088h3.64v.669h-1.417v3.889h-.788V.756ZM188.895 4.646 187.74.968v3.678h-.77V.106h1.225l1.102 3.625 1.085-3.625h1.225v4.54h-.77V.968l-1.155 3.678h-.805z" />
<path fill="#21415b" d="M1.855 62.017H.14V49.135h2.223L9.17 59.799c-.035-1.619-.052-3.255-.052-4.874v-5.79h1.715v12.882H8.61L1.803 51.352c.035 1.795.052 3.573.052 5.332V62zM19.023 62.017c-.158-.546-.228-1.109-.245-1.954-.508 1.232-1.68 2.165-3.308 2.165-1.627 0-2.607-.722-2.607-2.482 0-1.76.927-2.516 3.36-2.903l2.52-.423v-.475c0-1.584-.823-2.217-2.118-2.217s-2.065.422-2.152 2.147h-1.418c.07-2.394 1.768-3.467 3.675-3.467 1.908 0 3.553 1.285 3.553 3.379v3.537c0 1.197.105 2.041.28 2.693zm-2.958-1.074c1.47 0 2.713-.81 2.713-2.323v-1.109l-1.978.317c-1.662.264-2.345.845-2.345 1.76s.508 1.338 1.61 1.338zM25.34 62.105c-1.645 0-2.467-.792-2.467-2.534v-5.632h-1.295v-1.32h1.295v-1.988h1.575v1.988h2.135v1.32h-2.135v5.42c0 1.039.385 1.39 1.417 1.39h.718v1.268c-.333.052-.7.088-1.243.088zM29.628 49.135v1.619h-1.575v-1.62zm0 3.502v9.38h-1.575v-9.38zM35.98 52.408c2.555 0 4.55 1.918 4.55 4.91s-2.012 4.91-4.55 4.91c-2.537 0-4.55-1.918-4.55-4.91s2.013-4.91 4.55-4.91zm0 8.5c1.575 0 2.905-1.39 2.905-3.59s-1.33-3.59-2.905-3.59c-1.575 0-2.905 1.39-2.905 3.59s1.33 3.59 2.905 3.59zM43.873 52.637v1.883c.472-1.25 1.505-2.094 3.115-2.094 1.61 0 3.097 1.425 3.097 3.607v5.984H48.51v-5.65c0-1.583-.805-2.604-2.275-2.604-1.47 0-2.328 1.003-2.328 2.605v5.649h-1.574v-9.38zM58.048 62.017c-.158-.546-.228-1.109-.245-1.954-.508 1.232-1.68 2.165-3.308 2.165-1.627 0-2.607-.722-2.607-2.482 0-1.76.927-2.516 3.36-2.903l2.52-.423v-.475c0-1.584-.823-2.217-2.118-2.217s-2.065.422-2.152 2.147H52.08c.07-2.394 1.768-3.467 3.675-3.467 1.908 0 3.553 1.285 3.553 3.379v3.537c0 1.197.105 2.041.28 2.693zm-2.958-1.074c1.47 0 2.713-.81 2.713-2.323v-1.109l-1.978.317c-1.662.264-2.345.845-2.345 1.76s.508 1.338 1.61 1.338zM63.315 48.906v13.093H61.74V48.906ZM72.047 62.017h-1.714V49.135h2.222l6.807 10.664c-.034-1.619-.052-3.255-.052-4.874v-5.79h1.715v12.882h-2.223l-6.807-10.665c.035 1.795.052 3.573.052 5.332V62zM84.578 57.423c.052 2.183 1.295 3.485 2.922 3.485 1.628 0 2.188-.95 2.415-2.041h1.435c-.297 2.006-1.82 3.36-3.885 3.36-2.065 0-4.48-1.917-4.48-4.91 0-2.99 1.803-4.909 4.41-4.909 2.608 0 3.99 2.041 3.955 5.015zm.105-1.249h5.057c-.21-1.83-1.225-2.464-2.345-2.464s-2.397.915-2.712 2.464zM95.778 62.105c-1.645 0-2.468-.792-2.468-2.534v-5.632h-1.295v-1.32h1.295v-1.988h1.575v1.988h2.135v1.32h-2.135v5.42c0 1.039.385 1.39 1.417 1.39h.718v1.268a7.56 7.56 0 0 1-1.242.088zM100.1 62.017l-2.765-9.38h1.662l2.24 8.324h.053l2.187-8.324h2.118l2.1 8.324h.07l2.205-8.324h1.575l-2.853 9.38h-2.152l-2.083-7.779-2.222 7.779h-2.153zM116.69 52.408c2.555 0 4.55 1.918 4.55 4.91s-2.012 4.91-4.55 4.91c-2.537 0-4.55-1.918-4.55-4.91s2.013-4.91 4.55-4.91zm0 8.5c1.575 0 2.905-1.39 2.905-3.59s-1.33-3.59-2.905-3.59c-1.575 0-2.905 1.39-2.905 3.59s1.33 3.59 2.905 3.59zM124.582 52.637v2.323c.403-1.443 1.313-2.411 2.573-2.411s.595.017.805.088v1.372h-.91c-1.505 0-2.415.74-2.415 2.728v5.28h-1.575v-9.38h1.54zM133.14 56.65l4.288 5.35h-1.908l-1.68-2.166c-.56-.721-1.137-1.443-1.68-2.164l-1.26 1.337V62h-1.575V48.906h1.575v8.342l4.165-4.611h1.873l-3.78 4.03zM145.758 62.175c-.368 0-.7-.07-1.033-.211a2.415 2.415 0 0 1-.84-.634c-.245-.281-.42-.633-.56-1.038a4.184 4.184 0 0 1-.21-1.373c0-.51.14-1.39.403-2.076a6.355 6.355 0 0 1 1.05-1.813c.437-.528.927-.95 1.47-1.285.56-.316 1.12-.492 1.715-.492s.752.07 1.067.21c.333.142.613.353.84.634.228.282.42.599.543.986.14.387.21.81.21 1.267 0 .686-.14 1.373-.403 2.059a7.425 7.425 0 0 1-1.05 1.865 5.727 5.727 0 0 1-1.487 1.355c-.56.352-1.138.528-1.715.528zm.087-.81c.368 0 .735-.193 1.085-.563.368-.387.683-.862.963-1.443.28-.58.525-1.214.7-1.9a7.912 7.912 0 0 0 .262-1.954c0-.616-.105-.968-.297-1.179-.193-.211-.473-.317-.823-.317s-.472.088-.717.247a3.163 3.163 0 0 0-.683.686c-.21.3-.42.634-.612 1.003-.193.387-.35.775-.49 1.197-.14.422-.245.845-.315 1.285-.07.44-.105.862-.105 1.267 0 .598.105 1.038.297 1.284.193.247.438.37.735.37zM153.475 60.82c-.28 1.109-.56 2.006-.84 2.71-.28.704-.577 1.25-.91 1.654-.315.405-.665.669-1.05.827-.367.159-.787.23-1.26.23-.472 0-.822-.124-1.12-.353-.297-.246-.437-.528-.437-.88s.07-.492.21-.633c.14-.159.332-.229.577-.229.245 0 .385.053.473.176.087.123.157.246.21.387.052.14.122.264.21.387.07.123.227.176.437.176s.473-.123.683-.387c.21-.264.367-.598.472-1.02l2.345-9.152h-1.557l.21-.739h1.54c.245-.968.49-1.795.77-2.481.28-.687.577-1.25.91-1.69.332-.44.665-.756 1.032-.95.368-.194.753-.3 1.173-.3.63 0 1.155.142 1.575.406.402.264.612.598.612 1.003 0 .404-.07.457-.21.633a.696.696 0 0 1-.577.264c-.245 0-.368-.035-.473-.105a.873.873 0 0 1-.262-.3 1.529 1.529 0 0 1-.123-.37l-.105-.369a.683.683 0 0 0-.192-.299c-.088-.07-.21-.105-.385-.105-.175 0-.42.123-.63.352-.21.228-.42.563-.613.967-.192.423-.385.916-.542 1.479-.175.58-.333 1.196-.473 1.883h1.628l-.228.739h-1.575l-1.522 6.124zM.122 67.243h5.53c2.783 0 4.585 1.514 4.585 3.995 0 2.482-1.82 3.995-4.585 3.995H1.855v4.91H.14V67.26zm5.513 6.494c1.837 0 2.835-.933 2.835-2.516 0-1.584-.998-2.517-2.835-2.517H1.837v5.016h3.798zM18.043 80.125v-1.9c-.473 1.25-1.523 2.112-3.133 2.112s-2.975-1.39-2.975-3.538v-6.054h1.575v5.65c0 1.76.787 2.604 2.257 2.604 1.47 0 2.24-1.003 2.24-2.604v-5.65h1.575v9.38zM23.677 67.032v5.913c.455-1.39 1.663-2.41 3.185-2.41 2.223 0 4.06 1.917 4.06 4.91 0 2.99-1.942 4.91-4.007 4.91-2.065 0-2.8-1.004-3.29-2.394v2.182h-1.54V67.05h1.575zm5.6 8.412c0-2.235-1.277-3.59-2.87-3.59-1.592 0-2.765.986-2.765 3.379v.44c0 2.376 1.383 3.379 2.765 3.379 1.383 0 2.87-1.355 2.87-3.59zM34.3 67.032v13.093h-1.575V67.032ZM38.378 67.243v1.62h-1.575v-1.62zm0 3.502v9.38h-1.575v-9.38zM47.04 74.001c-.297-1.337-.997-2.147-2.38-2.147-1.382 0-2.817 1.355-2.817 3.59s1.33 3.59 2.817 3.59c1.488 0 2.153-.81 2.433-2.147h1.47c-.263 2.06-1.628 3.467-3.92 3.467-2.293 0-4.463-1.918-4.463-4.91s2.1-4.91 4.463-4.91c2.362 0 3.657 1.355 3.85 3.467h-1.47zM56.56 67.243V72.7h7.245v-5.456h1.715v12.882h-1.715v-5.948H56.56v5.948h-1.715V67.243zM69.108 75.55c.052 2.182 1.295 3.484 2.922 3.484 1.628 0 2.188-.95 2.415-2.041h1.435c-.297 2.006-1.82 3.361-3.885 3.361-2.065 0-4.48-1.918-4.48-4.91s1.803-4.91 4.41-4.91c2.608 0 3.99 2.042 3.955 5.016zm.105-1.267h5.057c-.21-1.83-1.225-2.464-2.345-2.464s-2.397.915-2.712 2.464zM83.195 80.125c-.157-.545-.227-1.108-.245-1.953-.507 1.232-1.68 2.164-3.307 2.164-1.628 0-2.608-.721-2.608-2.48 0-1.76.928-2.517 3.36-2.905l2.52-.422v-.475c0-1.584-.822-2.217-2.117-2.217s-2.065.422-2.153 2.147h-1.417c.07-2.394 1.767-3.467 3.675-3.467 1.907 0 3.552 1.284 3.552 3.379v3.537c0 1.197.105 2.041.28 2.692zM80.22 79.07c1.47 0 2.713-.81 2.713-2.323v-1.108l-1.978.317c-1.662.264-2.345.844-2.345 1.76 0 .915.508 1.337 1.61 1.337zM88.463 67.032v13.093h-1.575V67.032ZM93.59 80.213c-1.645 0-2.467-.792-2.467-2.534v-5.631h-1.295v-1.32h1.295v-1.989h1.575v1.989h2.134v1.32h-2.134v5.42c0 1.038.384 1.39 1.417 1.39h.717v1.267a7.55 7.55 0 0 1-1.242.088zM97.878 67.032v5.508c.49-1.196 1.505-2.006 3.08-2.006 1.575 0 3.097 1.426 3.097 3.608v5.983h-1.575v-5.649c0-1.584-.805-2.604-2.275-2.604-1.47 0-2.327 1.003-2.327 2.604v5.65h-1.575V67.031ZM112.717 67.243v12.882h-1.715V67.243zM116.952 70.745v1.883c.473-1.25 1.505-2.094 3.115-2.094 1.61 0 3.098 1.426 3.098 3.608v5.983h-1.575v-5.649c0-1.584-.805-2.604-2.275-2.604-1.47 0-2.328 1.003-2.328 2.604v5.65h-1.575v-9.38zM126.21 77.486c.105.95.787 1.583 2.292 1.583s1.96-.492 1.96-1.39c0-.897-.805-1.25-2.187-1.584-2.065-.528-3.255-1.144-3.255-2.868 0-1.725 1.4-2.693 3.465-2.693s3.342 1.109 3.342 2.763h-1.452c-.07-.968-.77-1.478-1.908-1.478-1.137 0-1.837.317-1.837 1.302 0 .986.752 1.214 2.047 1.531 2.135.528 3.413 1.162 3.413 2.922 0 1.76-1.435 2.78-3.605 2.78s-3.728-1.161-3.728-2.868zM136.36 80.213c-1.645 0-2.467-.792-2.467-2.534v-5.631h-1.295v-1.32h1.295v-1.989h1.575v1.989h2.135v1.32h-2.135v5.42c0 1.038.385 1.39 1.417 1.39h.718v1.267c-.333.053-.7.088-1.243.088zM140.648 67.243v1.62h-1.575v-1.62zm0 3.502v9.38h-1.575v-9.38zM145.793 80.213c-1.645 0-2.468-.792-2.468-2.534v-5.631h-1.295v-1.32h1.295v-1.989h1.575v1.989h2.135v1.32H144.9v5.42c0 1.038.385 1.39 1.418 1.39h.717v1.267a7.55 7.55 0 0 1-1.242.088zM154.542 80.125v-1.9c-.472 1.25-1.522 2.112-3.132 2.112s-2.975-1.39-2.975-3.538v-6.054h1.575v5.65c0 1.76.787 2.604 2.257 2.604 1.47 0 2.24-1.003 2.24-2.604v-5.65h1.575v9.38zM161.21 80.213c-1.645 0-2.467-.792-2.467-2.534v-5.631h-1.295v-1.32h1.295v-1.989h1.575v1.989h2.135v1.32h-2.135v5.42c0 1.038.385 1.39 1.417 1.39h.718v1.267c-.333.053-.7.088-1.243.088zM164.797 75.55c.053 2.182 1.295 3.484 2.923 3.484 1.627 0 2.187-.95 2.415-2.041h1.435c-.298 2.006-1.82 3.361-3.885 3.361-2.065 0-4.48-1.918-4.48-4.91s1.802-4.91 4.41-4.91c2.607 0 3.99 2.042 3.955 5.016zm.123-1.267h5.057c-.21-1.83-1.225-2.464-2.345-2.464s-2.397.915-2.712 2.464zM173.968 77.486c.105.95.787 1.583 2.292 1.583s1.96-.492 1.96-1.39c0-.897-.805-1.25-2.188-1.584-2.065-.528-3.255-1.144-3.255-2.868 0-1.725 1.401-2.693 3.466-2.693 2.065 0 3.342 1.109 3.342 2.763h-1.453c-.07-.968-.77-1.478-1.907-1.478-1.138 0-1.838.317-1.838 1.302 0 .986.753 1.214 2.048 1.531 2.135.528 3.413 1.162 3.413 2.922 0 1.76-1.435 2.78-3.605 2.78s-3.728-1.161-3.728-2.868z" />
</svg>
</a>
</div>
<ul class="footer__navigation">
<li class="footer__main-nav-item">
<a class="footer__main-nav-item-link" href="#">Workforce resources</a>
<ul class="footer__main-nav-item-children">
<li class="footer__main-nav-child">
<a class="footer__main-nav-child-link" href="#">Resource Directory</a>
</li>
<li class="footer__main-nav-child">
<a class="footer__main-nav-child-link" href="#">Trainings</a>
</li>
</ul>
</li>
<li class="footer__main-nav-item">
<a class="footer__main-nav-item-link" href="#">Programs & Projects</a>
<ul class="footer__main-nav-item-children">
<li class="footer__main-nav-child">
<a class="footer__main-nav-child-link" href="#">Data Modernization</a>
</li>
<li class="footer__main-nav-child">
<a class="footer__main-nav-child-link" href="#">Environmental Health and Emergency Preparedness</a>
</li>
<li class="footer__main-nav-child">
<a class="footer__main-nav-child-link" href="#">Evaluation and Impact</a>
</li>
<li class="footer__main-nav-child">
<a class="footer__main-nav-child-link" href="#">Multisector Strategies and Population Health</a>
</li>
<li class="footer__main-nav-child">
<a class="footer__main-nav-child-link" href="#">Public Health Events and Convenings Management</a>
</li>
<li class="footer__main-nav-child">
<a class="footer__main-nav-child-link" href="#">Public Health Infrastructure Grant</a>
</li>
<li class="footer__main-nav-child">
<a class="footer__main-nav-child-link" href="#">Public health training</a>
</li>
</ul>
</li>
<li class="footer__main-nav-item">
<a class="footer__main-nav-item-link" href="#">Explore the Network</a>
<ul class="footer__main-nav-item-children">
<li class="footer__main-nav-child">
<a class="footer__main-nav-child-link" href="#">Member Directory</a>
</li>
<li class="footer__main-nav-child">
<a class="footer__main-nav-child-link" href="#">Membership paths</a>
</li>
</ul>
</li>
<li class="footer__main-nav-item">
<a class="footer__main-nav-item-link" href="#">Partner with us</a>
</li>
<li class="footer__main-nav-item">
<a class="footer__main-nav-item-link" href="#">About</a>
<ul class="footer__main-nav-item-children">
<li class="footer__main-nav-child">
<a class="footer__main-nav-child-link" href="#">Blog</a>
</li>
<li class="footer__main-nav-child">
<a class="footer__main-nav-child-link" href="#">Events</a>
</li>
<li class="footer__main-nav-child">
<a class="footer__main-nav-child-link" href="#">Newsletters</a>
</li>
<li class="footer__main-nav-child">
<a class="footer__main-nav-child-link" href="#">Signature programs</a>
</li>
<li class="footer__main-nav-child">
<a class="footer__main-nav-child-link" href="#">Contact us</a>
</li>
<li class="footer__main-nav-child">
<a class="footer__main-nav-child-link" href="#">Meet the team</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="footer__utility-links-container">
<ul class="footer__links-list">
<li class="footer__links-list-item">
<a href="#" class="footer__links-list-item-link">
Subscribe to our newsletter
</a>
</li>
<li class="footer__links-list-item">
<a href="#" class="footer__links-list-item-link">
Explore membership benefits
</a>
</li>
<li class="footer__links-list-item">
<a href="#" class="footer__links-list-item-link">
See career opportunities
</a>
</li>
</ul>
<nav class="footer__social" aria-label="footer social media links">
<ul class="social-links">
<li class="social-links__item">
<a href="https://facebook.com" class="social-links__item-link">
<span class="social-links__item-text">
Facebook page for
</span>
<svg role="img" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor">
<title>facebook</title>
<g clip-path="url(#facebook-clip-path)">
<path d="M58.08 6.24c-.95-1.53-2.21-2.85-3.69-3.87A13.198 13.198 0 0 0 46.83 0c-2.81 0-5.42.87-7.56 2.36-.8.56-1.54 1.2-2.2 1.92a13.206 13.206 0 0 0-3.51 8.99c0 3.47 1.37 6.71 3.6 9.08l.97.94c2.33 2.03 5.37 3.25 8.7 3.25 3.33 0 6.3-1.2 8.62-3.18a13.32 13.32 0 0 0 2.64-3.06c1.28-2.04 2.02-4.45 2.02-7.03s-.74-5-2.02-7.03zm-14.81 8.51v4.47c0 .24 0 .24-.24.24h-2.49c-.16 0-.22-.04-.22-.21v-8.97c0-.17.05-.22.22-.21h2.53c.17 0 .22.05.22.22v4.47zm-1.48-5.94c-.95 0-1.7-.75-1.7-1.69 0-.96.75-1.71 1.69-1.71s1.71.76 1.7 1.71c0 .94-.76 1.69-1.7 1.69zm12.14 10.65h-2.49c-.19 0-.24-.07-.24-.25 0-1.54.01-3.08 0-4.62 0-.39-.04-.79-.13-1.18-.15-.66-.59-.98-1.27-.99-.22 0-.44 0-.65.06-.68.17-.97.68-1.08 1.31-.05.3-.07.62-.07.93v4.49c0 .19-.05.24-.24.24h-2.49c-.19 0-.24-.06-.24-.24v-8.92c0-.18.04-.24.23-.24h2.4c.17 0 .22.06.22.22-.01.33 0 .67 0 1.06.46-.72 1.04-1.19 1.81-1.39a4.07 4.07 0 0 1 2.75.23c.89.4 1.31 1.17 1.52 2.08.16.66.19 1.34.19 2.01v4.96c0 .17-.05.23-.23.23zM91.14 6.24c-.95-1.53-2.21-2.84-3.68-3.87A13.254 13.254 0 0 0 79.89 0c-2.81 0-5.42.88-7.56 2.37-.81.55-1.54 1.2-2.2 1.92a13.206 13.206 0 0 0-3.51 8.99c0 3.47 1.36 6.71 3.6 9.08l.97.94c2.33 2.02 5.37 3.25 8.7 3.25 3.33 0 6.3-1.2 8.62-3.18a13.04 13.04 0 0 0 2.63-3.06c1.28-2.04 2.02-4.45 2.02-7.03s-.74-5-2.02-7.04zm-4.1 10.63c-.17.64-.67 1.15-1.32 1.32-1.16.31-5.83.31-5.83.31s-4.67 0-5.83-.31c-.65-.17-1.15-.68-1.32-1.32-.32-1.16-.32-3.59-.32-3.59s0-2.43.32-3.6c.17-.64.67-1.15 1.32-1.32 1.16-.31 5.83-.31 5.83-.31s4.67 0 5.83.31c.65.17 1.15.68 1.32 1.32.32 1.17.32 3.6.32 3.6s0 2.43-.32 3.59zm-8.64-1.35 3.88-2.24-3.88-2.24zM24.53 6.24c-.96-1.53-2.21-2.84-3.69-3.87a13.254 13.254 0 0 0-15.13 0c-.8.55-1.54 1.2-2.2 1.92A13.206 13.206 0 0 0 0 13.28c0 3.47 1.37 6.71 3.6 9.08l.97.94c2.15 1.86 4.9 3.05 7.93 3.23v-8.79H9.29v-3.67h3.21v-2.79c0-3.18 1.89-4.92 4.79-4.92 1.4 0 2.85.23 2.85.23v3.13h-1.61c-1.58 0-2.07.97-2.07 1.97v2.38h3.52l-.56 3.67h-2.96v8.42c2.04-.5 3.89-1.47 5.43-2.79a13.32 13.32 0 0 0 2.64-3.06c1.28-2.04 2.02-4.45 2.02-7.03s-.74-5-2.02-7.04z" />
</g>
<defs>
<clipPath id="facebook-clip-path">
<path fill="#fff" d="M0 0h93.16v26.55H0z" />
</clipPath>
</defs>
</svg>
</a>
</li>
<li class="social-links__item">
<a href="https://linkedin.com" class="social-links__item-link">
<span class="social-links__item-text">
Linked in profile for
</span>
<svg role="img" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor">
<title>linkedin</title>
<g clip-path="url(#linkedin-clip-path)" transform="translate(-33.56)">
<path d="M58.08 6.24c-.95-1.53-2.21-2.85-3.69-3.87A13.198 13.198 0 0 0 46.83 0c-2.81 0-5.42.87-7.56 2.36-.8.56-1.54 1.2-2.2 1.92a13.206 13.206 0 0 0-3.51 8.99c0 3.47 1.37 6.71 3.6 9.08l.97.94c2.33 2.03 5.37 3.25 8.7 3.25 3.33 0 6.3-1.2 8.62-3.18a13.32 13.32 0 0 0 2.64-3.06c1.28-2.04 2.02-4.45 2.02-7.03s-.74-5-2.02-7.03zm-14.81 8.51v4.47c0 .24 0 .24-.24.24h-2.49c-.16 0-.22-.04-.22-.21v-8.97c0-.17.05-.22.22-.21h2.53c.17 0 .22.05.22.22v4.47zm-1.48-5.94c-.95 0-1.7-.75-1.7-1.69 0-.96.75-1.71 1.69-1.71s1.71.76 1.7 1.71c0 .94-.76 1.69-1.7 1.69zm12.14 10.65h-2.49c-.19 0-.24-.07-.24-.25 0-1.54.01-3.08 0-4.62 0-.39-.04-.79-.13-1.18-.15-.66-.59-.98-1.27-.99-.22 0-.44 0-.65.06-.68.17-.97.68-1.08 1.31-.05.3-.07.62-.07.93v4.49c0 .19-.05.24-.24.24h-2.49c-.19 0-.24-.06-.24-.24v-8.92c0-.18.04-.24.23-.24h2.4c.17 0 .22.06.22.22-.01.33 0 .67 0 1.06.46-.72 1.04-1.19 1.81-1.39a4.07 4.07 0 0 1 2.75.23c.89.4 1.31 1.17 1.52 2.08.16.66.19 1.34.19 2.01v4.96c0 .17-.05.23-.23.23zM91.14 6.24c-.95-1.53-2.21-2.84-3.68-3.87A13.254 13.254 0 0 0 79.89 0c-2.81 0-5.42.88-7.56 2.37-.81.55-1.54 1.2-2.2 1.92a13.206 13.206 0 0 0-3.51 8.99c0 3.47 1.36 6.71 3.6 9.08l.97.94c2.33 2.02 5.37 3.25 8.7 3.25 3.33 0 6.3-1.2 8.62-3.18a13.04 13.04 0 0 0 2.63-3.06c1.28-2.04 2.02-4.45 2.02-7.03s-.74-5-2.02-7.04zm-4.1 10.63c-.17.64-.67 1.15-1.32 1.32-1.16.31-5.83.31-5.83.31s-4.67 0-5.83-.31c-.65-.17-1.15-.68-1.32-1.32-.32-1.16-.32-3.59-.32-3.59s0-2.43.32-3.6c.17-.64.67-1.15 1.32-1.32 1.16-.31 5.83-.31 5.83-.31s4.67 0 5.83.31c.65.17 1.15.68 1.32 1.32.32 1.17.32 3.6.32 3.6s0 2.43-.32 3.59zm-8.64-1.35 3.88-2.24-3.88-2.24zM24.53 6.24c-.96-1.53-2.21-2.84-3.69-3.87a13.254 13.254 0 0 0-15.13 0c-.8.55-1.54 1.2-2.2 1.92A13.206 13.206 0 0 0 0 13.28c0 3.47 1.37 6.71 3.6 9.08l.97.94c2.15 1.86 4.9 3.05 7.93 3.23v-8.79H9.29v-3.67h3.21v-2.79c0-3.18 1.89-4.92 4.79-4.92 1.4 0 2.85.23 2.85.23v3.13h-1.61c-1.58 0-2.07.97-2.07 1.97v2.38h3.52l-.56 3.67h-2.96v8.42c2.04-.5 3.89-1.47 5.43-2.79a13.32 13.32 0 0 0 2.64-3.06c1.28-2.04 2.02-4.45 2.02-7.03s-.74-5-2.02-7.04z" />
</g>
<defs>
<clipPath id="linkedin-clip-path">
<path d="M0 0h93.16v26.55H0z" />
</clipPath>
</defs>
</svg>
</a>
</li>
<li class="social-links__item">
<a href="https://youtube.com" class="social-links__item-link">
<span class="social-links__item-text">
Youtube account for
</span>
<svg role="img" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="currentColor">
<title>youtube</title>
<g clip-path="url(#youtube-clip-path)" transform="translate(-66.62)">
<path d="M58.08 6.24c-.95-1.53-2.21-2.85-3.69-3.87A13.198 13.198 0 0 0 46.83 0c-2.81 0-5.42.87-7.56 2.36-.8.56-1.54 1.2-2.2 1.92a13.206 13.206 0 0 0-3.51 8.99c0 3.47 1.37 6.71 3.6 9.08l.97.94c2.33 2.03 5.37 3.25 8.7 3.25 3.33 0 6.3-1.2 8.62-3.18a13.32 13.32 0 0 0 2.64-3.06c1.28-2.04 2.02-4.45 2.02-7.03s-.74-5-2.02-7.03zm-14.81 8.51v4.47c0 .24 0 .24-.24.24h-2.49c-.16 0-.22-.04-.22-.21v-8.97c0-.17.05-.22.22-.21h2.53c.17 0 .22.05.22.22v4.47zm-1.48-5.94c-.95 0-1.7-.75-1.7-1.69 0-.96.75-1.71 1.69-1.71s1.71.76 1.7 1.71c0 .94-.76 1.69-1.7 1.69zm12.14 10.65h-2.49c-.19 0-.24-.07-.24-.25 0-1.54.01-3.08 0-4.62 0-.39-.04-.79-.13-1.18-.15-.66-.59-.98-1.27-.99-.22 0-.44 0-.65.06-.68.17-.97.68-1.08 1.31-.05.3-.07.62-.07.93v4.49c0 .19-.05.24-.24.24h-2.49c-.19 0-.24-.06-.24-.24v-8.92c0-.18.04-.24.23-.24h2.4c.17 0 .22.06.22.22-.01.33 0 .67 0 1.06.46-.72 1.04-1.19 1.81-1.39a4.07 4.07 0 0 1 2.75.23c.89.4 1.31 1.17 1.52 2.08.16.66.19 1.34.19 2.01v4.96c0 .17-.05.23-.23.23zM91.14 6.24c-.95-1.53-2.21-2.84-3.68-3.87A13.254 13.254 0 0 0 79.89 0c-2.81 0-5.42.88-7.56 2.37-.81.55-1.54 1.2-2.2 1.92a13.206 13.206 0 0 0-3.51 8.99c0 3.47 1.36 6.71 3.6 9.08l.97.94c2.33 2.02 5.37 3.25 8.7 3.25 3.33 0 6.3-1.2 8.62-3.18a13.04 13.04 0 0 0 2.63-3.06c1.28-2.04 2.02-4.45 2.02-7.03s-.74-5-2.02-7.04zm-4.1 10.63c-.17.64-.67 1.15-1.32 1.32-1.16.31-5.83.31-5.83.31s-4.67 0-5.83-.31c-.65-.17-1.15-.68-1.32-1.32-.32-1.16-.32-3.59-.32-3.59s0-2.43.32-3.6c.17-.64.67-1.15 1.32-1.32 1.16-.31 5.83-.31 5.83-.31s4.67 0 5.83.31c.65.17 1.15.68 1.32 1.32.32 1.17.32 3.6.32 3.6s0 2.43-.32 3.59zm-8.64-1.35 3.88-2.24-3.88-2.24zM24.53 6.24c-.96-1.53-2.21-2.84-3.69-3.87a13.254 13.254 0 0 0-15.13 0c-.8.55-1.54 1.2-2.2 1.92A13.206 13.206 0 0 0 0 13.28c0 3.47 1.37 6.71 3.6 9.08l.97.94c2.15 1.86 4.9 3.05 7.93 3.23v-8.79H9.29v-3.67h3.21v-2.79c0-3.18 1.89-4.92 4.79-4.92 1.4 0 2.85.23 2.85.23v3.13h-1.61c-1.58 0-2.07.97-2.07 1.97v2.38h3.52l-.56 3.67h-2.96v8.42c2.04-.5 3.89-1.47 5.43-2.79a13.32 13.32 0 0 0 2.64-3.06c1.28-2.04 2.02-4.45 2.02-7.03s-.74-5-2.02-7.04z" />
</g>
<defs>
<clipPath id="youtube-clip-path">
<path d="M0 0h93.16v26.55H0z" />
</clipPath>
</defs>
</svg>
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="footer__copyright">
<div class="footer__copyright-text">
© National Network of Public Health Institutes. All Rights Reserved
</div>
</div>
</div>
</footer>
</div>
{% extends "templates/base.twig" %}
{% block header %}
{% include 'partials/listing-header/listing-header.twig' with {'removeSidebar': true} %}
{% endblock %}
{% block content %}
<div class="event-listing__content">
{% if post.list %}
{% for event in post.list %}
<div class="event-listing__item">
{% include 'partials/event-card/event-card.twig' with {'event': event} %}
</div>
{% endfor %}
{% else %}
<div class="event-listing__no-results">No events to show.</div>
{% endif %}
</div>
{% if pagination and pagination.pages %}
<div class="event-listing__pager">
{% include 'partials/navigation/pager/pager.twig' %}
</div>
{% endif %}
{% endblock %}
{
"site": {
"title": "National Network of Public Health Institutes"
},
"background": "white",
"breadcrumbs": [
{
"title": "Home",
"url": "#"
},
{
"title": "Primary Page One",
"url": "#"
},
{
"title": "Interior Page One",
"url": "#"
}
],
"footerLinks": {
"items": [
{
"title": "Subscribe to our newsletter",
"url": "#"
},
{
"title": "Explore membership benefits",
"url": "#"
},
{
"title": "See career opportunities",
"url": "#"
}
]
},
"contactInfo": {
"copyright": "© National Network of Public Health Institutes. All Rights Reserved",
"facebookLink": "https://facebook.com",
"linkedInLink": "https://linkedin.com",
"youtubeLink": "https://youtube.com",
"flickrLink": "https://flickr.com",
"twitterLink": "https://twitter.com",
"instagramLink": "https://instagram.com",
"youTubeLink": "https://youtube.com"
},
"utilityNavigation": {
"items": [
{
"title": "Member directory",
"url": "#"
},
{
"title": "Events",
"url": "#",
"isActive": true
},
{
"title": "Blog",
"url": "#"
}
]
},
"primaryNavigation": {
"items": [
{
"title": "Workforce resources",
"url": "#",
"children": [
{
"title": "Resource Directory",
"url": "#",
"children": []
},
{
"title": "Trainings",
"url": "#",
"children": [
{
"title": "Training Level 3 example",
"url": "#"
}
]
}
]
},
{
"title": "Programs & Projects",
"url": "#",
"isDescendantActive": true,
"children": [
{
"title": "Data Modernization",
"url": "#",
"children": []
},
{
"title": "Environmental Health and Emergency Preparedness",
"url": "#",
"children": []
},
{
"title": "Evaluation and Impact",
"url": "#",
"isDescendantActive": true,
"children": [
{
"title": "Third level example",
"url": "#",
"isActive": true,
"children": [
{
"title": "Fourth level example",
"url": "#",
"isActive": true,
"children": [
{
"title": "Fifth level example",
"url": "#",
"isActive": true
}
]
},
{
"title": "Fourth level example 2",
"url": "#"
},
{
"title": "Fourth level example 3",
"url": "#"
}
]
}
]
},
{
"title": "Multisector Strategies and Population Health",
"url": "#",
"children": []
},
{
"title": "Public Health Events and Convenings Management",
"url": "#",
"children": []
},
{
"title": "Public Health Infrastructure Grant",
"url": "#",
"children": []
},
{
"title": "Public health training",
"url": "#",
"children": []
}
]
},
{
"title": "Explore the Network",
"url": "#",
"children": [
{
"title": "Member Directory",
"url": "#",
"children": []
},
{
"title": "Membership paths",
"url": "#",
"children": []
}
]
},
{
"title": "Partner with us",
"url": "#"
},
{
"title": "About",
"url": "#",
"children": [
{
"title": "Blog",
"url": "#",
"children": []
},
{
"title": "Events",
"url": "#",
"children": []
},
{
"title": "Newsletters",
"url": "#",
"children": []
},
{
"title": "Signature programs",
"url": "#",
"children": []
},
{
"title": "Contact us",
"url": "#",
"children": []
},
{
"title": "Meet the team",
"url": "#",
"children": []
}
]
}
]
},
"post": {
"title": "Event Listing",
"removeSidebar": true,
"introText": "<p>Tenetur aliquam in itaque libero est laborum voluptatem laudantium. Veniam occaecati beatae officiis ex. Voluptas illo molestias neque voluptatem perspiciatis quibusdam. Sed officia voluptatem autem ad sed et placeat nulla. Voluptatem laboriosam voluptate ut ratione ipsa.</p>",
"list": [
{
"type": "Event",
"typeIcon": "calendar",
"title": "Mauris nibh felis adipiscing varius in lacinia vel tellus",
"permalink": "#",
"date": "January 1, 2028",
"startTime": "10:00 AM",
"endTime": "2:00 PM",
"eventLocationName": "The City Venue",
"eventLocationAddress1": "123 Main St, City, State, ZIP",
"isComplete": true
},
{
"type": "Event",
"typeIcon": "calendar",
"title": "Mauris nibh felis adipiscing varius in lacinia vel tellus",
"permalink": "#",
"date": "January 1, 2028",
"startTime": "10:00 AM",
"endTime": "2:00 PM",
"eventLocationName": "The City Venue",
"eventLocationAddress1": "123 Main St, City, State, ZIP",
"isComplete": true
},
{
"type": "Event",
"typeIcon": "calendar",
"title": "Mauris nibh felis adipiscing varius in lacinia vel tellus",
"permalink": "#",
"date": "January 1, 2028",
"startTime": "10:00 AM",
"endTime": "2:00 PM",
"eventLocationName": "The City Venue",
"eventLocationAddress1": "123 Main St, City, State, ZIP",
"isComplete": true
},
{
"type": "Event",
"typeIcon": "calendar",
"title": "Mauris nibh felis adipiscing varius in lacinia vel tellus",
"permalink": "#",
"date": "January 1, 2028",
"startTime": "10:00 AM",
"endTime": "2:00 PM",
"eventLocationName": "The City Venue",
"eventLocationAddress1": "123 Main St, City, State, ZIP",
"isComplete": true
},
{
"type": "Event",
"typeIcon": "calendar",
"title": "Mauris nibh felis adipiscing varius in lacinia vel tellus",
"permalink": "#",
"date": "January 1, 2028",
"startTime": "10:00 AM",
"endTime": "2:00 PM",
"eventLocationName": "The City Venue",
"eventLocationAddress1": "123 Main St, City, State, ZIP",
"isComplete": true
},
{
"type": "Event",
"typeIcon": "calendar",
"title": "Mauris nibh felis adipiscing varius in lacinia vel tellus",
"permalink": "#",
"date": "January 1, 2028",
"startTime": "10:00 AM",
"endTime": "2:00 PM",
"eventLocationName": "The City Venue",
"eventLocationAddress1": "123 Main St, City, State, ZIP",
"isComplete": true
}
]
},
"pagination": {
"pages": [
{
"title": 1,
"link": "#",
"current": true
},
{
"title": 2,
"link": "#"
},
{
"title": 3,
"link": "#"
},
{
"title": 4,
"link": "#"
}
],
"next": {
"link": "#"
}
}
}
.event-listing {
&__content {
@include contentContainer;
display: flex;
flex-direction: column;
gap: 2rem;
max-width: 100%;
padding-top: 5rem;
padding-bottom: 5rem;
}
&__pager {
@include contentContainer;
margin-bottom: 5rem;
}
&__item:not(:last-child) {
&:after {
content: '';
display: block;
width: 100%;
margin-top: 2rem;
border-top: 1px solid var(--grayTint);
}
}
}
No notes defined.