GOOD

Promotions

<section class="join-promotion">
  <h2>Join</h2>
  <p>promotional text</p>
  <ul>
    <li class="action"><a href="">Primary</a></li>
    <li class="action secondary"><a href="">Secondary</a></li>
  </ul>
</section>

<section class="promotion social">
  <h2>Social</h2>
  <ul>
    <li class="facebook"><a href="http://www.facebook.com/GOODHQ">Facebook</a></li>
    <li class="twitter"><a href="http://twitter.com/good">Twitter</a></li>
    <li class="instagram"><a href="http://instagram.com/goodhq">Instagram</a></li>
    <li class="tumblr"><a href="http://good.tumblr.com/">Tumblr</a></li>
  </ul>
</section>

<section class="promotion feedback">
  <h2>Feedback!</h2>
  <ul>
    <li class="message">
      <a href="mailto:help@goodinc.com">Send us your feedback</a>
    </li>
  </ul>
</section>