mailgun--user.html.twig in Mailgun 8
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<head>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Actionable emails e.g. reset password</title>
<style type="text/css">
img {
max-width: 100%;
}
body {
-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em;
}
body {
background-color: #f6f6f6;
}
@media only screen and (max-width: 640px) {
body {
padding: 0 !important;
}
h1 {
font-weight: 800 !important; margin: 20px 0 5px !important;
}
h2 {
font-weight: 800 !important; margin: 20px 0 5px !important;
}
h3 {
font-weight: 800 !important; margin: 20px 0 5px !important;
}
h4 {
font-weight: 800 !important; margin: 20px 0 5px !important;
}
h1 {
font-size: 22px !important;
}
h2 {
font-size: 18px !important;
}
h3 {
font-size: 16px !important;
}
.container {
padding: 0 !important; width: 100% !important;
}
.content {
padding: 0 !important;
}
.content-wrap {
padding: 10px !important;
}
.invoice {
width: 100% !important;
}
}
</style>
</head>
<body itemscope itemtype="http://schema.org/EmailMessage" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em; background-color: #f6f6f6; margin: 0;" bgcolor="#f6f6f6">
<table class="body-wrap" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; background-color: #f6f6f6; margin: 0;" bgcolor="#f6f6f6">
<tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;" valign="top"></td>
<td class="container" width="600" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto;" valign="top">
<div class="content" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; max-width: 600px; display: block; margin: 0 auto; padding: 20px;">
<table class="main" width="100%" cellpadding="0" cellspacing="0" itemprop="action" itemscope itemtype="http://schema.org/ConfirmAction" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; border-radius: 3px; background-color: #fff; margin: 0; border: 1px solid #e9e9e9;" bgcolor="#fff">
<tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td class="content-wrap" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 20px;" valign="top">
<meta itemprop="name" content="Confirm Email" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;" />
<table width="100%" cellpadding="0" cellspacing="0" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td class="content-block" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;" valign="top">
<center><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 144 54" style="enable-background:new 0 0 144 54;" xml:space="preserve">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#C02428;}
.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#65666A;}
.st2{fill:#C02428;}
svg{max-width: 50%;}
</style>
<g>
<g>
<g>
<path class="st0" d="M109.8,23.4h-3.8v1.9c-1.3-1.5-3.2-2.3-5.2-2.3c-4.5,0-7.8,3.7-7.8,8.9c0,5,3.3,8.6,7.7,8.6 c2.1,0,3.7-0.7,5.2-2.4v2.3c0,3.5-1.4,5.2-4.2,5.2c-1.5,0-3-0.7-3.7-1.9c-0.4-0.7-0.5-1.3-0.6-2.7h-3.7c0,5,3.1,8.1,8,8.1 c2.8,0,5.3-1.1,6.7-3.2c1.1-1.6,1.4-3,1.4-6.3V23.4z M101.5,26.3c2.8,0,4.6,2.2,4.6,5.3c0,3.2-1.9,5.4-4.6,5.4 c-2.8,0-4.6-2.1-4.6-5.3C96.9,28.5,98.7,26.3,101.5,26.3z"></path>
<path class="st1" d="M36,23.4v16.6h3.8v-8.5c0-3.5,0.9-5,3.1-5c1.7,0,2.5,1.4,2.5,4.4v9.2h3.8v-8.5c0-3.5,0.9-5,3.1-5 c1.8,0,2.5,1.2,2.5,4.4v9.2h3.8V29.7c0-4.5-1.9-6.8-5.6-6.8c-2,0-3.7,0.9-4.9,2.4c-1-1.6-2.6-2.4-4.4-2.4c-1.6,0-2.5,0.4-3.9,2 v-1.5H36z"></path>
<path class="st1" d="M72.9,23.4v1.9c-1.7-1.7-3.1-2.4-5.2-2.4c-4.5,0-7.8,3.7-7.8,8.6c0,5.2,3.3,8.9,7.9,8.9c2,0,3.3-0.6,5.1-2.2 v1.7h3.8V23.4H72.9z M68.4,26.3c2.8,0,4.7,2.2,4.7,5.3c0,3.2-1.9,5.4-4.7,5.4c-2.7,0-4.6-2.2-4.6-5.4 C63.8,28.6,65.8,26.3,68.4,26.3z"></path>
<path class="st1" d="M83.6,23.4h-3.8v16.6h3.8V23.4z M81.7,14.1c-1.4,0-2.5,1.1-2.5,2.5c0,1.4,1.1,2.5,2.5,2.5 c1.4,0,2.5-1.1,2.5-2.5C84.2,15.2,83.1,14.1,81.7,14.1z"></path>
<rect x="87.1" y="9.9" class="st1" width="3.8" height="30"></rect>
<path class="st0" d="M115.9,23.4h-3.8V33c0,2.6,0.5,4,1.7,5.4c1.3,1.4,3.2,2.1,5.3,2.1c2.2,0,4-0.7,5.4-2.1 c1.3-1.4,1.7-2.8,1.7-5.4v-9.6h-3.8v9.5c0,2.8-1,4.1-3.3,4.1c-2.2,0-3.2-1.3-3.2-4.1V23.4z"></path>
<path class="st0" d="M128.8,23.4v16.6h3.8v-8c0-4.1,0.9-5.6,3.5-5.6c2.4,0,3.1,1.1,3.1,4.3v9.3h3.8V29.8c0-4.6-1.9-6.9-6-6.9 c-1.8,0-3,0.5-4.5,2v-1.5H128.8z"></path>
</g>
<path class="st2" d="M16.5,24.7c-3.2,0-5.9,2.6-5.9,5.9s2.6,5.9,5.9,5.9c3.2,0,5.9-2.6,5.9-5.9S19.7,24.7,16.5,24.7z M7.3,30.5 c0-5,4.1-9.1,9.1-9.1c5,0,9.1,4.1,9.1,9.1c0,0.3,0,0.7-0.1,1c-0.1,0.9,0.6,1.6,1.5,1.6c1.5,0,1.7-1.9,1.7-2.6 c0-6.7-5.5-12.2-12.2-12.2S4.2,23.8,4.2,30.5c0,6.7,5.5,12.2,12.2,12.2c3.6,0,6.8-1.5,9-4l2.5,2.1C25.2,44,21,46,16.5,46 C7.9,46,1,39.1,1,30.5C1,22,7.9,15,16.5,15C25,15,31.9,22,31.9,30.5c0,3.4-1.6,6.2-4.9,6.2c-1.4,0-2.3-0.7-2.8-1.4 c-1.6,2.6-4.5,4.3-7.8,4.3C11.4,39.6,7.3,35.6,7.3,30.5z M16.5,27.8c1.5,0,2.7,1.2,2.7,2.7c0,1.5-1.2,2.7-2.7,2.7 c-1.5,0-2.7-1.2-2.7-2.7C13.8,29,15,27.8,16.5,27.8z"></path>
</g>
</g>
</svg></center>
</td>
</tr>
<tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td class="content-block" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;" valign="top">
{{ body }}
</td>
</tr>
<tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;"><td class="content-block" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;" valign="top">
{{ 'The Mailgunners' }}
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="footer" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; clear: both; color: #999; margin: 0; padding: 20px;">
<table width="100%" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
<td class="aligncenter content-block" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; vertical-align: top; color: #999; text-align: center; margin: 0; padding: 0 0 20px;" align="center" valign="top">Follow <a href="http://twitter.com/mail_gun" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; color: #999; text-decoration: underline; margin: 0;">@Mail_Gun</a> on Twitter.</td>
</tr>
</table>
</div>
</div>
</td>
<td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;" valign="top"></td>
</tr>
</table>
</body>
</html>
File
modules/mailgun_email_templates_examples/templates/mailgun--user.html.twig
View source
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
- <head>
- <meta name="viewport" content="width=device-width" />
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <title>Actionable emails e.g. reset password</title>
-
-
- <style type="text/css">
- img {
- max-width: 100%;
- }
- body {
- -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em;
- }
- body {
- background-color: #f6f6f6;
- }
- @media only screen and (max-width: 640px) {
- body {
- padding: 0 !important;
- }
- h1 {
- font-weight: 800 !important; margin: 20px 0 5px !important;
- }
- h2 {
- font-weight: 800 !important; margin: 20px 0 5px !important;
- }
- h3 {
- font-weight: 800 !important; margin: 20px 0 5px !important;
- }
- h4 {
- font-weight: 800 !important; margin: 20px 0 5px !important;
- }
- h1 {
- font-size: 22px !important;
- }
- h2 {
- font-size: 18px !important;
- }
- h3 {
- font-size: 16px !important;
- }
- .container {
- padding: 0 !important; width: 100% !important;
- }
- .content {
- padding: 0 !important;
- }
- .content-wrap {
- padding: 10px !important;
- }
- .invoice {
- width: 100% !important;
- }
- }
- </style>
- </head>
-
- <body itemscope itemtype="http://schema.org/EmailMessage" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; width: 100% !important; height: 100%; line-height: 1.6em; background-color: #f6f6f6; margin: 0;" bgcolor="#f6f6f6">
-
- <table class="body-wrap" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; background-color: #f6f6f6; margin: 0;" bgcolor="#f6f6f6">
- <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
- <td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;" valign="top"></td>
- <td class="container" width="600" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; display: block !important; max-width: 600px !important; clear: both !important; margin: 0 auto;" valign="top">
- <div class="content" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; max-width: 600px; display: block; margin: 0 auto; padding: 20px;">
- <table class="main" width="100%" cellpadding="0" cellspacing="0" itemprop="action" itemscope itemtype="http://schema.org/ConfirmAction" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; border-radius: 3px; background-color: #fff; margin: 0; border: 1px solid #e9e9e9;" bgcolor="#fff">
- <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
- <td class="content-wrap" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 20px;" valign="top">
- <meta itemprop="name" content="Confirm Email" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;" />
- <table width="100%" cellpadding="0" cellspacing="0" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
- <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
- <td class="content-block" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;" valign="top">
- <center><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 144 54" style="enable-background:new 0 0 144 54;" xml:space="preserve">
- <style type="text/css">
- .st0{fill-rule:evenodd;clip-rule:evenodd;fill:#C02428;}
- .st1{fill-rule:evenodd;clip-rule:evenodd;fill:#65666A;}
- .st2{fill:#C02428;}
- svg{max-width: 50%;}
- </style>
- <g>
- <g>
- <g>
- <path class="st0" d="M109.8,23.4h-3.8v1.9c-1.3-1.5-3.2-2.3-5.2-2.3c-4.5,0-7.8,3.7-7.8,8.9c0,5,3.3,8.6,7.7,8.6 c2.1,0,3.7-0.7,5.2-2.4v2.3c0,3.5-1.4,5.2-4.2,5.2c-1.5,0-3-0.7-3.7-1.9c-0.4-0.7-0.5-1.3-0.6-2.7h-3.7c0,5,3.1,8.1,8,8.1 c2.8,0,5.3-1.1,6.7-3.2c1.1-1.6,1.4-3,1.4-6.3V23.4z M101.5,26.3c2.8,0,4.6,2.2,4.6,5.3c0,3.2-1.9,5.4-4.6,5.4 c-2.8,0-4.6-2.1-4.6-5.3C96.9,28.5,98.7,26.3,101.5,26.3z"></path>
- <path class="st1" d="M36,23.4v16.6h3.8v-8.5c0-3.5,0.9-5,3.1-5c1.7,0,2.5,1.4,2.5,4.4v9.2h3.8v-8.5c0-3.5,0.9-5,3.1-5 c1.8,0,2.5,1.2,2.5,4.4v9.2h3.8V29.7c0-4.5-1.9-6.8-5.6-6.8c-2,0-3.7,0.9-4.9,2.4c-1-1.6-2.6-2.4-4.4-2.4c-1.6,0-2.5,0.4-3.9,2 v-1.5H36z"></path>
- <path class="st1" d="M72.9,23.4v1.9c-1.7-1.7-3.1-2.4-5.2-2.4c-4.5,0-7.8,3.7-7.8,8.6c0,5.2,3.3,8.9,7.9,8.9c2,0,3.3-0.6,5.1-2.2 v1.7h3.8V23.4H72.9z M68.4,26.3c2.8,0,4.7,2.2,4.7,5.3c0,3.2-1.9,5.4-4.7,5.4c-2.7,0-4.6-2.2-4.6-5.4 C63.8,28.6,65.8,26.3,68.4,26.3z"></path>
- <path class="st1" d="M83.6,23.4h-3.8v16.6h3.8V23.4z M81.7,14.1c-1.4,0-2.5,1.1-2.5,2.5c0,1.4,1.1,2.5,2.5,2.5 c1.4,0,2.5-1.1,2.5-2.5C84.2,15.2,83.1,14.1,81.7,14.1z"></path>
- <rect x="87.1" y="9.9" class="st1" width="3.8" height="30"></rect>
- <path class="st0" d="M115.9,23.4h-3.8V33c0,2.6,0.5,4,1.7,5.4c1.3,1.4,3.2,2.1,5.3,2.1c2.2,0,4-0.7,5.4-2.1 c1.3-1.4,1.7-2.8,1.7-5.4v-9.6h-3.8v9.5c0,2.8-1,4.1-3.3,4.1c-2.2,0-3.2-1.3-3.2-4.1V23.4z"></path>
- <path class="st0" d="M128.8,23.4v16.6h3.8v-8c0-4.1,0.9-5.6,3.5-5.6c2.4,0,3.1,1.1,3.1,4.3v9.3h3.8V29.8c0-4.6-1.9-6.9-6-6.9 c-1.8,0-3,0.5-4.5,2v-1.5H128.8z"></path>
- </g>
- <path class="st2" d="M16.5,24.7c-3.2,0-5.9,2.6-5.9,5.9s2.6,5.9,5.9,5.9c3.2,0,5.9-2.6,5.9-5.9S19.7,24.7,16.5,24.7z M7.3,30.5 c0-5,4.1-9.1,9.1-9.1c5,0,9.1,4.1,9.1,9.1c0,0.3,0,0.7-0.1,1c-0.1,0.9,0.6,1.6,1.5,1.6c1.5,0,1.7-1.9,1.7-2.6 c0-6.7-5.5-12.2-12.2-12.2S4.2,23.8,4.2,30.5c0,6.7,5.5,12.2,12.2,12.2c3.6,0,6.8-1.5,9-4l2.5,2.1C25.2,44,21,46,16.5,46 C7.9,46,1,39.1,1,30.5C1,22,7.9,15,16.5,15C25,15,31.9,22,31.9,30.5c0,3.4-1.6,6.2-4.9,6.2c-1.4,0-2.3-0.7-2.8-1.4 c-1.6,2.6-4.5,4.3-7.8,4.3C11.4,39.6,7.3,35.6,7.3,30.5z M16.5,27.8c1.5,0,2.7,1.2,2.7,2.7c0,1.5-1.2,2.7-2.7,2.7 c-1.5,0-2.7-1.2-2.7-2.7C13.8,29,15,27.8,16.5,27.8z"></path>
- </g>
- </g>
- </svg></center>
- </td>
- </tr>
- <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
- <td class="content-block" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;" valign="top">
- {{ body }}
- </td>
- </tr>
- <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;"><td class="content-block" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 20px;" valign="top">
- {{ 'The Mailgunners' }}
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- <div class="footer" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; width: 100%; clear: both; color: #999; margin: 0; padding: 20px;">
- <table width="100%" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
- <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;">
- <td class="aligncenter content-block" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; vertical-align: top; color: #999; text-align: center; margin: 0; padding: 0 0 20px;" align="center" valign="top">Follow <a href="http://twitter.com/mail_gun" style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 12px; color: #999; text-decoration: underline; margin: 0;">@Mail_Gun</a> on Twitter.</td>
- </tr>
- </table>
- </div>
- </div>
- </td>
- <td style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0;" valign="top"></td>
- </tr>
- </table>
- </body>
- </html>