_includes/navigation/footer.html
<footer class="usa-footer site-footer" role="contentinfo">
<div class="footer-section-bottom bg-base-lightest">
<div class="grid-container">
<div class="grid-row grid-gap padding-y-4">
<div class="tablet:grid-col-3">
<h4 class="usa-footer__primary-link">Work with us</h4>
<ul class="add-list-reset">
<li>
<a class="usa-footer__secondary-link" href="{{ site.baseurl }}/about/">About 18F</a>
</li>
<li>
<a class="usa-footer__secondary-link" href="{{ site.baseurl }}/what-we-deliver">Case studies</a>
</li>
<li>
<a class="usa-footer__secondary-link" href="{{ site.baseurl }}/how-we-work/">How we work</a>
</li>
<li>
<a class="usa-footer__secondary-link" href="{{ site.baseurl }}/partnership-principles/">Partnership principles</a>
</li>
</ul>
</div>
<div class="tablet:grid-col-3">
<h4 class="usa-footer__primary-link">Resources</h4>
<ul class="add-list-reset">
<li>
<a class="usa-footer__secondary-link" href="{{ site.baseurl }}/blog/">Blog</a>
</li>
<li>
<a class="usa-footer__secondary-link" href="{{ site.baseurl }}/guides/">Guides</a>
</li>
<li>
<a class="usa-footer__secondary-link" href="https://methods.18f.gov/">18F Methods</a>
</li>
</ul>
</div>
<div class="tablet:grid-col-3">
<h4 class="usa-footer__primary-link">Policies</h4>
<ul class="add-list-reset">
<li>
<a class="usa-footer__secondary-link" href="{{ site.baseurl }}/linking-policy/">Linking policy</a>
</li>
<li>
<a class="usa-footer__secondary-link" href="{{ site.baseurl }}/open-source-policy/">Open source policy</a>
</li>
<li>
<a class="usa-footer__secondary-link" href="{{ site.baseurl }}/vulnerability-disclosure-policy/">Vulnerability disclosure</a>
</li>
<li>
<a class="usa-footer__secondary-link" href="{{ site.baseurl }}/code-of-conduct/">Code of conduct</a>
</li>
</ul>
</div>
<div class="tablet:grid-col-3">
<h4 class="usa-footer__primary-link">Contact us</h4>
<ul class="add-list-reset">
<li>
<a class="usa-footer__secondary-link" href="{{ site.baseurl }}/contact/">Get in touch</a>
</li>
<li>
<a class="usa-footer__secondary-link" href="{{ site.baseurl }}/about/#for-press">Press</a>
</li>
<li>
<a class="usa-footer__secondary-link" href="https://github.com/18F/18f.gsa.gov/issues/new">Report a bug</a>
</li>
<li>
<a class="usa-footer__secondary-link" href="{{ site.baseurl }}/join/">Join 18F</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="usa-footer__secondary-section">
<div class="grid-container">
<div class="grid-row grid-gap">
<div class="usa-footer__contact-links mobile-lg:grid-col-12">
<div class="usa-footer grid-row grid-gap-1">
<div class="grid-col-auto">
<a class="usa-social-link usa-social-link--twitter" href="https://twitter.com/18F">
<span>Twitter</span>
</a>
</div>
<div class="grid-col-auto">
<a class="usa-social-link usa-social-link--github" href="https://github.com/18F">
<span>Github</span>
</a>
</div>
<div class="grid-col-auto">
<a class="usa-social-link usa-social-link--linkedin" href="https://www.linkedin.com/company/gsa18f/">
<span>LinkedIn</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
{% assign anchor = site.data.usa_anchor.anchor_data[0] %}
<section class="anchor" data-uswds="1.0">
<div class="component-anchor">
<div class="usa-accordion">
<div class="grid-container grid-container-desktop">
<div class="grid-row tablet:grid-gap-4">
<div class="grid-col-12">
<div class="org-short">
<div class="org-copy">
<a href="{{ anchor.agency_url }}" title="{{ anchor.agency }}" class="org-img">
<img src="{{ site.baseurl }}{{ anchor.agency_logo }}" alt="GSA
logo">
</a>
<p><a href="#" title="{{ anchor.site_name }}">{{ anchor.site_name -}}</a> is a product of {{ anchor.agency_acronym }}’s <a href="{{ anchor.org_primary_url }}" title="{{ anchor.org_primary }}">{{ anchor.org_primary }}</a>{%if anchor.org_primary %}, and managed by <a href="{{ anchor.org_secondary_url }}" title="{{ anchor.org_secondary_b }}">{{ anchor.org_secondary }}</a>{%endif%}.</p>
</div>
<button class="btn-learn-more usa-button usa-button--outline usa-button--inverse usa-accordion__button" aria-hidden="false" aria-expanded="false" aria-controls="org-details">
<span>Learn more</span>
</button>
</div>
</div>
</div>
<div class="org-expanded" id="org-details" hidden>
<div class="grid-row tablet:grid-gap-2">
<div class="grid-col-12 tablet:grid-col-6">
<div class="org-copy">
{% if anchor.org_primary_bio %}
<p>{{ anchor.org_primary_bio }} <a class="more" href="{{ anchor.org_primary_url }}" title="Learn more about {{ anchor.org_primary }}">Read more</a></p>
{%endif %}
{% if .org_secondary_bio %}
<p>{{ anchor.org_secondary_bio }} <a class="more" href="{{ anchor.org_secondary_url }}" title="Learn more about {{ anchor.org_secondary }}">Read more</a></p>
{% endif %}
</div>
</div>
<div class="grid-col-12 tablet-lg:grid-col-5 tablet-lg:grid-offset-1">
<div class="org-links">
<p><i class="fas fa-envelope"></i> For questions about this website, email <a href="mailto:{{ anchor.site_email }}">{{ anchor.site_email }}</a>.</p>
<p>Additional information about the {{ anchor.agency }} ({{ anchor.agency_acronym }}) can be found at <a href="{{ anchor.agency_about_url }}" title="More about the {{ anchor.agency_acronym }}">{{ anchor.agency_about_url }}</a></p>
<ul>
<li><a href="{{ anchor.fraud_waste_abuse_url }}" title="Report fraud, waste, or abuse to the Office of the Inspector General">Report fraud, waste, or abuse to the Office of the Inspector General</a></li>
<li><a href="{{ anchor.foia_request_url }}" title="Submit a Freedom of Information Act (FOIA) request">Submit a Freedom of Information Act (FOIA) request</a></li>
<li><a href="{{ anchor.budget_performance_url }}" title="View budget and performance reports">View budget and performance reports</a></li>
<li><a href="{{ anchor.accessibility_url }}" title="View accessibility statement">View accessibility statement</a></li>
<li><a href="{{ anchor.no_fear_act_url }}" title="View No FEAR Act data">View No FEAR Act data</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="component-anchor-support">
<div class="grid-container grid-container-desktop">
<div class="grid-row tablet-lg:grid-gap-2">
<div class="grid-col-12">
<div class="usagov">
<p><span>Looking for U.S. government information and services?</span></p>
<a class="usagov__link" href="{{ anchor.usagov_contact_url }}?ref={{ anchor.site_name }}">Visit USA.gov</a>
</div>
</div>
</div>
</div>
</div>
</section>