Small Tabs › Style Guide


Contact list


This block appears on single bar pages and displays contact and social media information.

<aside class="block">
  <ul class="contact-list">
    <li class="contact-list__item--phone">773 988 2280</li>
    <li class="contact-list__item--website"><a href="#">Visit Website</a></li>
    <li class="contact-list__item--facebook"><a href="#">On Facebook</a></li>
    <li class="contact-list__item--twitter"><a href="#">On Twitter</a></li>
    <li class="contact-list__item--yelp"><a href="#">On Yelp</a></li>            
  </ul>
</aside>