Back to components
Do's don'ts
Do Don't
Example
Organisations that offer debt advice
- Citizens Advice External link provides free, independent and confidential advice on debt and money problems
- Debt Advice Foundation External link offer free, confidential support and advice about debt
Organisations that offer debt advice
- Citizens Advice External link provides free, independent and confidential advice on debt and money problems
- Debt Advice Foundation External link offer free, confidential support and advice about debt
HTML Snippet for do dont
<div class="panel panel-border panel__dodont panel__dodont--do">
<h2>Organisations that offer debt advice</h2>
<ul class="list list-bullet">
<li><a href="#" rel="external">Citizens Advice <span class="sr-only">External link</span></a> provides free, independent and confidential advice on debt and money problems</li>
<li><a href="#" rel="external">Debt Advice Foundation <span class="sr-only">External link</span></a> offer free, confidential support and advice about debt</li>
</ul>
</div>
<div class="panel panel-border panel__dodont panel__dodont--dont">
<h2>Organisations that offer debt advice</h2>
<ul class="list list-bullet">
<li><a href="#" rel="external">Citizens Advice <span class="sr-only">External link</span></a> provides free, independent and confidential advice on debt and money problems</li>
<li><a href="#" rel="external">Debt Advice Foundation <span class="sr-only">External link</span></a> offer free, confidential support and advice about debt</li>
</ul>
</div>
</div>