<div class="page page--white">

    <header class="page__header">
        <a href="#content" class="page__skip-to-content">Skip to content</a>
        <div class="header" data-header>
            <div class="header__container">
                <div class="header__logo">
                    <a href="/">
                        <span class="header__logo-text">
                            National Network of Public Health Institutes
                        </span>
                        <svg role="none" aria-hidden="true" width="292" height="32" viewBox=" 0 0 292 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <title>National Network of Public Health Institutes (NNPHI)</title>
                            <g>
                                <path d="M22.38.55v9.993c0 3.423.055 6.847.176 10.31L12.594.617H0V31.55h8.288v-7.803c0-5.017-.094-10.006-.27-15.036l11.366 22.826h11.285V.617L22.38.55z" fill="#520B4E" />
                                <path d="M117.707.616v11.36h-13.404V.616h-8.639V31.55h8.639V19.155h13.404V31.55h8.639V.616h-8.639zM138.508.616h-8.639V31.55h8.639V.616z" fill="#4ABDED" />
                                <path d="M64.86 14.112V.616h-8.288v9.913c0 1.3 0 2.27.027 3.583h8.261z" fill="#520B4E" />
                                <path d="M68.383 31.55h8.64l-.041-7.724h-8.64l.041 7.724zM50.444 22.367h32.41c6.681 0 11.446-3.08 12.823-7.883.27-.929.405-1.938.405-2.986 0-1.048-.135-2.097-.405-3.039C94.341 3.67 89.765.63 83.3.63H68.397v13.497h8.639V7.384h5.062c3.617 0 5.156 1.433 5.156 4.114 0 2.68-1.539 4.114-5.156 4.114H47.204" fill="#4ABDED" />
                                <path d="M58.273 23.813l-1.58-3.105L46.8.616H34.191V31.55h8.288v-7.803c0-5.03-.094-10.006-.256-15.036l11.366 22.825h11.285V23.8" fill="#520B4E" />
                                <path d="M142.139 1.12h-1.093V.616h2.808v.504h-1.094v2.933h-.607V1.12h-.014zM145.703 4.04l-.891-2.774V4.04h-.594V.616h.945l.85 2.734.837-2.734h.945V4.04h-.594V1.266l-.891 2.774h-.621.014z" fill="#4ABDED" />
                                <path d="M154.693 17.722h-1.323V8.008h1.714l5.251 8.042c-.027-1.221-.04-2.455-.04-3.676V8.008h1.323v9.714h-1.715l-5.251-8.042c.027 1.354.041 2.694.041 4.02v4.022zM167.935 17.722c-.121-.412-.175-.836-.189-1.473-.391.929-1.296 1.632-2.551 1.632-1.255 0-2.011-.544-2.011-1.871s.715-1.898 2.591-2.19l1.944-.318v-.359c0-1.194-.634-1.672-1.633-1.672s-1.593.319-1.661 1.62h-1.093c.054-1.805 1.363-2.615 2.835-2.615 1.471 0 2.74.969 2.74 2.548v2.668c0 .902.081 1.539.216 2.03h-1.188zm-2.281-.796c1.134 0 2.092-.61 2.092-1.752v-.836l-1.525.239c-1.283.199-1.809.637-1.809 1.327s.391 1.008 1.242 1.008v.014zM172.808 17.788c-1.268 0-1.903-.597-1.903-1.91V11.63h-.999v-.996h.999v-1.5h1.215v1.5h1.647v.996h-1.647v4.087c0 .783.297 1.048 1.093 1.048h.554v.956c-.257.04-.54.066-.959.066zM176.115 8.008v1.22H174.9v-1.22h1.215zm0 2.64v7.074H174.9v-7.073h1.215zM181.015 10.49c1.971 0 3.51 1.446 3.51 3.702 0 2.256-1.552 3.702-3.51 3.702-1.957 0-3.509-1.446-3.509-3.702 0-2.256 1.552-3.703 3.509-3.703zm0 6.41c1.215 0 2.241-1.05 2.241-2.708 0-1.659-1.026-2.707-2.241-2.707-1.214 0-2.24 1.048-2.24 2.707 0 1.659 1.026 2.707 2.24 2.707zM187.103 10.649v1.42c.364-.943 1.161-1.58 2.403-1.58s2.389 1.075 2.389 2.72v4.513h-1.215v-4.26c0-1.194-.621-1.964-1.755-1.964s-1.795.756-1.795 1.964v4.26h-1.215v-7.073h1.188zM198.037 17.722c-.122-.412-.176-.836-.189-1.473-.392.929-1.296 1.632-2.552 1.632-1.255 0-2.011-.544-2.011-1.871s.716-1.898 2.592-2.19l1.944-.318v-.359c0-1.194-.635-1.672-1.634-1.672-.999 0-1.592.319-1.66 1.62h-1.093c.054-1.805 1.363-2.615 2.834-2.615 1.472 0 2.741.969 2.741 2.548v2.668c0 .902.081 1.539.216 2.03h-1.188zm-2.282-.796c1.134 0 2.093-.61 2.093-1.752v-.836l-1.526.239c-1.282.199-1.808.637-1.808 1.327s.391 1.008 1.241 1.008v.014zM202.1 7.849v9.873h-1.215V7.849h1.215zM208.836 17.722h-1.323V8.008h1.714l5.251 8.042c-.027-1.221-.041-2.455-.041-3.676V8.008h1.323v9.714h-1.714l-5.251-8.042c.027 1.354.041 2.694.041 4.02v4.022zM218.501 14.271c.04 1.646.999 2.628 2.254 2.628s1.687-.716 1.863-1.54h1.107c-.23 1.514-1.404 2.535-2.997 2.535s-3.456-1.446-3.456-3.702c0-2.256 1.391-3.703 3.402-3.703s3.078 1.54 3.051 3.782h-5.224zm.094-.955h3.901c-.162-1.38-.945-1.858-1.808-1.858-.864 0-1.85.69-2.093 1.858zM227.139 17.788c-1.268 0-1.903-.597-1.903-1.91V11.63h-.999v-.996h.999v-1.5h1.215v1.5h1.647v.996h-1.647v4.087c0 .783.297 1.048 1.093 1.048h.554v.956c-.257.04-.54.066-.959.066zM230.474 17.722l-2.133-7.073h1.282l1.728 6.277h.04l1.688-6.277h1.633l1.62 6.277h.054l1.701-6.277h1.215l-2.201 7.073h-1.66l-1.606-5.866-1.715 5.866h-1.66.014zM243.27 10.49c1.971 0 3.51 1.446 3.51 3.702 0 2.256-1.552 3.702-3.51 3.702-1.957 0-3.509-1.446-3.509-3.702 0-2.256 1.552-3.703 3.509-3.703zm0 6.41c1.215 0 2.241-1.05 2.241-2.708 0-1.659-1.026-2.707-2.241-2.707s-2.24 1.048-2.24 2.707c0 1.659 1.025 2.707 2.24 2.707zM249.358 10.649V12.4c.31-1.088 1.012-1.818 1.984-1.818s.459.013.621.067v1.035h-.702c-1.161 0-1.863.557-1.863 2.057v3.98h-1.214V10.65h1.187-.013zM255.959 13.688l3.307 4.034h-1.471l-1.296-1.632c-.432-.544-.877-1.089-1.296-1.633l-.972 1.009v2.256h-1.214V7.849h1.214v6.29l3.213-3.477h1.444l-2.915 3.039-.014-.013zM265.692 17.855c-.284 0-.54-.053-.797-.16a1.86 1.86 0 01-.648-.477c-.189-.213-.324-.478-.432-.783a3.09 3.09 0 01-.162-1.035c0-.385.108-1.049.311-1.566.202-.518.472-.97.81-1.367a4.543 4.543 0 011.134-.969c.432-.239.863-.372 1.322-.372.459 0 .581.054.824.16.256.106.472.265.648.477.175.213.324.452.418.744.108.292.162.61.162.955 0 .518-.108 1.035-.31 1.553a5.594 5.594 0 01-.81 1.406 4.389 4.389 0 01-1.148 1.022c-.431.266-.877.398-1.322.398v.014zm.067-.624c.284 0 .567-.146.837-.425a4.22 4.22 0 00.742-1.088c.216-.438.405-.916.54-1.433a5.843 5.843 0 00.203-1.473c0-.465-.081-.73-.23-.89-.148-.159-.364-.238-.634-.238s-.365.066-.554.186a2.431 2.431 0 00-.526.517 6.627 6.627 0 00-.472.756 6.648 6.648 0 00-.621 1.872 5.95 5.95 0 00-.081.955c0 .451.081.783.229.969a.696.696 0 00.567.279v.013zM271.645 16.833c-.216.836-.432 1.513-.648 2.043-.216.531-.446.943-.702 1.248a1.963 1.963 0 01-.81.624 2.49 2.49 0 01-.972.172c-.365 0-.635-.093-.864-.265-.229-.186-.337-.398-.337-.664 0-.265.054-.371.161-.478.108-.119.257-.172.446-.172s.297.04.364.133c.068.093.122.185.162.292.041.106.095.199.162.292.054.092.176.132.338.132.162 0 .364-.093.526-.292.162-.199.284-.45.365-.77l1.809-6.9h-1.202l.162-.557h1.188c.189-.73.378-1.354.594-1.872.216-.517.445-.942.702-1.274.256-.331.513-.57.796-.716.284-.146.581-.226.905-.226.486 0 .891.106 1.215.305.31.2.472.452.472.757s-.054.345-.162.478a.542.542 0 01-.445.199c-.189 0-.284-.027-.365-.08a.663.663 0 01-.202-.226 1.135 1.135 0 01-.095-.278l-.081-.279a.514.514 0 00-.148-.226c-.068-.053-.162-.08-.297-.08-.135 0-.324.094-.486.266a3.026 3.026 0 00-.473.73 7.54 7.54 0 00-.418 1.115c-.135.438-.257.902-.365 1.42h1.256l-.176.557h-1.215l-1.174 4.618.014-.026zM153.356 21.677h4.266c2.146 0 3.537 1.14 3.537 3.012 0 1.871-1.404 3.012-3.537 3.012h-2.929v3.703h-1.323V21.69l-.014-.014zm4.252 4.896c1.418 0 2.187-.703 2.187-1.897 0-1.195-.769-1.898-2.187-1.898h-2.929v3.782h2.929v.013zM167.179 31.39v-1.433c-.365.943-1.175 1.593-2.416 1.593-1.242 0-2.295-1.049-2.295-2.668v-4.565h1.215v4.26c0 1.327.607 1.964 1.741 1.964 1.134 0 1.728-.756 1.728-1.964v-4.26h1.215v7.074h-1.188zM171.525 21.517v4.46c.351-1.05 1.283-1.819 2.457-1.819 1.714 0 3.132 1.447 3.132 3.703s-1.499 3.702-3.092 3.702c-1.592 0-2.159-.756-2.537-1.805v1.646h-1.188V21.53h1.215l.013-.014zm4.32 6.33c0-1.685-.986-2.707-2.214-2.707s-2.133.743-2.133 2.548v.332c0 1.791 1.067 2.548 2.133 2.548s2.214-1.022 2.214-2.707v-.014zM179.719 21.517v9.874h-1.215v-9.874h1.215zM182.878 21.677v1.22h-1.215v-1.22h1.215zm0 2.64v7.074h-1.215v-7.074h1.215zM189.546 26.76c-.229-1.01-.769-1.62-1.835-1.62-1.067 0-2.174 1.022-2.174 2.707 0 1.686 1.026 2.707 2.174 2.707 1.147 0 1.66-.61 1.876-1.618h1.134c-.203 1.552-1.256 2.614-3.024 2.614s-3.442-1.447-3.442-3.703 1.62-3.702 3.442-3.702 2.821 1.022 2.97 2.614h-1.134.013zM196.889 21.677v4.113h5.589v-4.113h1.323v9.714h-1.323v-4.486h-5.589v4.486h-1.323v-9.714h1.323zM206.567 27.927c.041 1.646.999 2.628 2.254 2.628 1.256 0 1.688-.717 1.863-1.54h1.107c-.229 1.513-1.404 2.535-2.996 2.535-1.593 0-3.456-1.447-3.456-3.703s1.39-3.702 3.402-3.702c2.011 0 3.077 1.54 3.05 3.782h-5.224zm.081-.942h3.901c-.162-1.38-.945-1.858-1.808-1.858-.864 0-1.85.69-2.093 1.858zM217.434 31.39c-.121-.41-.175-.835-.189-1.473-.391.93-1.296 1.633-2.551 1.633-1.255 0-2.011-.544-2.011-1.871s.715-1.898 2.591-2.19l1.944-.319v-.358c0-1.194-.634-1.672-1.633-1.672s-1.593.319-1.661 1.62h-1.093c.054-1.806 1.363-2.615 2.835-2.615 1.471 0 2.74.969 2.74 2.548v2.667c0 .903.081 1.54.216 2.03h-1.188zm-2.295-.809c1.134 0 2.093-.61 2.093-1.752v-.836l-1.526.24c-1.282.198-1.809.636-1.809 1.326 0 .69.392 1.009 1.242 1.009v.013zM221.497 21.517v9.874h-1.215v-9.874h1.215zM225.452 31.457c-1.269 0-1.903-.597-1.903-1.911v-4.247h-.999v-.995h.999v-1.5h1.215v1.5h1.646v.995h-1.646v4.088c0 .783.297 1.048 1.093 1.048h.553v.956c-.256.04-.54.066-.958.066zM228.759 21.517v4.154c.378-.902 1.161-1.513 2.376-1.513 1.214 0 2.389 1.075 2.389 2.72v4.513h-1.215v-4.26c0-1.195-.621-1.964-1.755-1.964s-1.795.756-1.795 1.964v4.26h-1.215v-9.874h1.215zM240.206 21.677v9.714h-1.323v-9.714h1.323zM243.473 24.317v1.42c.364-.942 1.161-1.579 2.403-1.579s2.389 1.075 2.389 2.72v4.512h-1.215v-4.26c0-1.194-.621-1.963-1.755-1.963s-1.795.756-1.795 1.964v4.26h-1.215v-7.074h1.188zM250.614 29.387c.081.716.607 1.194 1.768 1.194s1.512-.372 1.512-1.048c0-.677-.621-.943-1.688-1.195-1.592-.398-2.51-.862-2.51-2.163 0-1.3 1.08-2.03 2.672-2.03 1.593 0 2.579.836 2.579 2.083h-1.121c-.054-.73-.594-1.114-1.471-1.114-.878 0-1.418.238-1.418.982 0 .743.581.915 1.58 1.154 1.647.398 2.632.876 2.632 2.203s-1.107 2.097-2.781 2.097c-1.673 0-2.875-.876-2.875-2.163h1.121zM258.456 31.457c-1.269 0-1.903-.597-1.903-1.911v-4.247h-.999v-.995h.999v-1.5h1.214v1.5h1.647v.995h-1.647v4.088c0 .783.297 1.048 1.094 1.048h.553v.956c-.256.04-.54.066-.958.066zM261.763 21.677v1.22h-1.215v-1.22h1.215zm0 2.64v7.074h-1.215v-7.074h1.215zM265.719 31.457c-1.269 0-1.904-.597-1.904-1.911v-4.247h-.999v-.995h.999v-1.5h1.215v1.5h1.647v.995h-1.647v4.088c0 .783.297 1.048 1.094 1.048h.553v.956c-.256.04-.54.066-.958.066zM272.468 31.39v-1.433c-.365.943-1.175 1.593-2.416 1.593-1.242 0-2.295-1.049-2.295-2.668v-4.565h1.215v4.26c0 1.327.607 1.964 1.741 1.964 1.134 0 1.728-.756 1.728-1.964v-4.26h1.215v7.074h-1.188zM277.624 31.457c-1.269 0-1.903-.597-1.903-1.911v-4.247h-.999v-.995h.999v-1.5h1.214v1.5h1.647v.995h-1.647v4.088c0 .783.297 1.048 1.094 1.048h.553v.956c-.256.04-.54.066-.958.066zM280.391 27.927c.041 1.646.999 2.628 2.255 2.628 1.255 0 1.687-.717 1.862-1.54h1.107c-.229 1.513-1.403 2.535-2.996 2.535s-3.456-1.447-3.456-3.703 1.39-3.702 3.402-3.702c2.011 0 3.077 1.54 3.05 3.782h-5.224zm.081-.942h3.901c-.161-1.38-.944-1.858-1.808-1.858-.864 0-1.85.69-2.093 1.858zM287.45 29.387c.081.716.608 1.194 1.769 1.194s1.512-.372 1.512-1.048c0-.677-.621-.943-1.688-1.195-1.593-.398-2.51-.862-2.51-2.163 0-1.3 1.079-2.03 2.672-2.03 1.593 0 2.579.836 2.579 2.083h-1.121c-.054-.73-.594-1.114-1.471-1.114-.878 0-1.418.238-1.418.982 0 .743.581.915 1.58 1.154 1.647.398 2.632.876 2.632 2.203s-1.107 2.097-2.781 2.097c-1.674 0-2.875-.876-2.875-2.163h1.12z" fill="#21415B" />
                            </g>
                        </svg>
                    </a>
                </div>
                <div class="header__primary-navigation">
                    <div role="navigation" aria-label="Main Navigation" class="primary-navigation">
                        <ul class="primary-navigation__list">
                            <li class="primary-navigation__item" data-item-has-children data-large-primary-navigation-item="hidden">
                                <a class="
                    primary-navigation__item-link
                    
                    
                " href="#" data-main-has-submenu>
                                    <span class="primary-navigation__item-link-text">
                                        Workforce resources
                                    </span>
                                </a>
                                <button class="primary-navigation__submenu-toggle" data-submenu-large-toggle aria-expanded="false" aria-label="Workforce resources submenu" aria-haspopup="menu">
                                    <span class="primary-navigation__item-link-icon">
                                        <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <title>toggle</title>
                                            <g>
                                                <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                            </g>
                                        </svg>
                                    </span>
                                </button>
                                <ul class="primary-navigation-children">
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Resource Directory
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Trainings
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="primary-navigation__item" data-item-has-children data-large-primary-navigation-item="hidden">
                                <a class="
                    primary-navigation__item-link
                    
                    primary-navigation__item-link--active-trail
                " href="#" data-main-has-submenu>
                                    <span class="primary-navigation__item-link-text">
                                        Programs & Projects
                                    </span>
                                </a>
                                <button class="primary-navigation__submenu-toggle" data-submenu-large-toggle aria-expanded="false" aria-label="Programs & Projects submenu" aria-haspopup="menu">
                                    <span class="primary-navigation__item-link-icon">
                                        <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <title>toggle</title>
                                            <g>
                                                <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                            </g>
                                        </svg>
                                    </span>
                                </button>
                                <ul class="primary-navigation-children">
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Data Modernization
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Environmental Health and Emergency Preparedness
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    primary-navigation-children__item-link--active-trail
                                " href="#">Evaluation and Impact
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Multisector Strategies and Population Health
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Public Health Events and Convenings Management
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Public Health Infrastructure Grant
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Public health training
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="primary-navigation__item" data-item-has-children data-large-primary-navigation-item="hidden">
                                <a class="
                    primary-navigation__item-link
                    
                    
                " href="#" data-main-has-submenu>
                                    <span class="primary-navigation__item-link-text">
                                        Explore the Network
                                    </span>
                                </a>
                                <button class="primary-navigation__submenu-toggle" data-submenu-large-toggle aria-expanded="false" aria-label="Explore the Network submenu" aria-haspopup="menu">
                                    <span class="primary-navigation__item-link-icon">
                                        <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <title>toggle</title>
                                            <g>
                                                <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                            </g>
                                        </svg>
                                    </span>
                                </button>
                                <ul class="primary-navigation-children">
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Member Directory
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Membership paths
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="primary-navigation__item">
                                <a class="
                    primary-navigation__item-link
                    
                    
                " href="#">
                                    <span class="primary-navigation__item-link-text">
                                        Partner with us
                                    </span>
                                </a>
                            </li>
                            <li class="primary-navigation__item" data-item-has-children data-large-primary-navigation-item="hidden">
                                <a class="
                    primary-navigation__item-link
                    
                    
                " href="#" data-main-has-submenu>
                                    <span class="primary-navigation__item-link-text">
                                        About
                                    </span>
                                </a>
                                <button class="primary-navigation__submenu-toggle" data-submenu-large-toggle aria-expanded="false" aria-label="About submenu" aria-haspopup="menu">
                                    <span class="primary-navigation__item-link-icon">
                                        <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <title>toggle</title>
                                            <g>
                                                <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                            </g>
                                        </svg>
                                    </span>
                                </button>
                                <ul class="primary-navigation-children">
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Blog
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Events
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Newsletters
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Signature programs
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Contact us
                                        </a>
                                    </li>
                                    <li class="primary-navigation-children-item">
                                        <a class="
                                    primary-navigation-children__item-link
                                    
                                    
                                " href="#">Meet the team
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="header__utility-navigation">
                    <ul class="utility-navigation ">
                        <li class="utility-navigation__item">
                            <a href="#" class="
                    utility-navigation__item-link
                    
                ">
                                Member directory
                            </a>
                        </li>
                        <li class="utility-navigation__item">
                            <a href="#" class="
                    utility-navigation__item-link
                     utility-navigation__item-link--is-active
                ">
                                Events
                            </a>
                        </li>
                        <li class="utility-navigation__item">
                            <a href="#" class="
                    utility-navigation__item-link
                    
                ">
                                Blog
                            </a>
                        </li>
                    </ul>
                    <div class="header__search">
                        <div class="quick-search quick-search--on-dark">
                            <form role="search" method="get" id="quick-search-form" class="quick-search__form" action="">
                                <input id="quick-search-input" name="s" type="text" placeholder="Search" class="quick-search__input ">
                                <label for="quick-search-input" class="quick-search__input-label">
                                    Search the website
                                </label>
                                <button type="submit" class="quick-search__button" id="quick-search-submit">
                                    <svg role="none" aria-hidden="true" class="search-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
                                        <title>search</title>
                                        <path class="_mark" fill="inherit" d="M6 12A6 6 0 116 0a6 6 0 010 12zm0-2a4 4 0 100-8 4 4 0 000 8zm5.293 2.707a1 1 0 011.414-1.414l3 3a1 1 0 01-1.414 1.414l-3-3z" />
                                    </svg>
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="header__mobile-navigation-toggle" data-mobile-navigation-toggle>
                    <button aria-label="Toggle main navigation" aria-expanded="false" aria-controls="small-primary-navigation" data-primary-navigation-toggle class="primary-navigation-toggle">
                        <span class="primary-navigation-toggle__open">
                            <span class="primary-navigation-toggle__text">
                                Menu
                            </span>
                            <span class="primary-navigation-toggle__icon">
                                <svg role="none" aria-hidden="true" class="menu" fill="none" height="12" viewBox="0 0 16 12" width="16" xmlns="http://www.w3.org/2000/svg">
                                    <title>menu</title>
                                    <path class="menu__shape" clip-rule="evenodd" d="m15 10c.5523 0 1 .4477 1 1s-.4477 1-1 1h-14c-.552285 0-1-.4477-1-1s.447715-1 1-1zm0-5c.5523 0 1 .44772 1 1s-.4477 1-1 1h-14c-.552285 0-1-.44772-1-1s.447715-1 1-1zm0-5c.5523 0 1 .447715 1 1 0 .55228-.4477 1-1 1h-14c-.552285 0-1-.44772-1-1 0-.552285.447715-1 1-1z" fill="#be75f5" fill-rule="evenodd" />
                                </svg>
                            </span>
                        </span>
                        <span class="primary-navigation-toggle__close">
                            <span class="primary-navigation-toggle__text">
                                Close
                            </span>
                            <span class="primary-navigation-toggle__icon">
                                <svg role="none" aria-hidden="true" class="x" fill="none" height="14" viewBox="0 0 15 14" width="15" xmlns="http://www.w3.org/2000/svg">
                                    <title>close</title>
                                    <g class="x__shape" stroke="#be75f5" stroke-linecap="round" stroke-width="2">
                                        <path d="m1.70703 1 11.99997 12" />
                                        <path d="m13.707 1-11.99997 12" />
                                    </g>
                                </svg>
                            </span>
                        </span>
                    </button>
                </div>
            </div>
            <div hidden class="header__mobile-navigation" id="small-primary-navigation" data-small-primary-navigation>
                <div role="navigation" aria-label="Main Navigation" class="small-primary-navigation">
                    <ul class="small-primary-navigation__list">
                        <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                            <div class="small-primary-navigation__item-container">
                                <a data-small-primary-navigation-link class="
                    small-primary-navigation__item-link
                    
                    " href="#">Workforce resources
                                    <span class="small-primary-navigation__item-link-icon">
                                        <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                            <title>right chevron</title>
                                            <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                        </svg>
                                    </span>
                                </a>
                                <button aria-expanded="false" data-submenu-small-toggle class="small-primary-navigation__item-toggle" aria-label="toggle Workforce resources menu">
                                    <span class="small-primary-navigation__item-toggle-icon">
                                        <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <title>toggle</title>
                                            <g>
                                                <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                            </g>
                                        </svg>
                                    </span>
                                </button>
                            </div>

                            <div class="small-primary-navigation__children" data-small-primary-navigation-children>
                                <ul class="small-primary-navigation__children-list" data-depth="1" data-small-primary-navigation-children data-active="false">
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Resource Directory
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Trainings
                                            </a>
                                            <button aria-expanded="false" data-submenu-small-toggle data-submenu-depth="1" class="small-primary-navigation__item-toggle" aria-label="toggle Trainings menu">
                                                <span class="small-primary-navigation__item-toggle-icon">
                                                    <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                                        <title>toggle</title>
                                                        <g>
                                                            <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                                        </g>
                                                    </svg>
                                                </span>
                                            </button>
                                        </div>

                                        <div class="small-primary-navigation__children" data-small-primary-navigation-children>
                                            <ul class="small-primary-navigation__children-list" data-depth="2" data-small-primary-navigation-children data-active="false">
                                                <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                                    <div class="small-primary-navigation__item-container">
                                                        <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Training Level 3 example
                                                        </a>
                                                    </div>

                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                            <div class="small-primary-navigation__item-container">
                                <a data-small-primary-navigation-link class="
                    small-primary-navigation__item-link
                    
                    small-primary-navigation__item-link--active-trail" href="#">Programs & Projects
                                    <span class="small-primary-navigation__item-link-icon">
                                        <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                            <title>right chevron</title>
                                            <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                        </svg>
                                    </span>
                                </a>
                                <button aria-expanded="false" data-submenu-small-toggle class="small-primary-navigation__item-toggle" aria-label="toggle Programs & Projects menu">
                                    <span class="small-primary-navigation__item-toggle-icon">
                                        <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <title>toggle</title>
                                            <g>
                                                <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                            </g>
                                        </svg>
                                    </span>
                                </button>
                            </div>

                            <div class="small-primary-navigation__children" data-small-primary-navigation-children>
                                <ul class="small-primary-navigation__children-list" data-depth="1" data-small-primary-navigation-children data-active="false">
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Data Modernization
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Environmental Health and Emergency Preparedness
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        small-primary-navigation__item-link--active-trail
                    " href="#">Evaluation and Impact
                                            </a>
                                            <button aria-expanded="false" data-submenu-small-toggle data-submenu-depth="1" class="small-primary-navigation__item-toggle" aria-label="toggle Evaluation and Impact menu">
                                                <span class="small-primary-navigation__item-toggle-icon">
                                                    <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                                        <title>toggle</title>
                                                        <g>
                                                            <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                                        </g>
                                                    </svg>
                                                </span>
                                            </button>
                                        </div>

                                        <div class="small-primary-navigation__children" data-small-primary-navigation-children>
                                            <ul class="small-primary-navigation__children-list" data-depth="2" data-small-primary-navigation-children data-active="false">
                                                <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                                    <div class="small-primary-navigation__item-container">
                                                        <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        small-primary-navigation__item-link--active
                        
                    " href="#">Third level example
                                                        </a>
                                                        <button aria-expanded="false" data-submenu-small-toggle data-submenu-depth="2" class="small-primary-navigation__item-toggle" aria-label="toggle Third level example menu">
                                                            <span class="small-primary-navigation__item-toggle-icon">
                                                                <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                                                    <title>toggle</title>
                                                                    <g>
                                                                        <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                                                    </g>
                                                                </svg>
                                                            </span>
                                                        </button>
                                                    </div>

                                                    <div class="small-primary-navigation__children" data-small-primary-navigation-children>
                                                        <ul class="small-primary-navigation__children-list" data-depth="3" data-small-primary-navigation-children data-active="false">
                                                            <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                                                <div class="small-primary-navigation__item-container">
                                                                    <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        small-primary-navigation__item-link--active
                        
                    " href="#">Fourth level example
                                                                    </a>
                                                                    <button aria-expanded="false" data-submenu-small-toggle data-submenu-depth="3" class="small-primary-navigation__item-toggle" aria-label="toggle Fourth level example menu">
                                                                        <span class="small-primary-navigation__item-toggle-icon">
                                                                            <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                                                                <title>toggle</title>
                                                                                <g>
                                                                                    <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                                                                </g>
                                                                            </svg>
                                                                        </span>
                                                                    </button>
                                                                </div>

                                                                <div class="small-primary-navigation__children" data-small-primary-navigation-children>
                                                                    <ul class="small-primary-navigation__children-list" data-depth="4" data-small-primary-navigation-children data-active="false">
                                                                        <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                                                            <div class="small-primary-navigation__item-container">
                                                                                <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        small-primary-navigation__item-link--active
                        
                    " href="#">Fifth level example
                                                                                </a>
                                                                            </div>

                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </li>
                                                            <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                                                <div class="small-primary-navigation__item-container">
                                                                    <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Fourth level example 2
                                                                    </a>
                                                                </div>

                                                            </li>
                                                            <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                                                <div class="small-primary-navigation__item-container">
                                                                    <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Fourth level example 3
                                                                    </a>
                                                                </div>

                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Multisector Strategies and Population Health
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Public Health Events and Convenings Management
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Public Health Infrastructure Grant
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Public health training
                                            </a>
                                        </div>

                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                            <div class="small-primary-navigation__item-container">
                                <a data-small-primary-navigation-link class="
                    small-primary-navigation__item-link
                    
                    " href="#">Explore the Network
                                    <span class="small-primary-navigation__item-link-icon">
                                        <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                            <title>right chevron</title>
                                            <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                        </svg>
                                    </span>
                                </a>
                                <button aria-expanded="false" data-submenu-small-toggle class="small-primary-navigation__item-toggle" aria-label="toggle Explore the Network menu">
                                    <span class="small-primary-navigation__item-toggle-icon">
                                        <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <title>toggle</title>
                                            <g>
                                                <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                            </g>
                                        </svg>
                                    </span>
                                </button>
                            </div>

                            <div class="small-primary-navigation__children" data-small-primary-navigation-children>
                                <ul class="small-primary-navigation__children-list" data-depth="1" data-small-primary-navigation-children data-active="false">
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Member Directory
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Membership paths
                                            </a>
                                        </div>

                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                            <div class="small-primary-navigation__item-container">
                                <a data-small-primary-navigation-link class="
                    small-primary-navigation__item-link
                    
                    " href="#">Partner with us
                                </a>
                            </div>

                        </li>
                        <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                            <div class="small-primary-navigation__item-container">
                                <a data-small-primary-navigation-link class="
                    small-primary-navigation__item-link
                    
                    " href="#">About
                                    <span class="small-primary-navigation__item-link-icon">
                                        <svg role="img" class="right-chevron" xmlns="http://www.w3.org/2000/svg" fill="currentColor" aria-hidden="true" viewBox="0 0 8 12">
                                            <title>right chevron</title>
                                            <path class="_mark right-chevron__shape" d="M4.50496 5.98003L0.00107202 0.0064757L0.00964937 2.55136e-07L3.49611 5.59932e-07L8 5.97463L3.48968 12L-9.53674e-07 12L4.50496 5.98003Z" />
                                        </svg>
                                    </span>
                                </a>
                                <button aria-expanded="false" data-submenu-small-toggle class="small-primary-navigation__item-toggle" aria-label="toggle About menu">
                                    <span class="small-primary-navigation__item-toggle-icon">
                                        <svg role="img" width="12" height="8" viewBox="0 0 12 8" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <title>toggle</title>
                                            <g>
                                                <path d="M5.98003 4.99531L0.00647545 0.5L0 0.5V3.49611L5.97463 8L12 3.48968V0.490351L5.98003 4.99531Z" />
                                            </g>
                                        </svg>
                                    </span>
                                </button>
                            </div>

                            <div class="small-primary-navigation__children" data-small-primary-navigation-children>
                                <ul class="small-primary-navigation__children-list" data-depth="1" data-small-primary-navigation-children data-active="false">
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Blog
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Events
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Newsletters
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Signature programs
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Contact us
                                            </a>
                                        </div>

                                    </li>
                                    <li class="small-primary-navigation__item" data-small-primary-navigation-item>
                                        <div class="small-primary-navigation__item-container">
                                            <a data-small-primary-navigation-link class="small-primary-navigation__item-link
                        
                        
                    " href="#">Meet the team
                                            </a>
                                        </div>

                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
                <ul class="utility-navigation  utility-navigation--mobile ">
                    <li class="utility-navigation__item">
                        <a href="#" class="
                    utility-navigation__item-link
                    
                ">
                            Member directory
                        </a>
                    </li>
                    <li class="utility-navigation__item">
                        <a href="#" class="
                    utility-navigation__item-link
                     utility-navigation__item-link--is-active
                ">
                            Events
                        </a>
                    </li>
                    <li class="utility-navigation__item">
                        <a href="#" class="
                    utility-navigation__item-link
                    
                ">
                            Blog
                        </a>
                    </li>
                </ul>
                <div class="quick-search ">
                    <form role="search" method="get" id="quick-search-small-form" class="quick-search__form" action="">
                        <input id="quick-search-small-input" name="s" type="text" placeholder="Search" class="quick-search__input ">
                        <label for="quick-search-small-input" class="quick-search__input-label">
                            Search the website
                        </label>
                        <button type="submit" class="quick-search__button" id="quick-search-small-submit">
                            <svg role="none" aria-hidden="true" class="search-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
                                <title>search</title>
                                <path class="_mark" fill="inherit" d="M6 12A6 6 0 116 0a6 6 0 010 12zm0-2a4 4 0 100-8 4 4 0 000 8zm5.293 2.707a1 1 0 011.414-1.414l3 3a1 1 0 01-1.414 1.414l-3-3z" />
                            </svg>
                        </button>
                    </form>
                </div>
            </div>
        </div>
        <div class="page__header-breadcrumbs">
            <div class="page__header-breadcrumbs-content">
                <nav aria-label="Breadcrumb navigation" class="breadcrumbs breadcrumbs--white">
                    <ul class="breadcrumbs__list">
                        <li class="breadcrumbs__item">
                            <a href="#" class="breadcrumbs__item-link">Home</a>
                            <span class="breadcrumbs__separator">
                                <svg role="img" xmlns="http://www.w3.org/2000/svg" width="7" height="12" fill="none">
                                    <title>right chevron</title>
                                    <path fill="#21415B" d="M4.995 6.02.5 12h1.996L7 6.025 2.49 0h-2l4.505 6.02Z" />
                                </svg>
                            </span>
                        </li>
                        <li class="breadcrumbs__item">
                            <a href="#" class="breadcrumbs__item-link">Primary Page One</a>
                            <span class="breadcrumbs__separator">
                                <svg role="img" xmlns="http://www.w3.org/2000/svg" width="7" height="12" fill="none">
                                    <title>right chevron</title>
                                    <path fill="#21415B" d="M4.995 6.02.5 12h1.996L7 6.025 2.49 0h-2l4.505 6.02Z" />
                                </svg>
                            </span>
                        </li>
                        <li class="breadcrumbs__item">
                            <span class="breadcrumbs__item-current">
                                Interior Page One
                            </span>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>

    <main class="page__content" id="content" data-main-page-content>
        <div class="listing-header">
            <div class="listing-header__content-container">
                <div class="listing-header__content">
                    <div class="listing-header__secondary-navigation">
                        <nav class="secondary-navigation">
                            <div class="secondary-navigation__heading">
                                Programs & Projects
                            </div>
                            <ul class="secondary-navigation">
                                <li class="secondary-navigation__item">
                                    <a class="
                                secondary-navigation__item-link
                                                            " href="#">Data Modernization
                                    </a>
                                </li>
                                <li class="secondary-navigation__item">
                                    <a class="
                                secondary-navigation__item-link
                                                            " href="#">Environmental Health and Emergency Preparedness
                                    </a>
                                </li>
                                <li class="secondary-navigation__item">
                                    <a class="
                                secondary-navigation__item-link
                                secondary-navigation__item-link--active                            " href="#">Evaluation and Impact
                                    </a>
                                    <ul class="secondary-navigation-children secondary-navigation-children--">
                                        <li class="secondary-navigation-children__item">
                                            <a class="
                    secondary-navigation-children__item-link
                    secondary-navigation-children__item-link--active
                    
                " href="#">Third level example
                                            </a>
                                            <ul class="secondary-navigation-children secondary-navigation-children--">
                                                <li class="secondary-navigation-children__item">
                                                    <a class="
                    secondary-navigation-children__item-link
                    secondary-navigation-children__item-link--active
                    
                " href="#">Fourth level example
                                                    </a>
                                                    <ul class="secondary-navigation-children secondary-navigation-children--">
                                                        <li class="secondary-navigation-children__item">
                                                            <a class="
                    secondary-navigation-children__item-link
                    secondary-navigation-children__item-link--active
                    
                " href="#">Fifth level example
                                                            </a>
                                                            <ul class="secondary-navigation-children secondary-navigation-children--">
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="secondary-navigation-children__item">
                                                    <a class="
                    secondary-navigation-children__item-link
                    
                    
                " href="#">Fourth level example 2
                                                    </a>
                                                </li>
                                                <li class="secondary-navigation-children__item">
                                                    <a class="
                    secondary-navigation-children__item-link
                    
                    
                " href="#">Fourth level example 3
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li class="secondary-navigation__item">
                                    <a class="
                                secondary-navigation__item-link
                                                            " href="#">Multisector Strategies and Population Health
                                    </a>
                                </li>
                                <li class="secondary-navigation__item">
                                    <a class="
                                secondary-navigation__item-link
                                                            " href="#">Public Health Events and Convenings Management
                                    </a>
                                </li>
                                <li class="secondary-navigation__item">
                                    <a class="
                                secondary-navigation__item-link
                                                            " href="#">Public Health Infrastructure Grant
                                    </a>
                                </li>
                                <li class="secondary-navigation__item">
                                    <a class="
                                secondary-navigation__item-link
                                                            " href="#">Public health training
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>
                    <div class="listing-header__text-content">
                        <h1 class="listing-header__title">
                            Blog
                        </h1>
                        <div class="listing-header__intro-text">
                            <p>Tenetur aliquam in itaque libero est laborum voluptatem laudantium. Veniam occaecati beatae officiis ex. Voluptas illo molestias neque voluptatem perspiciatis quibusdam. Sed officia voluptatem autem ad sed et placeat nulla. Voluptatem laboriosam voluptate ut ratione ipsa.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="taxonomy-listing__wrapper">
            <button type="button" class="standard-button standard-button--secondary standard-button-position--sidebar taxonomy-listing__sidebar-button" data-action="" data-target="" data-params="null" aria-expanded="true" aria-controls="taxonomy-listing__sidebar">
                <div class="standard-button__container">
                    <span class="standard-button__text">
                        Expand search & filter options
                    </span>
                </div>
            </button>

            <div class="taxonomy-listing__sidebar" aria-hidden="false">

                <div class="filters">
                    <div class="filters__header">Filter & Search</div>
                    <form class="filters__form" method="get" data-filters-form>
                        <div class="filters__form-item filters__form-item--search filters__group">
                            <label for="keyword-input" class="filters__filter-search-label">Keyword</label>
                            <input id="keyword-input" class="filters__filter-search" type="text" name="keyword" value="" placeholder="Search by keyword">
                        </div>

                        <fieldset class="filters__group">
                            <legend class="filters__group-title">Public Health Categories</legend>
                            <div class="filters__form-item">
                                <label for="aging-input" class="filters__filter-label">Aging</label>
                                <input id="aging-input" class="filters__filter-term" type="checkbox" name="0" value="" checked>
                            </div>
                            <div class="filters__form-item">
                                <label for="behavioral-and-mental-health-input" class="filters__filter-label">Behavioral and mental health</label>
                                <input id="behavioral-and-mental-health-input" class="filters__filter-term" type="checkbox" name="0" value="">
                            </div>
                            <div class="filters__form-item">
                                <label for="childrens-health-input" class="filters__filter-label">Children’s health</label>
                                <input id="childrens-health-input" class="filters__filter-term" type="checkbox" name="0" value="">
                            </div>
                            <div class="filters__form-item">
                                <label for="chronic-diseases-input" class="filters__filter-label">Chronic diseases</label>
                                <input id="chronic-diseases-input" class="filters__filter-term" type="checkbox" name="0" value="">
                            </div>
                        </fieldset>
                        <fieldset class="filters__group">
                            <legend class="filters__group-title">Types</legend>
                            <div class="filters__form-item">
                                <label for="type-item-one-input" class="filters__filter-label">type item one</label>
                                <input id="type-item-one-input" class="filters__filter-term" type="checkbox" name="1" value="1" checked>
                            </div>
                            <div class="filters__form-item">
                                <label for="type-item-two-input" class="filters__filter-label">type item two</label>
                                <input id="type-item-two-input" class="filters__filter-term" type="checkbox" name="1" value="2">
                            </div>
                            <div class="filters__form-item">
                                <label for="type-item-three-input" class="filters__filter-label">type item three</label>
                                <input id="type-item-three-input" class="filters__filter-term" type="checkbox" name="1" value="3">
                            </div>
                            <div class="filters__form-item">
                                <label for="type-item-four-input" class="filters__filter-label">type item four</label>
                                <input id="type-item-four-input" class="filters__filter-term" type="checkbox" name="1" value="4">
                            </div>
                        </fieldset>

                        <div class="filters__form-actions">
                            <button type="submit" class="standard-button standard-button--primary standard-button-position--sidebar filters__submit-button" data-action="" data-target="" data-params="null">
                                <div class="standard-button__container">
                                    <span class="standard-button__text">
                                        Apply filters
                                    </span>
                                </div>
                            </button>
                            <button type="submit" class="standard-button standard-button--secondary standard-button-position--sidebar filters__reset-button" data-action="" data-target="" data-params="null" data-reset-filters="">
                                <div class="standard-button__container">
                                    <span class="standard-button__text">
                                        Reset filters
                                    </span>
                                </div>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="taxonomy-listing__content-wrapper">

                <div class="taxonomy-listing__header">
                    <p id="results-count" tabindex="-1">
                        5 results
                    </p>
                </div>

                <div class="taxonomy-listing__content taxonomy-listing__content--stacked">
                    <div class="taxonomy-listing__item">
                        <div class="blog-card-large">
                            <div class="blog-card-large__text-content">
                                <div class="metadata-eyebrow-small">
                                    <div class="metadata-eyebrow-small__type">
                                        <div class="metadata-eyebrow-small__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-small__type__label">
                                            Press Release
                                        </div>
                                    </div>
                                </div>
                                <a class="linked-text-with-icon linked-text-with-icon--headline5" href="">Mauris nibh felis adipiscing varius in lacinia vel tellus<span class="linked-text-with-icon__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 class="blog-card-large__summary">
                                    Voluptate qui quidem qui veniam quae. Beatae voluptatem ducimus unde aut ipsum omnis dolor. Repellat debitis reprehenderit quisquam sunt.
                                </div>
                                <div class="blog-card-large__date">

                                </div>
                                <div class="blog-card-large__tags">
                                    <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">
                                                Women's Health
                                            </span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="taxonomy-listing__item">
                        <div class="blog-card-large">
                            <div class="blog-card-large__text-content">
                                <div class="metadata-eyebrow-small">
                                    <div class="metadata-eyebrow-small__type">
                                        <div class="metadata-eyebrow-small__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-small__type__label">
                                            Press Release
                                        </div>
                                    </div>
                                </div>
                                <a class="linked-text-with-icon linked-text-with-icon--headline5" href="">Mauris nibh felis adipiscing varius in lacinia vel tellus<span class="linked-text-with-icon__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 class="blog-card-large__summary">
                                    Voluptate qui quidem qui veniam quae. Beatae voluptatem ducimus unde aut ipsum omnis dolor. Repellat debitis reprehenderit quisquam sunt.
                                </div>
                                <div class="blog-card-large__date">

                                </div>
                                <div class="blog-card-large__tags">
                                    <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">
                                                Women's Health
                                            </span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="taxonomy-listing__item">
                        <div class="blog-card-large">
                            <div class="blog-card-large__text-content">
                                <div class="metadata-eyebrow-small">
                                    <div class="metadata-eyebrow-small__type">
                                        <div class="metadata-eyebrow-small__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-small__type__label">
                                            Press Release
                                        </div>
                                    </div>
                                </div>
                                <a class="linked-text-with-icon linked-text-with-icon--headline5" href="">Mauris nibh felis adipiscing varius in lacinia vel tellus<span class="linked-text-with-icon__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 class="blog-card-large__summary">
                                    Voluptate qui quidem qui veniam quae. Beatae voluptatem ducimus unde aut ipsum omnis dolor. Repellat debitis reprehenderit quisquam sunt.
                                </div>
                                <div class="blog-card-large__date">

                                </div>
                                <div class="blog-card-large__tags">
                                    <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">
                                                Women's Health
                                            </span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="taxonomy-listing__item">
                        <div class="blog-card-large">
                            <div class="blog-card-large__text-content">
                                <div class="metadata-eyebrow-small">
                                    <div class="metadata-eyebrow-small__type">
                                        <div class="metadata-eyebrow-small__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-small__type__label">
                                            Press Release
                                        </div>
                                    </div>
                                </div>
                                <a class="linked-text-with-icon linked-text-with-icon--headline5" href="">Mauris nibh felis adipiscing varius in lacinia vel tellus<span class="linked-text-with-icon__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 class="blog-card-large__summary">
                                    Voluptate qui quidem qui veniam quae. Beatae voluptatem ducimus unde aut ipsum omnis dolor. Repellat debitis reprehenderit quisquam sunt.
                                </div>
                                <div class="blog-card-large__date">

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="taxonomy-listing__item">
                        <div class="blog-card-large">
                            <div class="blog-card-large__text-content">
                                <div class="metadata-eyebrow-small">
                                    <div class="metadata-eyebrow-small__type">
                                        <div class="metadata-eyebrow-small__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-small__type__label">
                                            Press Release
                                        </div>
                                    </div>
                                </div>
                                <a class="linked-text-with-icon linked-text-with-icon--headline5" href="">Mauris nibh felis adipiscing varius in lacinia vel tellus<span class="linked-text-with-icon__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 class="blog-card-large__summary">
                                    Voluptate qui quidem qui veniam quae. Beatae voluptatem ducimus unde aut ipsum omnis dolor. Repellat debitis reprehenderit quisquam sunt.
                                </div>
                                <div class="blog-card-large__date">

                                </div>
                                <div class="blog-card-large__tags">
                                    <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">
                                                Women's Health
                                            </span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </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 header %}
    {% include 'partials/listing-header/listing-header.twig' %}
{% endblock %}

