Skip to content

Instantly share code, notes, and snippets.

@chandrewz

chandrewz/email.html

Created January 9, 2017 20:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save chandrewz/6eb676c1d67202a4fd496fe385c12fa7 to your computer and use it in GitHub Desktop.
Save chandrewz/6eb676c1d67202a4fd496fe385c12fa7 to your computer and use it in GitHub Desktop.
Download ZIP
HTML in Emails for Buttons
Raw
email.html
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
.btn {
box-sizing: border-box;
width: 100%; }
.btn {
padding-bottom: 15px; }
.btn {
width: auto; }
.btn {
background-color: #ffffff;
border-radius: 5px;
text-align: center; }
.btn {
background-color: #ffffff;
border: solid 1px #003882;
border-radius: 5px;
box-sizing: border-box;
color: #3498db;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 12px 25px;
text-decoration: none;
text-transform: capitalize; }
.btn-primary {
background-color: #003882;
border-color: #003882;
color: #ffffff; }
@media only screen and (max-width: 620px) {
.btn {
width: 100% !important; }
}
@media all {
.btn-primary:hover {
background-color: #34495e !important;
border-color: #34495e !important; } }
</style>
</head>
<body class="">
<a href="http://sterlingnfg.com" class="btn btn-primary" target="_blank">Schedule Now</a>
<a href="http://sterlingnfg.com" class="btn btn-primary" target="_blank">RSVP Now</a>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment