<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="page__updates-section">

            <div class="blog-cards blog-cards--blueTint blog-cards--full-width">
                <div class="blog-cards__content-container">
                    <div class="blog-cards__header">
                        <h2 class="blog-cards__title">
                            Latest from the Blog
                        </h2>
                        <div class="blog-cards__more-link">
                            <a href="#" aria-label="View all posts blog posts" class="standard-button standard-button--secondary standard-button-position--default">
                                <span class="standard-button__text">
                                    View all posts
                                </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 class="blog-cards__content">

                        <div class="blog-card blog-card--blueTint">
                            <a href="" class="blog-card__link" aria-labelledby="mauris-nibh-felis-adipiscing-varius-in-lacinia-vel-tellus">
                                <div class="blog-card__content">
                                    <div class="blog-card__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="blog-card__text-content">
                                        <div class="blog-card__eyebrow">
                                            Press Release
                                        </div>

                                        <h2 class="blog-card__title" aria-label="Press Release blog article title: Mauris nibh felis adipiscing varius in lacinia vel tellus" id="mauris-nibh-felis-adipiscing-varius-in-lacinia-vel-tellus">
                                            Mauris nibh felis adipiscing varius in lacinia vel tellus
                                        </h2>

                                    </div>
                                </div>
                            </a>
                        </div>

                        <div class="blog-card blog-card--blueTint">
                            <a href="" class="blog-card__link" aria-labelledby="mauris-nibh-felis-adipiscing-varius-in-lacinia-vel-tellus-lorem-nulla-nostrud-velit-anim-lorem-anim-lorem-qui-enim.">
                                <div class="blog-card__content">
                                    <div class="blog-card__type__icon">
                                        <svg role="img" width="51" height="44" viewBox="0 0 51 44" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <title>interconnected boxes</title>
                                            <path d="M49.9481 4.51744C49.5924 4.01895 49.0144 3.71985 48.3919 3.71985H35.4641C34.6415 3.71985 33.9189 4.22942 33.6522 5.00486L31.9514 9.91226H26.3379L27.6051 6.24555C27.8052 5.66952 27.7163 5.01593 27.3494 4.51744C26.9937 4.01895 26.4157 3.71985 25.7932 3.71985H12.8654C12.0428 3.71985 11.3203 4.22942 11.0535 5.00486L6.91835 16.9466C6.70714 17.5226 6.80719 18.1762 7.1629 18.6747C7.51861 19.1732 8.10775 19.4834 8.71913 19.4834H12.6986L10.8867 24.7452H6.1847C5.36212 24.7452 4.63958 25.2659 4.3728 26.0413L0.237671 37.972C0.0375846 38.5591 0.126512 39.2016 0.482222 39.7112C0.849048 40.2096 1.42708 40.5087 2.04957 40.5087H14.9774C15.7889 40.5087 16.5225 39.9992 16.7893 39.2237L18.4233 34.5047H24.0369L22.8364 37.972C22.6363 38.5591 22.7252 39.2016 23.0809 39.7112C23.4477 40.2096 24.0258 40.5087 24.6483 40.5087H37.5761C38.3876 40.5087 39.1212 39.9992 39.388 39.2237L43.5231 27.282C43.7232 26.6949 43.6343 26.0524 43.2786 25.5539C42.9117 25.0443 42.3337 24.7452 41.7112 24.7452H37.0203L38.8322 19.4834H44.2568C45.0682 19.4834 45.8019 18.9627 46.0687 18.1873L50.2038 6.24555C50.4039 5.66952 50.315 5.01593 49.9481 4.51744ZM39.966 16.1601H33.3076L34.3191 13.2356L35.4752 9.91226L36.4756 7.04314H46.4021L43.2452 16.1601H39.966ZM23.8035 7.04314L22.8141 9.91226L21.6581 13.2356L20.6465 16.1601H10.72L13.8769 7.04314H23.8035ZM15.5999 32.4664L13.9658 37.1854H4.03932L7.19625 28.0685H17.1228L16.0445 31.1814L15.5999 32.4664ZM38.6432 31.1814L37.4983 34.5047L36.5645 37.1854H26.638L27.5718 34.5047L28.7167 31.1814L29.7949 28.0685H39.7215L38.6432 31.1814ZM33.4854 24.7452H28.7834C27.9608 24.7452 27.2383 25.2659 26.9715 26.0413L25.1929 31.1814H19.5794L20.9244 27.282C21.1245 26.6949 21.0356 26.0524 20.6799 25.5539C20.313 25.0443 19.735 24.7452 19.1125 24.7452H14.4216L16.2335 19.4834H21.6581C22.4695 19.4834 23.2032 18.9627 23.47 18.1873L25.1818 13.2356H30.8065L29.517 16.9466C29.3058 17.5226 29.4059 18.1762 29.7616 18.6747C30.1173 19.1732 30.7064 19.4834 31.3178 19.4834H35.2973L33.4854 24.7452Z" />
                                        </svg>
                                    </div>

                                    <div class="blog-card__text-content">
                                        <div class="blog-card__eyebrow">
                                            Announcement
                                        </div>

                                        <h2 class="blog-card__title" aria-label="Announcement blog article title: Mauris nibh felis adipiscing varius in lacinia vel tellus Lorem nulla nostrud velit anim lorem anim lorem qui enim." id="mauris-nibh-felis-adipiscing-varius-in-lacinia-vel-tellus-lorem-nulla-nostrud-velit-anim-lorem-anim-lorem-qui-enim.">
                                            Mauris nibh felis adipiscing varius in lacinia vel tellus Lorem nulla nostrud velit anim lorem anim lorem qui enim.
                                        </h2>

                                    </div>
                                </div>
                            </a>
                        </div>

                        <div class="blog-card blog-card--blueTint">
                            <a href="" class="blog-card__link" aria-labelledby="mauris-nibh-felis-adipiscing-varius-in-lacinia-vel-tellus">
                                <div class="blog-card__content">
                                    <div class="blog-card__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="blog-card__text-content">
                                        <div class="blog-card__eyebrow">
                                            Press Release
                                        </div>

                                        <h2 class="blog-card__title" aria-label="Press Release blog article title: Mauris nibh felis adipiscing varius in lacinia vel tellus" id="mauris-nibh-felis-adipiscing-varius-in-lacinia-vel-tellus">
                                            Mauris nibh felis adipiscing varius in lacinia vel tellus
                                        </h2>

                                    </div>
                                </div>
                            </a>
                        </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/text-with-icon/text-with-icon.twig' with {
                                            variant: 'darkDetail',
                                            link: {
                                                text: phi.title,
                                                url: phi.url,
                                                type: 'internal_link'
                                            },
                                            isLink: true
                                        } %}
                                    </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": []
          }
        ]
      }
    ]
  },
  "latest_blog_component": {
    "heading": "Latest from the Blog",
    "moreLinkText": "View all posts",
    "moreLinkUrl": "#",
    "moreLinkType": "internal",
    "cards": [
      {
        "type": "Press Release",
        "typeIcon": "bullhorn",
        "title": "Mauris nibh felis adipiscing varius in lacinia vel tellus",
        "isComplete": true
      },
      {
        "type": "Announcement",
        "typeIcon": "update-boxes",
        "title": "Mauris nibh felis adipiscing varius in lacinia vel tellus Lorem nulla nostrud velit anim lorem anim lorem qui enim.",
        "isComplete": true
      },
      {
        "type": "Press Release",
        "typeIcon": "bullhorn",
        "title": "Mauris nibh felis adipiscing varius in lacinia vel tellus",
        "isComplete": true
      }
    ]
  },
  "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": "#"
    }
  }
}
  • Content:
    .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;
        }
    
    }
    
  • URL: /components/raw/blog-post/blog-post.scss
  • Filesystem Path: patterns/pages/blog-post/blog-post.scss
  • Size: 2.2 KB

No notes defined.