Footer

Default

Vocabulary

Footer

Syntax

This appears at the bottom of every email.

Semantics

The footer provides copyright information, key links for easy access, and links to our social media accounts. The reply address is there in case the user wants to get in touch with us. The account management links - "Manage Email Notifications" and "Unsubscribe" are a requirement so the user can be in control of their email communications.

HTML

<!-- // Begin Container: Footer -->
<table class="esg-container footer" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td class="contact-info esg-p-t-6">
        <p class="esg-p esg-m-0 esg-text-center esg-text-color-light esg-text-6">&copy; Treehouse Island Inc</p>
        <p class="esg-p esg-m-0 esg-text-center esg-text-color-light esg-text-6">
          <a href="mailto:hello@teamtreehouse.com" class="esg-bold esg-text-color-light esg-link esg-link-gray esg-text-6">hello@teamtreehouse.com</a>  <span class="pipe">|</span>  <a href="https://teamtreehouse.com/account/notifications" class="esg-bold esg-text-color-light esg-link esg-link-gray esg-text-6" target="_blank">Manage Email Notifications</a>
        </p>
    </td>
  </tr>
  <tr>
    <td class="esg-text-center esg-p-t-3 esg-p-b-6">
      <a href="https://twitter.com/treehouse" target="_blank"><img width="39" height="42" border="0" class="social" src="https://s3.amazonaws.com/treehouse-email-images/global/footer-twitter2x.png" alt="Treehouse on Twitter"></a>
      <a href="http://www.youtube.com/user/gotreehouse" target="_blank"><img width="39" height="42" border="0" class="social" src="https://s3.amazonaws.com/treehouse-email-images/global/footer-youtube2x.png" alt="Treehouse on YouTube"></a>
      <a href="https://www.facebook.com/TeamTreehouse" target="_blank"><img width="39" height="42" border="0" class="social" src="https://s3.amazonaws.com/treehouse-email-images/global/footer-facebook2x.png" alt="Treehouse on Facebook"></a>
      <a href="https://plus.google.com/110278003536476194286/posts" target="_blank"><img width="39" height="42" border="0" class="social" src="https://s3.amazonaws.com/treehouse-email-images/global/footer-google2x.png" alt="Treehouse on Google+"></a>
      <a href="http://instagram.com/teamtreehouse" target="_blank"><img width="39" height="42" border="0" class="social" src="https://s3.amazonaws.com/treehouse-email-images/global/footer-instagram2x.png" alt="Treehouse on Instagram"></a>
    </td>
  </tr>
</table>
<!-- // End Container: Footer -->