govuk-frontend
Version:
GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.
107 lines (105 loc) • 6.96 kB
HTML
<div class="govuk-summary-card">
<div class="govuk-summary-card__title-wrapper">
<h2 class="govuk-summary-card__title">
Senior mid-level customer experience enhancement consultant
</h2>
<ul class="govuk-summary-card__actions">
<li class="govuk-summary-card__action">
<a class="govuk-link" href="#">Bop it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-card__action">
<a class="govuk-link" href="#">Twist it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-card__action">
<a class="govuk-link" href="#">Pull it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-card__action">
<a class="govuk-link" href="#">Flick it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-card__action">
<a class="govuk-link" href="#">Spin it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-card__action">
<a class="govuk-link" href="#">Shout it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-card__action">
<a class="govuk-link" href="#">Shake it<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
</ul>
</div>
<div class="govuk-summary-card__content">
<dl class="govuk-summary-list">
<div class="govuk-summary-list__row">
<dt class="govuk-summary-list__key">
Name
</dt>
<dd class="govuk-summary-list__value">
Barnaby Marmaduke Aloysius Benjy Cobweb Dartagnan Egbert Felix Gaspar Humbert Ignatius Jayden Kasper Leroy Maximilian Neddy Obiajulu Pepin Quilliam Rosencrantz Sexton Teddy Upwood Vivatma Wayland Xylon Yardley Zachary Usansky
</dd>
<dd class="govuk-summary-list__actions">
<ul class="govuk-summary-list__actions-list">
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">Buy<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">Use<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">Break<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">Fix<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">Trash<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">Mail<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">Upgrade<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">Charge<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">Point<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">Zoom<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">Press<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">Snap<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">Work<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">Quick<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">Erase<span class="govuk-visually-hidden"> (Senior mid-level customer experience enhancement consultant)</span></a>
</li>
</ul>
</dd>
</div>
<div class="govuk-summary-list__row">
<dt class="govuk-summary-list__key">
Long website address
</dt>
<dd class="govuk-summary-list__value">
<a class="govuk-link" href="https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch">https://cs.wikipedia.org/wiki/Llanfairpwllgwyngyllgogerychwyrndrobwllllantysiliogogogoch</a>
</dd>
<dd class="govuk-summary-list__actions">
<a class="govuk-link" href="#">Change<span class="govuk-visually-hidden"> long website address (Senior mid-level customer experience enhancement consultant)</span></a>
</dd>
</div>
</dl>
</div>
</div>