<div class="vcard">
<div class="org">Northamptonshire County Council</div>
<div class="adr">
<div class="street-address">John Dryden House</div>
<span class="locality">The Lakes, Northampton</span>
<span class="postal-code">NN4 7YD</span>,
<abbr class="region" title="United Kingdom">UK</abbr>
</div>
<div class="tel">0300 126 1111</div>
</div>
<div class="vcard">
<div class="org">Northamptonshire County Council</div>
<div class="adr">
<div class="street-address">John Dryden House</div>
<span class="locality">The Lakes, Northampton</span>
<span class="postal-code">NN4 7YD</span>,
<abbr class="region" title="United Kingdom">UK</abbr>
</div>
<div class="tel">0300 126 1111</div>
</div>
/* No context defined for this component. */
.vcard {
border-left: 5px solid $white-grey;
font-size: 17.5px;
margin: 0 0 20px;
padding: 10px 20px;
line-height: $base-line-height;
.org {
font-weight: bold;
}
.locality {
display: block;
}
}
Vcard markup.
New styling to mimic <blockquote>
like; http://www3.northamptonshire.gov.uk/councilservices/children-families-education/help-and-protection-for-children/protecting-children-information-for-professionals/Pages/contact-early-help-support-MASH.aspx