App store buttons

Enabling members to easily access our app


How we design them

  • The two buttons sit side by side on small and larger screens
  • Since SVG images are not available in email, we stick to the use of .png format

How they look

View demo Open in new window
320 x 568
View code
    <tr>
  <td style="padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; margin: auto; text-align: center; background-color: #FFFFFF; color: #000000; overflow: hidden;" align="center" bgcolor="#FFFFFF">
    <table style="margin: auto; overflow: hidden;">
      <tr>
        <td style="padding-right: 4px; overflow: hidden;"><a href="#" style="text-decoration: none;"><img width="162" class="gg-e-button--app" src="images/app-store.png" alt="Download on the app store" style="display: block; height: 100%; max-height: 54px; width: 100%; max-width: 162px;"></a></td>
        <td style="padding-left: 4px; overflow: hidden;"><a href="#" style="text-decoration: none;"><img width="182" class="gg-e-button--app" src="images/google-play.png" alt="Get it on Google play" style="display: block; height: 100%; max-height: 54px; width: 100%; max-width: 182px;"></a></td>
      </tr>
    </table>
  </td>
</tr>