Skip to content

Instantly share code, notes, and snippets.

@flynnduism
Created August 19, 2015 23:27
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 flynnduism/fea4ffe0302146455309 to your computer and use it in GitHub Desktop.
Save flynnduism/fea4ffe0302146455309 to your computer and use it in GitHub Desktop.
Welcome Email to send via Intercom
![email-welcome-message-btn](https://cloud.githubusercontent.com/assets/686194/9372035/c491782a-468e-11e5-8da8-31eaed1be148.png)
![email-welcome-pulse](https://cloud.githubusercontent.com/assets/686194/9372040/cfb7eb94-468e-11e5-9ad1-4586e0dae1e3.png)
![screenshot](https://cloud.githubusercontent.com/assets/686194/9372051/0b7a0d9c-468f-11e5-95a7-b647386f3178.png)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Email Template</title>
<style type="text/css">
* {
font-family: Futura, "futura_lt", "futura-pt", "Futura Light", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
color: #4c4f4f;
letter-spacing: 0.035em;
line-height: 1.5;
}
.intro {
background: #efefef;
padding: 1.5em 7.5%;
}
h1, h2 {
font-weight: normal;
}
p {
margin: 1em 3.5%;
line-height: 1.636;
}
img.button {
margin: 3.5em auto 0.5em;
}
hr {
width: 25%;
margin: 2.5em auto;
opacity: 0.25;
}
p a {
color: #008cba;
text-decoration: none;
}
</style>
</head>
<body>
<div style="text-align: center; max-width: 580px; margin: 5em auto;">
<div style="background: #efefef; padding: 1.5em 7.5%;" class="intro">
<h1 style="font-weight: normal;">Thanks for joining Barricade!</h1>
<p style="margin: 1em 3.5%; line-height: 1.636;">We're excited to have you as a customer.<br>
Just confirm your email to get started:</p>
<a href="#confirmationlink" title="Confirm your email"><img src="email-welcome-message-btn.png" class="button" alt="Confirm your email" style="margin: 1em auto;"></a>
</div>
<img src="email-welcome-pulse.png" class="pulse" alt="Barricade is scanning." style="margin: 3.5em auto 0.5em;">
<h2>Barricade is scanning.</h2>
<p style="margin: 1em 3.5%; line-height: 1.636;">We’re monitoring your server and will alert you right away if we detect any serious issues. Team admins can also <a href="https://app.barricade.io/dashboard/settings/notification/slack" style="color: #008cba; text-decoration: none;">enable Slack alerts</a>.</p>
<hr style="width: 25%; margin: 2.5em auto; opacity: 0.25;">
<h2>We're here to help.</h2>
<p style="margin: 1em 3.5%; line-height: 1.636;">If there’s anything we can do for you, don’t hesitate to ask. Our team love to hear from new users like you - <a href="mailto:support@barricade.io?subject=Welcome to Barricade">
send an email</a> or <a href="https://barricade.io/about.html#contact-info">live chat with us</a>.</p>
<hr style="width: 25%; margin: 2.5em auto; opacity: 0.25;">
<p style="margin: 1em 3.5%; line-height: 1.636;"><a href="https://twitter.com/barricadeio">Follow @barricadeio</a></p>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment