govuk-frontend
Version:
GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.
52 lines (51 loc) • 1.61 kB
HTML
<dl class="govuk-summary-list">
<div class="govuk-summary-list__row">
<dt class="govuk-summary-list__key">
Enw
</dt>
<dd class="govuk-summary-list__value">
Firstname Lastname
</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="#">Golygu<span class="govuk-visually-hidden"> enw</span></a>
</li>
<li class="govuk-summary-list__actions-list-item">
<a class="govuk-link" href="#">Dileu<span class="govuk-visually-hidden"> enw</span></a>
</li>
</ul>
</dd>
</div>
<div class="govuk-summary-list__row">
<dt class="govuk-summary-list__key">
Dyddiad geni
</dt>
<dd class="govuk-summary-list__value">
13/08/1980
</dd>
<dd class="govuk-summary-list__actions">
<a class="govuk-link" href="#">Golygu<span class="govuk-visually-hidden"> dyddiad geni</span></a>
</dd>
</div>
<div class="govuk-summary-list__row">
<dt class="govuk-summary-list__key">
Gwybodaeth cyswllt
</dt>
<dd class="govuk-summary-list__value">
<p class="govuk-body">
email@email.com
</p>
<p class="govuk-body">
Address line 1<br>
Address line 2<br>
Address line 3<br>
Address line 4<br>
Address line 5
</p>
</dd>
<dd class="govuk-summary-list__actions">
<a class="govuk-link" href="#">Golygu<span class="govuk-visually-hidden"> gwybodaeth cyswllt</span></a>
</dd>
</div>
</dl>