<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="blog-post">
<div class="blog-post__inner">
<div class="metadata-eyebrow metadata-eyebrow--default">
<div class="metadata-eyebrow__type">
<div class="metadata-eyebrow__type__icon">
<svg role="img" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<title>bullhorn</title>
<path d="M22.6614 1.5061C22.4981 1.35515 22.2874 1.26666 22.0872 1.26666C22.0556 1.26666 22.0188 1.27707 21.9872 1.27707C21.9556 1.28748 21.8765 1.29789 14.9335 4.88947H5.65149C3.01228 4.88947 0.773438 7.10167 0.773438 9.71988C0.773438 12.3381 3.01228 14.5399 5.65149 14.5399H6.72087L9.21784 21.8896C9.339 22.2383 9.68141 22.4778 10.0449 22.4778H15.1863C15.4497 22.4778 15.7026 22.3476 15.8712 22.1082C16.0503 21.8792 16.0924 21.5825 16.0029 21.343L13.6955 14.5399H14.9546L21.6869 18.043C21.9398 18.1731 22.2506 18.1627 22.5245 18.0013C22.7984 17.84 22.9565 17.5745 22.967 17.3038V2.14113C22.967 1.90169 22.8564 1.67267 22.6562 1.5061H22.6614ZM21.2233 3.54653V15.8724L16.0239 13.1657V6.25323L21.2233 3.54653ZM11.857 14.5399L13.9747 20.7653H10.6876L8.56989 14.5399H11.857ZM5.65149 6.60197H14.2961V12.8274H5.65149C3.94997 12.8274 2.5171 11.4011 2.5171 9.71988C2.5171 8.0386 3.94997 6.60197 5.65149 6.60197Z" />
</svg>
</div>
<div class="metadata-eyebrow__type__label">
Press Release
</div>
</div>
<div class="metadata-eyebrow__separator">|</div>
<div class="metadata-eyebrow__date">
January 1, 2020
</div>
</div>
<div class="blog-header">
<h1 class="blog-header__title">
Blog Post Title
</h1>
<section aria-label="Page Summary" class="blog-header__summary">
<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>
</section>
<figure class="blog-header__image">
<img src="holder.js/880x560?auto=yes&outline=yes" alt="" height="" width="">
<figcaption class="text__image-caption">
Caption of image
</figcaption>
</figure>
</div>
<div class="blog-post__content">
<div class="text">
<div class="text__content ">
<h2>A header passed within the rich text field</h2>
<p>Lorem ipsum <strong>dolor sit amet</strong>, consectetur <em>adipiscing elit</em>. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, <a href='#'>nulla luctus pharetra vulputate</a>, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan.</p>
<h3>Unordered list</h3>
<ul>
<li>Max Eisenburger: Economic Development and the Solar Industry. Ph.D. Expected 2019 </li>
<li>Steve Sherman: Policing, Planmaking and Anchor Institutions. Ph.D. Expected 2019<ul>
<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
<li>Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</li>
</ul>
</li>
<li>Ozge Yenigun: Migration, Diversity and Economic Development. Ph.D. Expected 2021. </li>
</ul>
<h3>Ordered list</h3>
<ol>
<li>Adrienne Cooke: Fair Workweek Policies (Spring 2019) </li>
<li>Tejashree Kulkarni: Workforce Development (Spring 2019) </li>
<li>Jacob Malmsten: East-Central Illinois Labor Market Profile (Spring 2019)</li>
</ol>
</div>
</div>
<div class="quote quote--background-is-unknown">
<div class="quote__container">
<div class="quote__icon">
<svg role="img" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 20">
<title>quote</title>
<path fill-rule="evenodd" d="M24 10h-4.5c0-3.162 1.586-4.814 4.5-5V0c-5 0-8.078 2.17-9.318 6.262C14.186 7.998 14 10.106 14 13.64V20h10V10zm-14 0H5.5c0-3.162 1.586-4.814 4.5-5V0C5 0 1.922 2.17.682 6.262.186 7.998 0 10.106 0 13.64V20h10V10z" />
</svg>
</div>
<figure class="quote__text-container">
<blockquote class="quote__text">
I've learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel.
</blockquote>
<figcaption class="quote__attribution">
Maya Angelou
</figcaption>
</figure>
</div>
</div>
<div class="text">
<div class="text__content ">
<h2>A header passed within the rich text field</h2>
<p>Lorem ipsum <strong>dolor sit amet</strong>, consectetur <em>adipiscing elit</em>. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, <a href='#'>nulla luctus pharetra vulputate</a>, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan.</p>
<h3>Unordered list</h3>
<ul>
<li>Max Eisenburger: Economic Development and the Solar Industry. Ph.D. Expected 2019 </li>
<li>Steve Sherman: Policing, Planmaking and Anchor Institutions. Ph.D. Expected 2019<ul>
<li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li>
<li>Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</li>
</ul>
</li>
<li>Ozge Yenigun: Migration, Diversity and Economic Development. Ph.D. Expected 2021. </li>
</ul>
<h3>Ordered list</h3>
<ol>
<li>Adrienne Cooke: Fair Workweek Policies (Spring 2019) </li>
<li>Tejashree Kulkarni: Workforce Development (Spring 2019) </li>
<li>Jacob Malmsten: East-Central Illinois Labor Market Profile (Spring 2019)</li>
</ol>
</div>
</div>
<div class="call-to-action call-to-action--purpleTint call-to-action--component-width">
<div class="call-to-action__container">
<div class="call-to-action__content">
<div class="call-to-action__text-container">
<div class="call-to-action__lead-in-text">
Want to learn more?
</div>
<p class="call-to-action__description">
Read about NNPHI’s in-house Research and Evaluation programs in our Related Programs section.
</p>
</div>
<div class="call-to-action__button-container">
<a href="" class="standard-button standard-button--secondaryDark standard-button-position--default">
<span class="standard-button__text">
Explore our related programs
</span>
<span class="standard-button__chevron-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>
</div>
</div>
</div>
</div>
</div>
<div class="blog-post__metabox">
<div class="blog-post__metabox-inner">
<div class="blog-post__metabox-authors">
<h2 class="blog-post__metabox-section-header">
Author(s)
</h2>
<div class="blog-post__authors">
<div class="blog-post__author-item">
<div class="blog-post__author-item__image">
<img src="holder.js/92x92?auto=yes&outline=yes" alt="" height="" width="">
</div>
<div class="blog-post__author-item__content">
<span class="blog-post__author-name">
Jane Doe
</span>
<span class="blog-post__author-role">
Program Manager
</span>
</div>
</div>
</div>
</div>
<div class="blog-post__metabox-references">
<div class="blog-post__metabox-section">
<h2 class="blog-post__metabox-section-header">
Tags
</h2>
<ul class="tag-badge-list tag-badge-list--large">
<li class="tag-badge-list__item">
<span class="tag-badge tag-badge--large tag-badge--blueTint">
Aging
</span>
</li>
<li class="tag-badge-list__item">
<span class="tag-badge tag-badge--large tag-badge--blueTint">
Behavioral and Mental Health
</span>
</li>
<li class="tag-badge-list__item">
<span class="tag-badge tag-badge--large tag-badge--blueTint">
Health Equity
</span>
</li>
<li class="tag-badge-list__item">
<span class="tag-badge tag-badge--large tag-badge--blueTint">
Tribal Health
</span>
</li>
<li class="tag-badge-list__item">
<span class="tag-badge tag-badge--large tag-badge--blueTint">
Women's Health
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</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 content %}
<div class="blog-post">
<div class="blog-post__inner">
{% include 'partials/blog-header/blog-header.twig' %}
{% if post.components %}
<div class="blog-post__content">
{% include 'components/component.twig' with {
'components': post.components
} only %}
</div>
{% endif %}
</div>
<div class="blog-post__metabox">
<div class="blog-post__metabox-inner">
{% if post.authors %}
<div class="blog-post__metabox-authors">
<h2 class="blog-post__metabox-section-header">
Author(s)
</h2>
<div class="blog-post__authors">
{% for author in post.authors %}
<div class="blog-post__author-item">
{% if author.image %}
<div class="blog-post__author-item__image">
<img src="{{ author.image.src | towebp | resize(92,92) }}" alt="{{ author.image.alt ?: '' }}" height="{{ author.image.height }}" width="{{ author.image.width }}">
</div>
{% endif %}
<div class="blog-post__author-item__content">
<span class="blog-post__author-name">
{{ author.fullName }}
</span>
{% if author.role %}
<span class="blog-post__author-role">
{{ author.role }}
</span>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
{% endif %}
<div class="blog-post__metabox-references">
{% if post.relatedPhis | length > 0 %}
<div class="blog-post__metabox-section">
<h2 class="blog-post__metabox-section-header">
Related PHIs
</h2>
<ul class="blog-post__metabox-link-list">
{% for phi in post.relatedPhis %}
<li class="blog-post__metabox-link-list-item">
{% include 'bits/linked-text-with-icon/linked-text-with-icon.twig' with {
variant: 'darkDetail',
link: {
text: phi.title,
url: phi.url,
type: 'internal_link'
}
} %}
</li>
{% endfor %}
</ul>
</div>
{% endif %}
{% if post.tags | length > 0 %}
<div class="blog-post__metabox-section">
<h2 class="blog-post__metabox-section-header">
Tags
</h2>
{% include 'bits/tag-badge-list/tag-badge-list.twig' with {
tags: post.tags,
large: true,
tagColor: 'blueTint'
} %}
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% 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": "Blog Post Title",
"type": "Press Release",
"typeIcon": "bullhorn",
"date": "January 1, 2020",
"summary": "<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>",
"addImage": true,
"featuredImage": {
"src": "holder.js/880x560?auto=yes&outline=yes",
"altText": "a placeholder",
"caption": "Caption of image"
},
"authors": [
{
"image": {
"src": "holder.js/92x92?auto=yes&outline=yes",
"altText": "Jane Doe"
},
"fullName": "Jane Doe",
"role": "Program Manager"
}
],
"relatedPhis": [],
"tags": [
"Aging",
"Behavioral and Mental Health",
"Health Equity",
"Tribal Health",
"Women's Health"
],
"components": [
{
"type": "text",
"richText": "<h2>A header passed within the rich text field</h2><p>Lorem ipsum <strong>dolor sit amet</strong>, consectetur <em>adipiscing elit</em>. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, <a href='#'>nulla luctus pharetra vulputate</a>, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan.</p><h3>Unordered list</h3> <ul><li>Max Eisenburger: Economic Development and the Solar Industry. Ph.D. Expected 2019 </li><li>Steve Sherman: Policing, Planmaking and Anchor Institutions. Ph.D. Expected 2019<ul><li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li><li>Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</li></ul></li><li>Ozge Yenigun: Migration, Diversity and Economic Development. Ph.D. Expected 2021. </li></ul> <h3>Ordered list</h3> <ol><li>Adrienne Cooke: Fair Workweek Policies (Spring 2019) </li><li>Tejashree Kulkarni: Workforce Development (Spring 2019) </li><li>Jacob Malmsten: East-Central Illinois Labor Market Profile (Spring 2019)</li></ol> "
},
{
"type": "quote",
"quoteText": "I've learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel.",
"attribution": "Maya Angelou"
},
{
"type": "text",
"richText": "<h2>A header passed within the rich text field</h2><p>Lorem ipsum <strong>dolor sit amet</strong>, consectetur <em>adipiscing elit</em>. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, <a href='#'>nulla luctus pharetra vulputate</a>, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan.</p><h3>Unordered list</h3> <ul><li>Max Eisenburger: Economic Development and the Solar Industry. Ph.D. Expected 2019 </li><li>Steve Sherman: Policing, Planmaking and Anchor Institutions. Ph.D. Expected 2019<ul><li>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</li><li>Sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</li></ul></li><li>Ozge Yenigun: Migration, Diversity and Economic Development. Ph.D. Expected 2021. </li></ul> <h3>Ordered list</h3> <ol><li>Adrienne Cooke: Fair Workweek Policies (Spring 2019) </li><li>Tejashree Kulkarni: Workforce Development (Spring 2019) </li><li>Jacob Malmsten: East-Central Illinois Labor Market Profile (Spring 2019)</li></ol> "
},
{
"type": "call-to-action",
"leadInText": "Want to learn more?",
"description": "Read about NNPHI’s in-house Research and Evaluation programs in our Related Programs section.",
"linkText": "Explore our related programs",
"linkUrl": "#"
}
]
},
"pagination": {
"pages": [
{
"title": 1,
"link": "#",
"current": true
},
{
"title": 2,
"link": "#"
},
{
"title": 3,
"link": "#"
},
{
"title": 4,
"link": "#"
}
],
"next": {
"link": "#"
}
}
}
.blog-post {
--divider-width: 83.625rem;
--icon-size: 1.5rem;
&__inner {
@include fluid(padding-top, 2rem, 6rem);
@include fluid(padding-bottom, 2rem, 6rem);
@include contentContainerInterior;
}
&__metabox {
@include fluid(padding-bottom, 2rem, 6rem);
&::before {
content: '';
display: block;
width: 100%;
max-width: var(--divider-width);
height: 1px;
background-color: var(--grayTint);
margin-block-end: 4rem;
margin-inline: auto;
}
}
&__metabox-inner {
@include contentContainerInterior;
display: flex;
flex-direction: column;
gap: 2rem;
width: 100%;
}
&__metabox-section-header {
@include labelSmall;
color: var(--black);
padding-bottom: 1.5rem;
}
&__authors {
display: grid;
gap: 0 2rem;
grid-template-columns: repeat(auto-fill, minmax(min(18rem, 100%), 1fr));
grid-template-rows: auto;
max-width: 100%;
background-color: var(--purple);
color: var(--white);
}
&__metabox-references {
display: grid;
gap: 2rem;
grid-template-columns: repeat(auto-fill, minmax(min(18rem, 100%), 1fr));
grid-template-rows: auto;
max-width: 100%;
}
&__author-item {
display: flex;
align-items: center;
flex: 1 1 50%;
flex-direction: row;
gap: 2rem;
padding: 1rem;
}
&__author-item__image {
flex: 0 0 auto;
border-radius: 50%;
overflow: hidden;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
&__author-item__content {
display: flex;
flex-direction: column;
}
&__author-name {
@include headline5;
color: var(--white);
}
&__author-role {
@include detail;
}
&__metabox-link-list {
display: flex;
flex-direction: column;
gap: 1rem;
}
&__metabox-link-list-item {
text-decoration: none;
}
}
No notes defined.