{% block content %}
    {{ enqueue_script('sidebar-toggle') }}
    {% set currentResults = post.list|length %}

    <div class="taxonomy-listing__wrapper">
        {% include 'bits/standard-button/standard-button.twig' with {
            button: {
                text: 'Expand search & filter options',
                variant: 'secondary',
                type: 'button',
                isButton: true,
                buttonPosition: 'sidebar',
                linkType: 'internal',
                extraClasses: 'taxonomy-listing__sidebar-button',
                attributes: {
                    'aria-expanded': 'true',
                    'aria-controls': 'taxonomy-listing__sidebar'
                }
            }
        } %}

        <div class="taxonomy-listing__sidebar" aria-hidden="false">
            {% include 'partials/filters/filters.twig' %}
        </div>
            <div class="taxonomy-listing__content-wrapper">

            <div class="taxonomy-listing__header">
                <p id="results-count" tabindex="-1">
                    {% if currentResults == 1 %}
                        {{ currentResults }} result
                    {% elseif currentResults < totalFoundPosts %}
                        {{ currentResults }} of {{ totalFoundPosts }} results
                    {% else %}
                        {{ currentResults }} results
                    {% endif %}
                </p>
            </div>

            {% if post.postType == 'profile' %}
            <div class="taxonomy-listing__content taxonomy-listing__content--grid">
                {% for item in post.list %}
                    <div class="taxonomy-listing__item">
                        {% include 'partials/profile-card/profile-card.twig' with { person: item } %}
                    </div>
                {% endfor %}
            </div>
            {% elseif post.postType == 'member' %}
            <div class="taxonomy-listing__content taxonomy-listing__content--grid">
                {% for item in post.list %}
                    <div class="taxonomy-listing__item">
                        {% include 'partials/member-card/member-card.twig' with { member: item } %}
                    </div>
                {% endfor %}
            </div>
            {% elseif post.postType == 'post' %}
            <div class="taxonomy-listing__content taxonomy-listing__content--stacked">
                {% for item in post.list %}
                    <div class="taxonomy-listing__item">
                        {% include 'partials/blog-card-large/blog-card-large.twig' with { blog: item } %}
                    </div>
                {% endfor %}
            </div>
            {% elseif post.postType == 'resource' %}
            <div class="taxonomy-listing__content taxonomy-listing__content--stacked">
                {% for item in post.list %}
                    <div class="taxonomy-listing__item">
                        {% include 'partials/resource-card/resource-card.twig' with { resource: item } %}
                    </div>
                {% endfor %}
            </div>
            {% else %}
                <p>No supported post type defined.</p>
            {% endif %}

            {% if not post.list %}
                No results to show.
            {% endif %}
            </div>


    </div>
    {% if pagination and pagination.pages %}
        <div class="taxonomy-listing__pager">
            {% include 'partials/navigation/pager/pager.twig' %}
        </div>
    {% endif %}
{% endblock %}
{
  "site": {
    "title": "National Network of Public Health Institutes"
  },
  "background": "white",
  "breadcrumbs": [
    {
      "title": "Home",
      "url": "#"
    },
    {
      "title": "Primary Page One",
      "url": "#"
    },
    {
      "title": "Interior Page One",
      "url": "#"
    }
  ],
  "footerLinks": {
    "items": [
      {
        "title": "Subscribe to our newsletter",
        "url": "#"
      },
      {
        "title": "Explore membership benefits",
        "url": "#"
      },
      {
        "title": "See career opportunities",
        "url": "#"
      }
    ]
  },
  "contactInfo": {
    "copyright": "© National Network of Public Health Institutes. All Rights Reserved",
    "facebookLink": "https://facebook.com",
    "linkedInLink": "https://linkedin.com",
    "youtubeLink": "https://youtube.com",
    "flickrLink": "https://flickr.com",
    "twitterLink": "https://twitter.com",
    "instagramLink": "https://instagram.com",
    "youTubeLink": "https://youtube.com"
  },
  "utilityNavigation": {
    "items": [
      {
        "title": "Member directory",
        "url": "#"
      },
      {
        "title": "Events",
        "url": "#",
        "isActive": true
      },
      {
        "title": "Blog",
        "url": "#"
      }
    ]
  },
  "primaryNavigation": {
    "items": [
      {
        "title": "Workforce resources",
        "url": "#",
        "children": [
          {
            "title": "Resource Directory",
            "url": "#",
            "children": []
          },
          {
            "title": "Trainings",
            "url": "#",
            "children": [
              {
                "title": "Training Level 3 example",
                "url": "#"
              }
            ]
          }
        ]
      },
      {
        "title": "Programs & Projects",
        "url": "#",
        "isDescendantActive": true,
        "children": [
          {
            "title": "Data Modernization",
            "url": "#",
            "children": []
          },
          {
            "title": "Environmental Health and Emergency Preparedness",
            "url": "#",
            "children": []
          },
          {
            "title": "Evaluation and Impact",
            "url": "#",
            "isDescendantActive": true,
            "children": [
              {
                "title": "Third level example",
                "url": "#",
                "isActive": true,
                "children": [
                  {
                    "title": "Fourth level example",
                    "url": "#",
                    "isActive": true,
                    "children": [
                      {
                        "title": "Fifth level example",
                        "url": "#",
                        "isActive": true
                      }
                    ]
                  },
                  {
                    "title": "Fourth level example 2",
                    "url": "#"
                  },
                  {
                    "title": "Fourth level example 3",
                    "url": "#"
                  }
                ]
              }
            ]
          },
          {
            "title": "Multisector Strategies and Population Health",
            "url": "#",
            "children": []
          },
          {
            "title": "Public Health Events and Convenings Management",
            "url": "#",
            "children": []
          },
          {
            "title": "Public Health Infrastructure Grant",
            "url": "#",
            "children": []
          },
          {
            "title": "Public health training",
            "url": "#",
            "children": []
          }
        ]
      },
      {
        "title": "Explore the Network",
        "url": "#",
        "children": [
          {
            "title": "Member Directory",
            "url": "#",
            "children": []
          },
          {
            "title": "Membership paths",
            "url": "#",
            "children": []
          }
        ]
      },
      {
        "title": "Partner with us",
        "url": "#"
      },
      {
        "title": "About",
        "url": "#",
        "children": [
          {
            "title": "Blog",
            "url": "#",
            "children": []
          },
          {
            "title": "Events",
            "url": "#",
            "children": []
          },
          {
            "title": "Newsletters",
            "url": "#",
            "children": []
          },
          {
            "title": "Signature programs",
            "url": "#",
            "children": []
          },
          {
            "title": "Contact us",
            "url": "#",
            "children": []
          },
          {
            "title": "Meet the team",
            "url": "#",
            "children": []
          }
        ]
      }
    ]
  },
  "post": {
    "title": "Blog",
    "postType": "post",
    "introText": "<p>Tenetur aliquam in itaque libero est laborum voluptatem laudantium. Veniam occaecati beatae officiis ex. Voluptas illo molestias neque voluptatem perspiciatis quibusdam. Sed officia voluptatem autem ad sed et placeat nulla. Voluptatem laboriosam voluptate ut ratione ipsa.</p>",
    "list": [
      {
        "type": "Press Release",
        "typeIcon": "bullhorn",
        "title": "Mauris nibh felis adipiscing varius in lacinia vel tellus",
        "summary": "Voluptate qui quidem qui veniam quae. Beatae voluptatem ducimus unde aut ipsum omnis dolor. Repellat debitis reprehenderit quisquam sunt.",
        "tags": [
          "Aging",
          "Behavioral and Mental Health",
          "Health Equity",
          "Women's Health"
        ]
      },
      {
        "type": "Press Release",
        "typeIcon": "bullhorn",
        "title": "Mauris nibh felis adipiscing varius in lacinia vel tellus",
        "summary": "Voluptate qui quidem qui veniam quae. Beatae voluptatem ducimus unde aut ipsum omnis dolor. Repellat debitis reprehenderit quisquam sunt.",
        "tags": [
          "Aging",
          "Behavioral and Mental Health",
          "Health Equity",
          "Women's Health"
        ]
      },
      {
        "type": "Press Release",
        "typeIcon": "bullhorn",
        "title": "Mauris nibh felis adipiscing varius in lacinia vel tellus",
        "summary": "Voluptate qui quidem qui veniam quae. Beatae voluptatem ducimus unde aut ipsum omnis dolor. Repellat debitis reprehenderit quisquam sunt.",
        "tags": [
          "Aging",
          "Behavioral and Mental Health",
          "Health Equity",
          "Women's Health"
        ]
      },
      {
        "type": "Press Release",
        "typeIcon": "bullhorn",
        "title": "Mauris nibh felis adipiscing varius in lacinia vel tellus",
        "summary": "Voluptate qui quidem qui veniam quae. Beatae voluptatem ducimus unde aut ipsum omnis dolor. Repellat debitis reprehenderit quisquam sunt.",
        "tags": []
      },
      {
        "type": "Press Release",
        "typeIcon": "bullhorn",
        "title": "Mauris nibh felis adipiscing varius in lacinia vel tellus",
        "summary": "Voluptate qui quidem qui veniam quae. Beatae voluptatem ducimus unde aut ipsum omnis dolor. Repellat debitis reprehenderit quisquam sunt.",
        "tags": [
          "Aging",
          "Behavioral and Mental Health",
          "Health Equity",
          "Women's Health"
        ]
      }
    ],
    "taxonomies": [
      {
        "label": "Public Health Categories",
        "terms": [
          {
            "name": "Aging",
            "slug": "aging",
            "taxonomy": "public_health_category",
            "selected": true
          },
          {
            "name": "Behavioral and mental health",
            "slug": "behavioral-and-mental-health",
            "taxonomy": "public_health_category"
          },
          {
            "name": "Children’s health",
            "slug": "childrens-health"
          },
          {
            "name": "Chronic diseases",
            "slug": "chronic-diseases"
          }
        ]
      },
      {
        "label": "Types",
        "terms": [
          {
            "name": "type item one",
            "slug": "type-item-one",
            "term_id": 1,
            "selected": true
          },
          {
            "name": "type item two",
            "slug": "type-item-two",
            "term_id": 2
          },
          {
            "name": "type item three",
            "slug": "type-item-three",
            "term_id": 3
          },
          {
            "name": "type item four",
            "slug": "type-item-four",
            "term_id": 4
          }
        ]
      }
    ]
  }
}
  • Content:
    $sidebarBreakpoint: 62.5rem;
    
    .taxonomy-listing {
        &__wrapper {
            @include contentContainer;
            position: relative;
            padding-block-start: 5rem;
            padding-block-end: 5rem;
    
            @media (min-width: $sidebarBreakpoint) {
                display: grid;
                gap: 8rem;
                grid-template-columns: 320px minmax(0, 1fr);
            }
        }
    
        &__sidebar-button {
            margin-block-end: 2rem;
            justify-content: center;
    
            @media (min-width: $sidebarBreakpoint) {
                display: none;
            }
        }
    
        &__sidebar[aria-hidden="true"] {
            display:  none;
        }
    
        &__sidebar {
            @media (max-width: calc($sidebarBreakpoint - 1px)) {
                padding: 2rem;
                background-color: var(--blueTint);
                margin-block-end: 2rem;
            }
        }
    
        &__header {
            @include headline6;
            padding-bottom: 2rem;
        }
    
        &__content {
            gap: 2rem;
            max-width: 100%;
    
            &--stacked {
                display: flex;
                flex-direction: column;
            }
            &--grid {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(min(18rem, 100%), 1fr));
                grid-template-rows: auto;
            }
        }
    
        &__content--stacked &__item:not(:last-child) {
            &:after {
                content: '';
                display: block;
                width: 100%;
                margin-top: 2rem;
                border-top: 1px solid var(--grayTint);
            }
        }
    
        &__pager {
            @include contentContainer;
            margin-bottom: 5rem;
    
            &__submit-button {
                @include detailBold;
                align-items: center;
                background-color: var(--purple);
                border: solid 2px var(--purple);
                border-radius: 2px;
                color: var(--white);
                display: inline-flex;
                justify-content: space-between;
                padding: .5rem 1rem;
                text-decoration: none;
                transition: all 200ms ease-in-out;
    
    
                &:focus,
                &:hover {
                    background-color: var(--brightPurple);
                    border: solid 2px var(--brightPurple);
                    color: var(--purple);
                }
            }
    
        }
    }
    
  • URL: /components/raw/taxonomy-listing/taxonomy-listing.scss
  • Filesystem Path: patterns/pages/taxonomy-listing/taxonomy-listing.scss
  • Size: 2.2 KB

No notes defined.