There are no notes for this item.
| Prop | Required? | Type | Default | Description |
|---|
<!doctype html>
<html lang="en-US">
<head>
<title>Vets.gov Level 2: Default</title>
<link rel="stylesheet" href="/design-system/styles.css">
</head>
<body>
<header class="header">
<div class="incompatible-browser-warning">
<div class="row full">
<div class="small-12">
Your browser is out of date. To use this website, please <a href="https://whatbrowser.org/">update your browser</a> or use a different device.
</div>
</div>
</div>
<div class="va-notice--banner">
<div class="va-notice--banner-inner">
<div class="usa-banner">
<div class="usa-accordion">
<header class="usa-banner-header">
<div class="usa-grid usa-banner-inner">
<img src="/img/favicons/favicon-57.png" alt="U.S. flag">
<p>An official website of the United States government</p>
<button class="usa-accordion-button usa-banner-button" aria-expanded="false" aria-controls="gov-banner">
<span class="usa-banner-button-text">Here's how you know</span>
</button>
</div>
</header>
<div class="usa-banner-content usa-grid usa-accordion-content" id="gov-banner">
<div class="usa-banner-guidance-gov usa-width-one-half">
<img class="usa-banner-icon usa-media_block-img" src="/img/icon-dot-gov.svg" alt="Dot gov">
<div class="usa-media_block-body">
<p>
<strong>The .gov means it’s official.</strong>
<br> Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure you're on a federal government site.
</p>
</div>
</div>
<div class="usa-banner-guidance-ssl usa-width-one-half">
<img class="usa-banner-icon usa-media_block-img" src="/img/icon-https.svg" alt="Https">
<div class="usa-media_block-body">
<p>
<strong>The site is secure.</strong>
<br> The <strong>https://</strong> ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="va-crisis-line">
<div class="va-flex">
<button data-show="#modal-crisisline" class="va-crisis-line-button va-overlay-trigger" onClick="showModal(this);">
<span class="va-flex">
<span class="vcl"></span>
Get help from Veterans Crisis Line
</span>
</button>
</div>
</div>
</div>
</div>
<!-- /header alert box -->
<div class="row va-flex" id="va-header-logo-menu">
<div role="banner" class="va-header-logo-wrapper">
<a href="/" class="va-header-logo">
<svg class="vets-logo" width="206" height="50" viewBox="0 0 206 50" xmlns="http://www.w3.org/2000/svg" pointer-events="none"><title>Vets dot gov from the U S Department of Veteran Affairs</title><g fill="none" fill-rule="evenodd"><g class="vets-logo-vetsdotgov"><path d="M194.04 37h3.84l6.88-19.44h-3.24l-3.68 11.04c-.56 1.92-1.2 3.88-1.76 5.72h-.16c-.6-1.84-1.24-3.8-1.8-5.72l-3.68-11.04h-3.4l7 19.44zM167.32 27.32c0 6.44 4.24 10.16 9 10.16s9-3.72 9-10.16c0-6.52-4.24-10.24-9-10.24s-9 3.72-9 10.24zm3.4 0c0-4.48 2.28-7.52 5.6-7.52 3.36 0 5.6 3.04 5.6 7.52 0 4.44-2.24 7.44-5.6 7.44-3.32 0-5.6-3-5.6-7.44zM148.28 40.72c0 3.36 3.28 5.24 8.04 5.24 6.04 0 9.84-3.12 9.84-6.72 0-3.24-2.28-4.64-6.8-4.64h-3.76c-2.64 0-3.44-.88-3.44-2.12 0-1.08.56-1.72 1.24-2.32.88.44 1.96.68 2.92.68 3.96 0 7.12-2.6 7.12-6.76 0-1.64-.68-3.12-1.6-4h4v-2.52h-6.76c-.72-.28-1.68-.48-2.76-.48-3.96 0-7.32 2.68-7.32 6.92 0 2.32 1.24 4.2 2.52 5.24v.16c-1 .68-2.12 1.96-2.12 3.6 0 1.52.76 2.56 1.72 3.16v.16c-1.76 1.2-2.84 2.76-2.84 4.4zm8.04-12.08c-2.24 0-4.12-1.8-4.12-4.64s1.84-4.52 4.12-4.52c2.28 0 4.12 1.68 4.12 4.52s-1.88 4.64-4.12 4.64zm-5.16 11.64c0-1.12.6-2.28 2-3.28.84.24 1.76.32 2.52.32h3.36c2.52 0 3.92.6 3.92 2.4 0 2.04-2.44 3.96-6.16 3.96-3.52 0-5.64-1.32-5.64-3.4zM137.52 33.8c0 2.08 1.52 3.68 3.56 3.68s3.56-1.6 3.56-3.68c0-2.12-1.52-3.72-3.56-3.72s-3.56 1.6-3.56 3.72zM118.8 34.72c2 1.64 5 2.76 7.6 2.76 5.32 0 8.16-2.8 8.16-6.4 0-3.64-2.84-5.04-5.36-5.96-2.04-.76-3.88-1.24-3.88-2.52 0-1 .72-1.56 2.24-1.56 1.4 0 2.76.64 4.2 1.68l2.64-3.52c-1.72-1.28-3.96-2.52-7-2.52-4.6 0-7.6 2.52-7.6 6.2 0 3.28 2.84 4.92 5.24 5.84 2.04.8 4.04 1.4 4.04 2.72 0 1.04-.76 1.68-2.52 1.68-1.68 0-3.32-.72-5.12-2.08l-2.64 3.68zM106.64 29.8c0 4.6 1.92 7.68 6.84 7.68 1.92 0 3.36-.4 4.4-.72l-.92-4.28c-.52.2-1.24.4-1.88.4-1.56 0-2.56-.92-2.56-3.16v-7.96h4.76v-4.6h-4.76v-5.28h-4.88l-.68 5.28-3.04.24v4.36h2.72v8.04zM85.28 27.08c0 6.56 4.36 10.4 10.04 10.4 2.36 0 5-.84 7.04-2.24l-1.96-3.56c-1.44.88-2.8 1.32-4.28 1.32-2.64 0-4.64-1.32-5.16-4.32h11.88c.12-.48.24-1.44.24-2.48 0-5.4-2.8-9.52-8.44-9.52-4.76 0-9.36 3.96-9.36 10.4zm5.64-2.04c.4-2.64 2-3.88 3.84-3.88 2.36 0 3.32 1.6 3.32 3.88h-7.16zM70.56 37h7.08l7.88-26.08h-6.04L76.4 23.08c-.76 2.84-1.28 5.48-2.08 8.36h-.16c-.8-2.88-1.32-5.52-2.08-8.36l-3.16-12.16h-6.24L70.56 37zM53 5h1v40h-1z"></path></g><g class="vets-logo-va"><path d="M38.12 37h6.24l-8.2-26.08h-7.04L20.92 37h6l1.6-6.2h8l1.6 6.2zm-8.4-10.8l.64-2.4c.72-2.6 1.44-5.64 2.04-8.4h.16c.72 2.72 1.4 5.8 2.12 8.4l.64 2.4h-5.6zM9.56 37h7.08l7.88-26.08h-6.04L15.4 23.08c-.76 2.84-1.28 5.48-2.08 8.36h-.16c-.8-2.88-1.32-5.52-2.08-8.36L7.92 10.92H1.68L9.56 37z"></path></g></g></svg>
</a>
</div>
<div id="vetnav-controls">
<button aria-controls="vetnav" aria-expanded="false" hidden type="button" class="vetnav-controller-close">
<span class="va-flex">
<img src="/img/icons/close.svg">
Close
</span>
</button>
<button aria-controls="vetnav" type="button" aria-expanded="false" class="vetnav-controller-open">
<span class="va-flex">
<img src="/img/arrow-down.svg">
Menu
</span>
</button>
</div>
<div id="login-root" class="vet-toolbar"></div>
<div class="login-container">
<div class="row va-flex">
<nav id="vetnav" role="navigation">
<!-- used to have `hidden`-->
<ul id="vetnav-menu" role="menubar">
<li><a href="/" class="vetnav-level1" role="menuitem">Home</a></li>
<li role="none">
<button aria-controls="vetnav-explore" role="button" aria-haspopup="true" class="vetnav-level1 vetnav-trigger" onClick="window.dataLayer.push({ event: 'nav-header-top-level' });">Explore benefits</button>
<div id="vetnav-explore" class="vetnav-panel" role="none" hidden>
<ul role="menu" aria-label="Explore benefits">
<li>
<button class="vetnav-level2 vetnav-trigger" role="button" aria-haspopup="true" aria-controls="vetnav-disability" onClick="window.dataLayer.push({ event: 'nav-header-second-level' });">Disability</button>
<ul class="vetnav-panel vetnav-panel--submenu" id="vetnav-disability" role="menu" aria-label="Disability" hidden>
<li>
<button class="vetnav-back vetnav-trigger" aria-controls="vetnav-disability">Back to menu</button>
<div class="vetnav-level2-heading">Disability</div>
</li>
<li><a href="/disability-benefits/" onClick="reportHeaderNav('Explore Benefits->Disabilty');">Disability benefits overview</a></li>
<li><a href="/disability-benefits/eligibility/" onClick="reportHeaderNav('Explore Benefits->Disabilty');">Eligibility</a></li>
<li><a href="/disability-benefits/apply/" onClick="reportHeaderNav('Explore Benefits->Disabilty');">Application process</a></li>
<li><a href="/disability-benefits/conditions/" onClick="reportHeaderNav('Explore Benefits->Disabilty');">Conditions</a></li>
<li><a class="login-required" href="/track-claims/" onClick="reportHeaderNav('Explore Benefits->Disabilty');">Check claim and appeal status</a></li>
<li><a href="/disability-benefits/claims-appeal/" onClick="reportHeaderNav('Explore Benefits->Disabilty');">Appeals process</a></li>
<li><a class="usa-button va-button-primary va-external--light" href="https://www.ebenefits.va.gov/ebenefits/about/feature?feature=disability-compensation" onClick="reportHeaderNav('Explore Benefits->Disabilty');">Go to eBenefits to apply assets/img/icons/exit-icon-white.svg</a></li>
</ul>
</li>
<li>
<button class="vetnav-level2 vetnav-trigger" role="button" aria-haspopup="true" aria-controls="vetnav-healthcare" onClick="window.dataLayer.push({ event: 'nav-header-second-level' });">Health care</button>
<ul class="vetnav-panel vetnav-panel--submenu" id="vetnav-healthcare" role="menu" aria-label="Health care" hidden>
<li>
<button class="vetnav-back" aria-controls="vetnav-healthcare">Back to menu</button>
<div class="vetnav-level2-heading">Health care</div>
</li>
<li><a href="/health-care/" onClick="reportHeaderNav('Explore Benefits->Health Care');">Health care benefits overview</a></li>
<li><a href="/health-care/eligibility/" onClick="reportHeaderNav('Explore Benefits->Health Care');">Eligibility</a></li>
<li><a href="/health-care/apply/" onClick="reportHeaderNav('Explore Benefits->Health Care');">Application process</a></li>
<li><a href="/health-care/health-conditions/" onClick="reportHeaderNav('Explore Benefits->Health Care');">Health needs and conditions</a></li>
<li><a class="login-required" href="/health-care/prescriptions/" onClick="reportHeaderNav('Explore Benefits->Health Care');">Refill prescriptions</a></li>
<li><a class="login-required" href="/health-care/messaging/" onClick="reportHeaderNav('Explore Benefits->Health Care');">Message your health care team</a></li>
<li><a href="/health-care/health-records/" onClick="reportHeaderNav('Explore Benefits->Health Care');">Get your VA health records</a></li>
<li><a href="/health-care/apply/application/" class="usa-button va-button-primary" onClick="reportHeaderNav('Explore Benefits->Health Care');">Apply now</a></li>
</ul>
</li>
<li>
<button class="vetnav-level2 vetnav-trigger" role="button" aria-haspopup="true" aria-controls="vetnav-edu" onClick="window.dataLayer.push({ event: 'nav-header-second-level' });">Education & training</button>
<ul class="vetnav-panel vetnav-panel--submenu" id="vetnav-edu" role="menu" aria-label="Education and training" hidden>
<li>
<button class="vetnav-back vetnav-trigger" aria-controls="vetnav-edu">Back to menu</button>
<div class="vetnav-level2-heading">Education & training</div>
</li>
<li><a href="/education/" onClick="reportHeaderNav('Explore Benefits->Education Training');">Education benefits overview</a></li>
<li><a href="/education/eligibility/" onClick="reportHeaderNav('Explore Benefits->Education Training');">Eligibility</a></li>
<li><a href="/education/apply/" onClick="reportHeaderNav('Explore Benefits->Education Training');">Application process</a></li>
<li><a href="/education/gi-bill/" onClick="reportHeaderNav('Explore Benefits->Education Training');">GI Bill programs</a></li>
<li><a href="/gi-bill-comparison-tool/" onClick="reportHeaderNav('Explore Benefits->Education Training');">Compare GI Bill benefits</a></li>
<li><a href="/education/apply/" class="usa-button va-button-primary" onClick="reportHeaderNav('Explore Benefits->Education Training');">Apply now</a></li>
</ul>
</li>
<li>
<button class="vetnav-level2 vetnav-trigger" role="button" aria-haspopup="true" aria-controls="vetnav-housing" onClick="window.dataLayer.push({ event: 'nav-header-second-level' });">Housing assistance</button>
<ul class="vetnav-panel vetnav-panel--submenu" id="vetnav-housing" role="menu" aria-label="Housing assistance" hidden>
<li>
<button class="vetnav-level2 vetnav-trigger vetnav-back" aria-controls="vetnav-housing">Back to menu</button>
<div class="vetnav-level2-heading">Housing assistance</div>
<li><a href="/housing-assistance/" onClick="reportHeaderNav('Explore Benefits->Housing Assistance');">Housing assistance overview</a></li>
<li><a href="/housing-assistance/home-loans/" onClick="reportHeaderNav('Explore Benefits->Housing Assistance');">Home loans</a></li>
<li><a href="/housing-assistance/adaptive-housing-grants/" onClick="reportHeaderNav('Explore Benefits->Housing Assistance');">Adaptive housing grants</a></li>
</ul>
</li>
<li>
<button class="vetnav-level2 vetnav-trigger" role="button" aria-haspopup="true" aria-controls="vetnav-careers" onClick="window.dataLayer.push({ event: 'nav-header-second-level' });">Careers & employment</button>
<ul class="vetnav-panel vetnav-panel--submenu" id="vetnav-careers" role="menu" aria-label="Careers and employment" hidden>
<li>
<button class="vetnav-level2 vetnav-trigger vetnav-back" aria-controls="vetnav-careers">Back to menu</button>
<div class="vetnav-level2-heading">Careers & employment</div>
</li>
<li><a href="/employment/" onClick="reportHeaderNav('Explore Benefits->Careers Employment');">Careers & employment overview</a></li>
<li><a href="/employment/" onClick="reportHeaderNav('Explore Benefits->Careers Employment');">Find a job / Hire a Veteran</a></li>
<li><a href="/employment/vocational-rehab-and-employment/" onClick="reportHeaderNav('Explore Benefits->Careers Employment');">Vocational Rehabilitation & <br>Employment (VR&E)</a></li>
<li><a href="/employment/job-seekers/register-your-business/" onClick="reportHeaderNav('Explore Benefits->Careers Employment');">Small business support</a></li>
<li><a href="/employment/job-seekers/family-members/" onClick="reportHeaderNav('Explore Benefits->Careers Employment');">Resources for military & Veteran<br>family members</a></li>
</ul>
</li>
<li>
<button class="vetnav-level2 vetnav-trigger" role="button" aria-haspopup="true" aria-controls="vetnav-lifeinsurance" onClick="window.dataLayer.push({ event: 'nav-header-second-level' });">Life insurance</button>
<ul class="vetnav-panel vetnav-panel--submenu" id="vetnav-lifeinsurance" role="menu" aria-label="Life insurance" hidden>
<li>
<button class="vetnav-back vetnav-trigger" aria-controls="vetnav-lifeinsurance">Back to menu</button>
<div class="vetnav-level2-heading">Life insurance</div>
</li>
<li><a href="/life-insurance/" onClick="reportHeaderNav('Explore Benefits->Life Insurance');">Life insurance overview</a></li>
<li><a href="/life-insurance/options-and-eligibility/" onClick="reportHeaderNav('Explore Benefits->Life Insurance');">Options & eligibility</a></li>
<li><a href="/life-insurance/disabled-and-terminally-ill/" onClick="reportHeaderNav('Explore Benefits->Life Insurance');">Totally disabled or terminally ill</a></li>
<li><a href="/life-insurance/manage-your-policy/" onClick="reportHeaderNav('Explore Benefits->Life Insurance');">Managing your policy</a></li>
</ul>
</li>
<li>
<button class="vetnav-level2 vetnav-trigger" role="button" aria-haspopup="true" aria-controls="vetnav-pension" onClick="window.dataLayer.push({ event: 'nav-header-second-level' });">Pension</button>
<ul class="vetnav-panel vetnav-panel--submenu" id="vetnav-pension" role="menu" aria-label="Pension" hidden>
<li>
<button class="vetnav-level2 vetnav-trigger vetnav-back" aria-controls="vetnav-pension">Back to menu</button>
<div class="vetnav-level2-heading">Pension</div>
<li><a href="/pension/" onClick="reportHeaderNav('Explore Benefits->Pension');">Pension benefits overview</a></li>
<li><a href="/pension/eligibility/" onClick="reportHeaderNav('Explore Benefits->Pension');">Eligibility</a></li>
<li><a href="/pension/apply/" onClick="reportHeaderNav('Explore Benefits->Pension');">Application process</a></li>
<li><a href="/pension/survivors-pension/" onClick="reportHeaderNav('Explore Benefits->Pension');">Survivors pension</a></li>
<li><a href="/pension/application/527EZ/" class="usa-button va-button-primary" onClick="reportHeaderNav('Explore Benefits->Pension');">Apply now</a></li>
</ul>
</li>
<li>
<button class="vetnav-level2 vetnav-trigger" role="button" aria-haspopup="true" aria-controls="vetnav-burials" onClick="window.dataLayer.push({ event: 'nav-header-second-level' });">Burials & memorials</button>
<ul class="vetnav-panel vetnav-panel--submenu" id="vetnav-burials" role="menu" aria-label="Burials and memorials" hidden>
<li>
<button class="vetnav-back vetnav-trigger" aria-controls="vetnav-burials">Back to menu</button>
<div class="vetnav-level2-heading">Burials & memorials</div>
</li>
<li><a href="/burials-and-memorials/" onClick="reportHeaderNav('Explore Benefits->Burials Memorials');">Burials & memorials overview</a></li>
<li><a href="/burials-and-memorials/eligibility/" onClick="reportHeaderNav('Explore Benefits->Burials Memorials');">Eligibility</a></li>
<li><a href="/burials-and-memorials/burial-planning/" onClick="reportHeaderNav('Explore Benefits->Burials Memorials');">Plan a burial</a></li>
<li><a href="/burials-and-memorials/survivor-and-dependent-benefits/" onClick="reportHeaderNav('Explore Benefits->Burials Memorials');">Allowances & survivor compensation</a></li>
<li><a href="/burials-and-memorials/find-a-cemetery/" onClick="reportHeaderNav('Explore Benefits->Burials Memorials');">Find a cemetery</a></li>
</ul>
</li>
</ul>
</div>
</li>
<li>
<button class="vetnav-level1 vetnav-trigger" role="button" aria-controls="vetnav-benefits" aria-haspopup="true" onClick="window.dataLayer.push({ event: 'nav-header-top-level' });">Manage your health & benefits</button>
<div class="vetnav-panel" id="vetnav-benefits" hidden>
<ul role="menu" aria-label="Manage your health and benefits">
<li><a class="login-required" href="/health-care/prescriptions" onClick="reportHeaderNav('Manage Health and Benefits');">Refill prescriptions</a></li>
<li><a class="login-required" href="/health-care/messaging" onClick="reportHeaderNav('Manage Health and Benefits');">Message your health care team</a></li>
<li><a href="/health-care/schedule-an-appointment/" onClick="reportHeaderNav('Manage Health and Benefits');">Schedule a VA appointment</a></li>
<li><a class="login-required" href="/health-care/health-records" onClick="reportHeaderNav('Manage Health and Benefits');">Get your VA health records</a></li>
<li><a class="login-required" href="/track-claims" onClick="reportHeaderNav('Manage Health and Benefits');">Check claim and appeal status</a></li>
<li><a class="login-required" href="/education/gi-bill/post-9-11/ch-33-benefit" onClick="reportHeaderNav('Manage Health and Benefits');">Check Post-9/11 GI Bill benefits</a></li>
</ul>
</div>
</li>
<li><a href="/facilities/" class="vetnav-level1" onClick="reportHeaderNav('Find VA locations');">Find VA locations</a></li>
</ul>
</nav>
</div>
</div>
<script>
window.dataLayer = [];
function reportHeaderNav(navpath) {
window.dataLayer.push({
event: 'nav-header-link',
'nav-path': navpath
});
}
</script>
</div>
</header>
<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" onClick="showModal(this);">
<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>
<!-- hacky hacky hacky -->
<script type="text/javascript">
function showModal(elem) {
//console.log('vcl clicked', elem);
var parentClasses = document.getElementById("modal-crisisline").classList;
if (elem.classList.contains('va-overlay-close')) {
parentClasses.add('va-overlay');
} else if (parentClasses.contains('va-overlay')) {
parentClasses.remove('va-overlay');
}
}
</script>
<div id="reactMount" data-tpl="breadcrumbs">
<nav class="va-nav-breadcrumbs">
<ul class="row va-nav-breadcrumbs-list columns" role="menubar" aria-label="Primary">
<li><a href="#1">link1</a></li>
<li><a href="#2">link2</a></li>
<li><a href="#3">link3</a></li>
</ul>
</nav>
</div>
<script>
window.currentProps = {
"package": {
"name": "department-of-veteran-affairs/jean-pants",
"version": "0.1.0"
},
"assetPath": "/design-system/",
"isProduction": true,
"componentSourcePath": "./Breadcrumbs.jsx",
"crumbs": [{
"link": "#1",
"key": "key1",
"label": "link1"
}, {
"link": "#2",
"key": "key2",
"label": "link2"
}, {
"link": "#3",
"key": "key3",
"label": "link3"
}],
"_env": {
"request": {
"headers": {},
"query": {},
"url": "/components/detail/vets-l2",
"segments": ["components", "detail", "vets-l2"],
"params": {
"handle": "vets-l2"
},
"path": "/components/detail/vets-l2",
"error": null,
"errorStatus": null,
"route": {
"handle": "component",
"view": "pages/components/detail.nunj",
"path": "/components/detail/:handle",
"matcher": {
"keys": [{
"name": "handle",
"prefix": "/",
"delimiter": "/",
"optional": false,
"repeat": false,
"partial": false,
"asterisk": false,
"pattern": "[^\\/]+?"
}]
}
}
},
"builder": true,
"server": false
}
}
</script>
<div class="usa-grid" style="padding: 2em">
<div class="usa-width-one-whole">
<div class="usa-grid">
<h1>Headline H1</h1>
</div>
<div class="usa-grid">
<div class="va-introtext">
<p>VA Intro Text has the class 'va-introtext'. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean venenatis laoreet augue scelerisque sollicitudin.</p>
</div>
</div>
<button class=""></button>
<button class=" usa-button-active">Active</button>
<button class=" usa-button-hover">Hover</button>
<aside class="va-nav-linkslist ">
<section>
<h3 class="va-nav-linkslist-heading">Apply for Disability Benefits</h3>
<ul class="va-nav-linkslist-list">
<li>
<a href="/disability-benefits/eligibility/" onclick="window.dataLayer.push({ event: 'nav-linkslist' });">
<h4 class="va-nav-linkslist-title">Eligibility</h4>
<p class="va-nav-linkslist-description">Find out if you can get disability benefits, like financial support and health care, from VA.</p>
</a>
</li>
<li>
<a href="/disability-benefits/apply/" onclick="window.dataLayer.push({ event: 'nav-linkslist' });">
<h4 class="va-nav-linkslist-title">Application Process</h4>
<p class="va-nav-linkslist-description">Apply online now, or find out how to apply in person or get help from a trained professional.</p>
</a>
</li>
<li>
<a href="/disability-benefits/conditions/" onclick="window.dataLayer.push({ event: 'nav-linkslist' });">
<h4 class="va-nav-linkslist-title">Conditions</h4>
<p class="va-nav-linkslist-description">Discover which illnesses or injuries qualify you for benefits.</p>
</a>
</li>
<li>
<a href="/track-claims/" onclick="window.dataLayer.push({ event: 'nav-linkslist' });">
<h4 class="va-nav-linkslist-title">Check Claim and Appeal Status</h4>
<p class="va-nav-linkslist-description">Track the status of your disability claims and appeals.</p>
</a>
</li>
<li>
<a href="/disability-benefits/claims-appeal/" onclick="window.dataLayer.push({ event: 'nav-linkslist' });">
<h4 class="va-nav-linkslist-title">Appeals Process</h4>
<p class="va-nav-linkslist-description">Find out what to do if you disagree with your disability rating decision.</p>
</a>
</li>
</ul>
<section>
<h3 class="va-nav-linkslist-heading">More VA Benefits</h3>
<ul class="va-nav-linkslist-list">
<li>
<a href="/employment/vocational-rehab-and-employment/" onclick="window.dataLayer.push({ event: 'nav-linkslist' });">
<h4 class="va-nav-linkslist-title">Vocational Rehabilitation and Employment (VR&E)</h4>
<p class="va-nav-linkslist-description">If your service-connected disability limits your ability to work or prevents you from working, find out if you can get VR&E benefits and services—like help exploring employment options and getting more training
if required.</p>
</a>
</li>
<li>
<a href="/housing-assistance/adaptive-housing-grants/" onclick="window.dataLayer.push({ event: 'nav-linkslist' });">
<h4 class="va-nav-linkslist-title">Adaptive Housing Grants</h4>
<p class="va-nav-linkslist-description">Find out if you may be eligible for a grant to buy or change a home to meet your needs and help you live more independently with your service-connected disability.</p>
</a>
</li>
</ul>
</section>
</section>
</aside>
</div>
</div>
<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>
<script src="https://unpkg.com/uswds/dist/js/uswds.min.js"></script>
<script src="/design-system/components.bundle.js"></script>
</body>
</html>
<!--
Should display with header, footer, no sidenav
-->
{% extends '_uswds.njk' %}
{% block body %}
{% include '@header' %}
{% render '@breadcrumbs' %}
<div class="usa-grid" style="padding: 2em">
<div class="usa-width-one-whole">
{% render '@typesetting--h1' %}
{% render '@typesetting--introtext' %}
{% include '@buttons' %}
{{ yield }}
<aside class="va-nav-linkslist ">
<section>
<h3 class="va-nav-linkslist-heading">Apply for Disability Benefits</h3>
<ul class="va-nav-linkslist-list">
<li>
<a href="/disability-benefits/eligibility/" onclick="window.dataLayer.push({ event: 'nav-linkslist' });">
<h4 class="va-nav-linkslist-title">Eligibility</h4>
<p class="va-nav-linkslist-description">Find out if you can get disability benefits, like financial support and health care, from VA.</p>
</a>
</li>
<li>
<a href="/disability-benefits/apply/" onclick="window.dataLayer.push({ event: 'nav-linkslist' });">
<h4 class="va-nav-linkslist-title">Application Process</h4>
<p class="va-nav-linkslist-description">Apply online now, or find out how to apply in person or get help from a trained professional.</p>
</a>
</li>
<li>
<a href="/disability-benefits/conditions/" onclick="window.dataLayer.push({ event: 'nav-linkslist' });">
<h4 class="va-nav-linkslist-title">Conditions</h4>
<p class="va-nav-linkslist-description">Discover which illnesses or injuries qualify you for benefits.</p>
</a>
</li>
<li>
<a href="/track-claims/" onclick="window.dataLayer.push({ event: 'nav-linkslist' });">
<h4 class="va-nav-linkslist-title">Check Claim and Appeal Status</h4>
<p class="va-nav-linkslist-description">Track the status of your disability claims and appeals.</p>
</a>
</li>
<li>
<a href="/disability-benefits/claims-appeal/" onclick="window.dataLayer.push({ event: 'nav-linkslist' });">
<h4 class="va-nav-linkslist-title">Appeals Process</h4>
<p class="va-nav-linkslist-description">Find out what to do if you disagree with your disability rating decision.</p>
</a>
</li>
</ul>
<section>
<h3 class="va-nav-linkslist-heading">More VA Benefits</h3>
<ul class="va-nav-linkslist-list">
<li>
<a href="/employment/vocational-rehab-and-employment/" onclick="window.dataLayer.push({ event: 'nav-linkslist' });">
<h4 class="va-nav-linkslist-title">Vocational Rehabilitation and Employment (VR&E)</h4>
<p class="va-nav-linkslist-description">If your service-connected disability limits your ability to work or prevents you from working, find out if you can get VR&E benefits and services—like help exploring employment options and getting more training if required.</p>
</a>
</li>
<li>
<a href="/housing-assistance/adaptive-housing-grants/" onclick="window.dataLayer.push({ event: 'nav-linkslist' });">
<h4 class="va-nav-linkslist-title">Adaptive Housing Grants</h4>
<p class="va-nav-linkslist-description">Find out if you may be eligible for a grant to buy or change a home to meet your needs and help you live more independently with your service-connected disability.</p>
</a>
</li>
</ul>
</section></section></aside>
</div>
</div>
{% include '@footer' %}
{% endblock %}
package:
name: department-of-veteran-affairs/jean-pants
version: 0.1.0
assetPath: /design-system/
isProduction: true