There are no notes for this item.
Prop | Required? | Type | Default | Description |
---|
<footer class="footer" role="contentinfo">
<!--
Uncomment this when the feedback tool is ready to go
<div id="feedback-root"></div>
-->
<div class="footer-inner">
<div class="row va-flex">
<ul class="va-footer-linkgroup" id="footer-services">
<li>
<h4 class="va-footer-linkgroup-title">Services and Benefits</h4>
</li>
<li><a href="/disability-benefits/" onClick="footerNavClick(this, 'footer-services');">Disability Benefits</a></li>
<li><a href="/health-care/" onClick="footerNavClick(this, 'footer-services');">Health Care Benefits</a></li>
<li><a href="/education/" onClick="footerNavClick(this, 'footer-services');">Education Benefits</a></li>
<li><a href="/housing-assistance/" onClick="footerNavClick(this, 'footer-services');">Housing Assistance</a></li>
<li><a href="/employment/" onClick="footerNavClick(this, 'footer-services');">Careers and Employment</a></li>
<li><a href="/life-insurance/" onClick="footerNavClick(this, 'footer-services');">Life Insurance</a></li>
<li><a href="/pension/" onClick="footerNavClick(this, 'footer-services');">Pension Benefits</a></li>
<li><a href="/burials-and-memorials/" onClick="footerNavClick(this, 'footer-services');">Burials and Memorials</a></li>
</ul>
<ul class="va-footer-linkgroup" id="footer-popular">
<li>
<h4 class="va-footer-linkgroup-title">Popular on Vets.gov</h4>
</li>
<li><a href="/veteran-id-card/how-to-get" onClick="footerNavClick(this);">Apply for a printed Veteran ID Card</a></li>
<li><a href="/health-care/apply/" onClick="footerNavClick(this);">Apply for health care</a></li>
<li><a href="/education/apply-for-education-benefits/" onClick="footerNavClick(this);">Apply for education benefits</a></li>
<li><a href="/track-claims/" onClick="footerNavClick(this);">Track your claims and appeals</a></li>
<li><a href="/gi-bill-comparison-tool/" onClick="footerNavClick(this);">Check education benefits by school</a></li>
<li><a href="/health-care/prescriptions/" onClick="footerNavClick(this);">Refill prescriptions</a></li>
<li><a href="/letters/" onClick="footerNavClick(this);">VA Letters</a></li>
</ul>
<ul class="va-footer-linkgroup va-list--plain" id="footer-contact">
<li>
<h4 class="va-footer-linkgroup-title">Contact</h4>
</li>
<li><a href="/facilities/" onClick="footerNavClick(this);">Find nearby VA locations</a></li>
<li>Call the Vets.gov Help Desk<br>
<a href="tel:18555747286" onClick="footerNavClick(this);">1-855-574-7286</a><br> TTY:
<a href="tel:+18008778339" onClick="footerNavClick(this);">1-800-877-8339</a><br> Monday – Friday, 8:00 a.m. – 8:00 p.m. (<abbr title="eastern time">ET</abbr>)</li>
<li>
<p><button class="va-overlay-trigger usa-button-unstyled va-footer-vcl-trigger" data-show="#modal-crisisline">Get help from the Veterans Crisis Line</button></p>
</li>
<li><br></li>
<li>
<h4 class="va-footer-linkgroup-title">New to VA?</h4>
</li>
<li><a href="/welcome-to-va">Print out your VA Welcome Kit</a></li>
</ul>
</div>
<div class="row" id="va-footer-supplementallinks">
<div>
<ul class="va-footer-linkgroup--inline" id="footer-supplemental">
<li><a href="/playbook/" onClick="footerNavClick(this);">Vets.gov Playbook</a></li>
<li><a target="_blank" href="https://www.va.gov/oig/" onClick="footerNavClick(this);">Inspector General</a></li>
<li><a target="_blank" href="https://www.section508.va.gov/" onClick="footerNavClick(this);">Accessibility</a></li>
<li><a href="/privacy/" onClick="footerNavClick(this);">Privacy</a></li>
<li><a target="_blank" href="http://usa.gov" onClick="footerNavClick(this);">USA.gov</a></li>
</ul>
</div>
<div>
<div class="footer-seal">
<abbr title="Department of Veterans Affairs">VA</abbr> | U.S. Department of Veterans Affairs
</div>
</div>
</div>
</div>
</footer>
<!-- End mobile crisis line overlay. See desktop overlay at end of footer -->
<div id="modal-crisisline" class="va-overlay va-modal va-modal-large" role="alertdialog">
<div class="va-crisis-panel va-modal-inner">
<h3>Get help from Veterans Crisis Line</h3>
<button class="va-modal-close va-overlay-close" type="button">
<i class="fa fa-close va-overlay-close"></i>
<span class="usa-sr-only va-overlay-close">Close this modal</span>
</button>
<div class="va-overlay-body va-crisis-panel-body">
<ul>
<li><a href="tel:18002738255">Call <strong>1-800-273-8255 (Press 1)</strong></a></li>
<li><a href="sms:838255">Text to <b>838255</b></a></li>
<li><a href="https://www.veteranscrisisline.net/ChatTermsOfService.aspx?account=Veterans%20Chat">Chat <b>confidentially now</b></a></li>
</ul>
<p>If you are in crisis or having thoughts of suicide, visit <a href="https://www.veteranscrisisline.net/">VeteransCrisisLine.net</a> for more resources.</p>
</div>
</div>
</div>
<!-- End mobile crisis line overlay -->
<!-- Begin generic overlay modal -->
<!--
“To care for him who shall have borne the battle and for his widow, and his orphan.”
- Abraham Lincoln
-->
<script type="text/javascript">
function footerNavClick(elem) {
const eventLabel = 'nav-' + elem.parentElement.parentElement.id
window.dataLayer.push({
event: eventLabel,
navlabel: elem.innerText
});
}
</script>
</body>
</html>
<footer class="footer" role="contentinfo">
<!--
Uncomment this when the feedback tool is ready to go
<div id="feedback-root"></div>
-->
<div class="footer-inner">
<div class="row va-flex">
<ul class="va-footer-linkgroup" id="footer-services">
<li><h4 class="va-footer-linkgroup-title">Services and Benefits</h4></li>
<li><a href="/disability-benefits/" onClick="footerNavClick(this, 'footer-services');">Disability Benefits</a></li>
<li><a href="/health-care/" onClick="footerNavClick(this, 'footer-services');">Health Care Benefits</a></li>
<li><a href="/education/" onClick="footerNavClick(this, 'footer-services');">Education Benefits</a></li>
<li><a href="/housing-assistance/" onClick="footerNavClick(this, 'footer-services');">Housing Assistance</a></li>
<li><a href="/employment/" onClick="footerNavClick(this, 'footer-services');">Careers and Employment</a></li>
<li><a href="/life-insurance/" onClick="footerNavClick(this, 'footer-services');">Life Insurance</a></li>
<li><a href="/pension/" onClick="footerNavClick(this, 'footer-services');">Pension Benefits</a></li>
<li><a href="/burials-and-memorials/" onClick="footerNavClick(this, 'footer-services');">Burials and Memorials</a></li>
</ul>
<ul class="va-footer-linkgroup" id="footer-popular">
<li><h4 class="va-footer-linkgroup-title">Popular on Vets.gov</h4></li>
{% if buildtype != 'production' %}
<li><a href="/veteran-id-card/how-to-get" onClick="footerNavClick(this);">Apply for a printed Veteran ID Card</a></li>
{% else %}
<li><a href="/veteran-id-card/" onClick="footerNavClick(this);">Apply for a printed Veteran ID Card</a></li>
{% endif %}
<li><a href="/health-care/apply/" onClick="footerNavClick(this);">Apply for health care</a></li>
<li><a href="/education/apply-for-education-benefits/" onClick="footerNavClick(this);">Apply for education benefits</a></li>
<li><a href="/track-claims/" onClick="footerNavClick(this);">Track your claims and appeals</a></li>
<li><a href="/gi-bill-comparison-tool/" onClick="footerNavClick(this);">Check education benefits by school</a></li>
<li><a href="/health-care/prescriptions/" onClick="footerNavClick(this);">Refill prescriptions</a></li>
<li><a href="/letters/" onClick="footerNavClick(this);">VA Letters</a></li>
</ul>
<ul class="va-footer-linkgroup va-list--plain" id="footer-contact">
<li><h4 class="va-footer-linkgroup-title">Contact</h4></li>
<li><a href="/facilities/" onClick="footerNavClick(this);">Find nearby VA locations</a></li>
<li>Call the Vets.gov Help Desk<br>
<a href="tel:18555747286" onClick="footerNavClick(this);">1-855-574-7286</a><br>
TTY: <a href="tel:+18008778339" onClick="footerNavClick(this);">1-800-877-8339</a><br>
Monday – Friday, 8:00 a.m. – 8:00 p.m. (<abbr title="eastern time">ET</abbr>)</li>
<li><p><button class="va-overlay-trigger usa-button-unstyled va-footer-vcl-trigger" data-show="#modal-crisisline">Get help from the Veterans Crisis Line</button></p></li>
<li><br></li>
<li><h4 class="va-footer-linkgroup-title">New to VA?</h4></li>
<li><a href="/welcome-to-va">Print out your VA Welcome Kit</a></li>
</ul>
</div>
<div class="row" id="va-footer-supplementallinks">
<div>
<ul class="va-footer-linkgroup--inline" id="footer-supplemental">
<li><a href="/playbook/" onClick="footerNavClick(this);">Vets.gov Playbook</a></li>
<li><a target="_blank" href="https://www.va.gov/oig/" onClick="footerNavClick(this);">Inspector General</a></li>
<li><a target="_blank" href="https://www.section508.va.gov/" onClick="footerNavClick(this);">Accessibility</a></li>
<li><a href="/privacy/" onClick="footerNavClick(this);">Privacy</a></li>
<li><a target="_blank" href="http://usa.gov" onClick="footerNavClick(this);">USA.gov</a></li>
</ul>
</div>
<div>
<div class="footer-seal">
<abbr title="Department of Veterans Affairs">VA</abbr> | U.S. Department of Veterans Affairs
</div>
</div>
</div>
</div>
</footer>
<!-- End mobile crisis line overlay. See desktop overlay at end of footer -->
<div id="modal-crisisline" class="va-overlay va-modal va-modal-large" role="alertdialog">
<div class="va-crisis-panel va-modal-inner">
<h3>Get help from Veterans Crisis Line</h3>
<button class="va-modal-close va-overlay-close" type="button">
<i class="fa fa-close va-overlay-close"></i>
<span class="usa-sr-only va-overlay-close">Close this modal</span>
</button>
<div class="va-overlay-body va-crisis-panel-body">
<ul>
<li><a href="tel:18002738255">Call <strong>1-800-273-8255 (Press 1)</strong></a></li>
<li><a href="sms:838255">Text to <b>838255</b></a></li>
<li><a href="https://www.veteranscrisisline.net/ChatTermsOfService.aspx?account=Veterans%20Chat">Chat <b>confidentially now</b></a></li>
</ul>
<p>If you are in crisis or having thoughts of suicide,
visit <a href="https://www.veteranscrisisline.net/">VeteransCrisisLine.net</a> for more resources.</p>
</div>
</div>
</div>
<!-- End mobile crisis line overlay -->
<!-- Begin generic overlay modal -->
{% if modal %}
{% include "content/includes/modal.html" %}
{% endif %}
<!--
“To care for him who shall have borne the battle and for his widow, and his orphan.”
- Abraham Lincoln
-->
<script type="text/javascript">
function footerNavClick(elem) {
const eventLabel = 'nav-' + elem.parentElement.parentElement.id
window.dataLayer.push({
event: eventLabel,
navlabel: elem.innerText
});
}
</script>
</body>
</html>
package:
name: department-of-veteran-affairs/jean-pants
version: 0.1.0
assetPath: /design-system/
isProduction: true