6.34 Social Media Bar View in a new window

A full width blue bar with social media icons.

Twig: components/social-media-bar/social-media-bar.twig

Example
Markup 
<nav class="social-media-bar" role="navigation" aria-label="UTS social media">
  <h4 class="social-media-bar__title">Follow UTS Health</h4>
  <ul class="social-media-bar__menu">
    <li>
      <a href="#">
        <span class="icon icon--inline icon--facebook icon--size-24">Facebook</span>
      </a>
    </li>
    <li>
      <a href="#">
        <span class="icon icon--inline icon--twitter icon--size-24">Twitter</span>
      </a>
    </li>
    <li>
      <a href="#">
        <span class="icon icon--inline icon--instagram icon--size-24">Instagram</span>
      </a>
    </li>
    <li>
      <a href="#">
        <span class="icon icon--inline icon--youtube icon--size-24">Youtube</span>
      </a>
    </li>
    <li>
      <a href="#">
        <span class="icon icon--inline icon--linkedin icon--size-24">LinkedIn</span>
      </a>
    </li>
  </ul>
</nav>