Claimant navigation - sections
HTML
<ul class="uc-section-cards">
<li class="uc-section-cards__item">
<div class="uc-section-card">
<h2 class="uc-section-card__header">
<a href="/link-1" class="uc-section-card__link">Report a change</a>
</h2>
<p class="uc-section-card__description">Tell us if your circumstances have changed. Examples include your work situation, health or relationships.</p>
</div>
</li>
<li class="uc-section-cards__item">
<div class="uc-section-card">
<h2 class="uc-section-card__header">
<a href="/link-2" class="uc-section-card__link">Report a fit note</a>
</h2>
<p class="uc-section-card__description">Submit your doctor's details and the dates they've put on your fit note.</p>
</div>
</li>
<li class="uc-section-cards__item">
<div class="uc-section-card">
<h2 class="uc-section-card__header">
<a href="/link-3" class="uc-section-card__link">Make a journal entry</a>
</h2>
<p class="uc-section-card__description">Record your activity, let us know about appointments and send or receive messages.</p>
</div>
</li>
<li class="uc-section-cards__item">
<div class="uc-section-card">
<h2 class="uc-section-card__header">
<a href="/link-4" class="uc-section-card__link">Payments and advances</a>
</h2>
<p class="uc-section-card__description">View your payments, apply for an advance or check how much you owe.</p>
</div>
</li>
<li class="uc-section-cards__item">
<div class="uc-section-card">
<h2 class="uc-section-card__header">
<a href="/link-5" class="uc-section-card__link">To-do list</a>
</h2>
<p class="uc-section-card__description">Check if we're asking you for any information.</p>
</div>
</li>
<li class="uc-section-cards__item">
<div class="uc-section-card">
<h2 class="uc-section-card__header">
<a href="/link-6" class="uc-section-card__link">Work search</a>
</h2>
<p class="uc-section-card__description">Guidance and tools to help you search and apply for jobs.</p>
</div>
</li>
</ul>