Govspeak content example

Contact with surrounding text

How it looks (preview)

This is a title

Media enquiries

2 Marsham Street
London
SW1P 4DF

Press enquiries 020 7XXX XXXX

Out of hours 020 7XXX XXXX

A comment about the contact

This is a paragraph.

Media enquiries

2 Marsham Street
London
SW1P 4DF

Press enquiries 020 7XXX XXXX

Out of hours 020 7XXX XXXX

A comment about the contact

How to call this example

<%= render "govuk_publishing_components/components/govspeak", {
} do %>
  <h2>This is a title</h2>
<div class="contact" id="contact_1018">
  <div class="content">
    <div class="vcard contact-inner">
      <p>Media enquiries</p>
      <p class="adr">
        <span class="street-address">2 Marsham Street<br>London</span><br>
        <span class="postal-code">SW1P 4DF</span>
      </p>
      <div class="email-url-number">
        <p class="tel"><span class="type">Press enquiries</span> 020 7XXX XXXX</p>
        <p class="tel"><span class="type">Out of hours</span> 020 7XXX XXXX</p>
      </div>
      <p class="comments">A comment about the contact</p>
    </div>
  </div>
</div>
<p>This is a paragraph.</p>
<div class="contact" id="contact_1019">
  <div class="content">
    <div class="vcard contact-inner">
      <p>Media enquiries</p>
      <p class="adr">
        <span class="street-address">2 Marsham Street<br>London</span><br>
        <span class="postal-code">SW1P 4DF</span>
      </p>
      <div class="email-url-number">
        <p class="tel"><span class="type">Press enquiries</span> 020 7XXX XXXX</p>
        <p class="tel"><span class="type">Out of hours</span> 020 7XXX XXXX</p>
      </div>
      <p class="comments">A comment about the contact</p>
    </div>
  </div>
</div>
<% end %>