Code Blender

An atomic Middleman partials library

Address convenient way to display an address

  2. Atom
  3. Address convenient way to display an address

Address

Default

PO Box 1001
20 Everywhere Road
London
Surrey
SW11 1AA
United Kingdom
= codeBlender "address", "atom", { poBox: "PO Box 1001", street: "20 Everywhere Road", city: "London", region: "Surrey", postCode: "SW11 1AA", country: "United Kingdom" }

<div class='address' itemscope itemtype='http://schema.org/PostalAddress'>
<div class='address__poBox' itemprop='postOfficeBoxNumber'>PO Box 1001</div>
<div class='address__street' itemprop='streetAddress'>20 Everywhere Road</div>
<div class='address__city' itemprop='addressLocality'>London</div>
<div class='address__city' itemprop='addressRegion'>Surrey</div>
<div class='address__city' itemprop='postalCode'>SW11 1AA</div>
<div class='address__country' itemprop='addressCountry'>United Kingdom</div>
</div>

Resources Useful websites and tutorials

Title URL
HTML5 Doctor http://html5doctor.com/the-address-element/

Tasks

Task Date
Complete more examples such as in-line in a button