Skip to content

Instantly share code, notes, and snippets.

@ksnider

ksnider/email-builder-button.html

Last active August 29, 2015 14:16
Show Gist options
  • Save ksnider/15e94c824724ae8dfa8c to your computer and use it in GitHub Desktop.
Save ksnider/15e94c824724ae8dfa8c to your computer and use it in GitHub Desktop.
Download ZIP
This snippet creates a nice red utton you can use as a starting point for building your own buttons
Raw
email-builder-button.html
<!-- Modern orange button with square corners and bottom border-->
<div style="width:240px; text-align:center; margin:10px auto; background-color: #FFC53A;
padding-top: 12px; padding-bottom: 12px; padding-right: 15px;
padding-left: 15px; border-top-width: 1px; border-bottom: solid 2px #B26700;
border-radius: 0;">
<div style="text-align: center; font-size:18px; font-family:Helvetica;">
<a href="http://kimsnider.com/learn-infusionsoft-fast/" style="text-decoration:none; color: #321325">
Learn More »
</a>
</div>
</div>
<!-- Pink button with rounded corners and full border-->
<div style="width:240px; text-align:center; margin:10px auto; background-color: #ffeeee;
padding-top: 12px; padding-bottom: 12px; padding-right: 15px;
padding-left: 15px; border-top-width: 1px; border: solid 1px #DFB6B6;
border-radius: 10px;">
<div style="text-align: center; font-size:18px; font-family:Helvetica;">
<a href="http://theapiguys.com/infusionsoft-api-mastermind-reg" style="text-decoration:none; color: #555555;">
Come Mastermind With Us »
</a>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment