BT Email Messaging snippet library
|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table id="header" role="header" cellpadding="0" cellspacing="0" border="0" width="100%" style="min-width:600px;">
<tr>
<td valign="top" align="center">
<table class="wrapper" role="presentation" style="min-width:600px; width: 600px; border-bottom: 1px solid #ffffff;" cellspacing="0" cellpadding="0"
width="600" bgcolor="#FFFFFF">
<tr>
<td align="left">
<!-- logo-plain-nav -->
<table class="wrapper" role="presentation" style="padding: 0" bgcolor="#6400AA" cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td class="Hpadding20" style="padding:18px 0">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" class="fluid">
<tr>
<td align="left" valign="middle">
<table role="presentation" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="92" valign="middle" height="44">
<a href="https://business.bt.com/" style="border: none; color: #FFFFFF; font-family: 'bt-regular-bd', Calibri, Arial, sans-serif; font-size: 28px; text-decoration: none;" target="_blank">
<img src="https://business.bt.com/content/dam/bt/business/campaign/email/patterns/bt-logo.png" alt="BT" width="92" height="44" style="border:0; display: block;" />
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- /logo-plain-nav -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table class="section" cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td valign="middle" align="center" bgcolor="#FAFAFA" style="padding: 0 0 0 0; background:#FAFAFA;">
<table class="wrapper" role="presentation" style="min-width:600px; width: 600px;" cellspacing="0" cellpadding="0" border="0" width="600" bgcolor="#6400AA">
<tbody>
<tr>
<td class="show" style="padding:0; display:none; height:0; font-size:0; line-height:0;" align="center">
<img class="show alt serif" src="images/NewUser-Mobile-Hero.png?raw=true" alt="You have a new BT user account" style="display:none; border:none; width:0; height:0;" width="300" height="auto">
</td>
</tr>
<tr>
<td align="center">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td align="center" valign="middle">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="300" class="fluid ptb30">
<tbody>
<tr>
<td align="left" style="padding:8px 20px 8px 20px;">
<table border="0" cellpadding="0" cellspacing="0" align="left" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;" width="100%">
<tbody>
<tr>
<td align="left">
<h1 style="font-family: 'bt-regular-lt', Calibri , Arial, sans-serif; color: #FFFFFF; font-size:36px; line-height:36px; font-weight:100;" class="lead">You have a new BT user account</h1>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td class="hide" align="center" width="300" height="203" valign="TOP">
<img class="hide" src="images/NewUser-Desktop-Hero.png?raw=true" alt="You have a new BT user account" style="display:block; border:none; font-family: arial, helvetica, sans-serif; font-size: 18px; line-height:1.3em; color:#6400AA; text-decoration:none; font-weight:bold; text-align: center; background-color: #D8D8D8;" width="300" height="auto">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table class="section" cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td valign="middle" align="center" bgcolor="#FAFAFA" style="padding: 0 0 0 0; background:#FAFAFA;">
<table class="wrapper" role="presentation" style="min-width:600px; width: 600px;" cellspacing="0" cellpadding="0" border="0" width="600" bgcolor="#e1e1e1">
<tbody>
<tr>
<td align="center">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%"bgcolor="#6400AA">
<tbody>
<tr>
<td height="203" align="center" valign="middle">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" height="203" class="fluid ptb30">
<tbody>
<tr>
<td align="left" style="font-family: 'bt-regular-lt', Calibri , Arial, sans-serif; padding:0px 20px 8px 20px;">
<table border="0" cellpadding="0" cellspacing="0" align="left" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;" width="100%">
<tbody>
<tr>
<td style="padding:0 0 10px 0" class="line-img" align="left">
<img src="images/hero-line.png?raw=true" alt="" width="60px" height="2px"/>
</td>
</tr>
<tr>
<td align="left" class="no-mainimage">
<h1 style="width:375px; color: #ffffff; font-size:36px; line-height:36px; font-weight:100;" class="lead">We're setting up My Account for you. Here's your password.</h1>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table id="header" role="header" cellpadding="0" cellspacing="0" border="0" width="100%" style="min-width:600px;">
<tr>
<td valign="top" align="center">
<table class="wrapper" role="presentation" style="min-width:600px; width: 600px; border-bottom: 1px solid #ffffff;" cellspacing="0" cellpadding="0"
width="600" bgcolor="#FFFFFF">
<tr>
<td align="left">
<!-- logo-plain-nav -->
<table class="wrapper" role="presentation" style="padding: 0" cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td class="Hpadding20" align="center" style="padding:20px 0;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="middle">
<table role="presentation" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="28px" align="center">
<img src="images/kci-tracker-stage1@1x.png?raw=true" alt="BT" class="tracker-img" style="border:none; display:block; background-color:#ffffff; max-height:28px; padding:0 0 5px 0" />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" valign="middle">
<table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td height="28px" align="left" class="trackerNameList">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="28px" width="118px" align="center" valign="top" class="trackerName" style="padding:0; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:11px; mso-line-height-rule:exactly; margin:0; font-weight:900">ORDER CONFIRMED</td>
<td height="28px" width="118px" align="center" valign="top" class="trackerName" style="padding:0; color: #dddddd; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:11px; mso-line-height-rule:exactly; margin:0; font-weight:900">ON ITS WAY</td>
<td height="28px" width="118px" align="center" valign="top" class="trackerName" style="padding:0; color: #dddddd; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:11px; mso-line-height-rule:exactly; margin:0; font-weight:900">SERVICE IS READY</td>
<td height="28px" width="118px" align="center" valign="top" class="trackerName" style="padding:0; color: #dddddd; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:11px; mso-line-height-rule:exactly; margin:0; font-weight:900">ORDER COMPLETE</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" valign="middle" style="padding:0 20px">
<table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td style="border-bottom: 1px solid #eeeeee"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- /logo-plain-nav -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table id="header" role="header" cellpadding="0" cellspacing="0" border="0" width="100%" style="min-width:600px;">
<tr>
<td valign="top" align="center">
<table class="wrapper" role="presentation" style="min-width:600px; width: 600px; border-bottom: 1px solid #ffffff;" cellspacing="0" cellpadding="0"
width="600" bgcolor="#FFFFFF">
<tr>
<td align="left">
<!-- logo-plain-nav -->
<table class="wrapper" role="presentation" style="padding: 0" cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td class="Hpadding20" align="center" style="padding:20px 0;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="middle">
<table role="presentation" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="28px" align="center">
<img src="images/kci-tracker-stage2@1x.png?raw=true" alt="BT" class="tracker-img" style="border:none; display:block; background-color:#ffffff; max-height:28px; padding:0 0 5px 0" />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" valign="middle">
<table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td height="28px" align="left" class="trackerNameList">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="28px" width="118px" align="center" valign="top" class="trackerName" style="padding:0; color: #dddddd; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:11px; mso-line-height-rule:exactly; margin:0; font-weight:900">ORDER CONFIRMED</td>
<td height="28px" width="118px" align="center" valign="top" class="trackerName" style="padding:0; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:11px; mso-line-height-rule:exactly; margin:0; font-weight:900">ON ITS WAY</td>
<td height="28px" width="118px" align="center" valign="top" class="trackerName" style="padding:0; color: #dddddd; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:11px; mso-line-height-rule:exactly; margin:0; font-weight:900">SERVICE IS READY</td>
<td height="28px" width="118px" align="center" valign="top" class="trackerName" style="padding:0; color: #dddddd; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:11px; mso-line-height-rule:exactly; margin:0; font-weight:900">ORDER COMPLETE</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" valign="middle" style="padding:0 20px">
<table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td style="border-bottom: 1px solid #eeeeee"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- /logo-plain-nav -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table id="header" role="header" cellpadding="0" cellspacing="0" border="0" width="100%" style="min-width:600px;">
<tr>
<td valign="top" align="center">
<table class="wrapper" role="presentation" style="min-width:600px; width: 600px; border-bottom: 1px solid #ffffff;" cellspacing="0" cellpadding="0"
width="600" bgcolor="#FFFFFF">
<tr>
<td align="left">
<!-- logo-plain-nav -->
<table class="wrapper" role="presentation" style="padding: 0" cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td class="Hpadding20" align="center" style="padding:20px 0;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="middle">
<table role="presentation" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="28px" align="center">
<img src="images/kci-tracker-stage3@1x.png?raw=true" alt="BT" class="tracker-img" style="border:none; display:block; background-color:#ffffff; max-height:28px; padding:0 0 5px 0" />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" valign="middle">
<table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td height="28px" align="left" class="trackerNameList">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="28px" width="118px" align="center" valign="top" class="trackerName" style="padding:0; color: #dddddd; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:11px; mso-line-height-rule:exactly; margin:0; font-weight:900">ORDER CONFIRMED</td>
<td height="28px" width="118px" align="center" valign="top" class="trackerName" style="padding:0; color: #dddddd; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:11px; mso-line-height-rule:exactly; margin:0; font-weight:900">ON ITS WAY</td>
<td height="28px" width="118px" align="center" valign="top" class="trackerName" style="padding:0; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:11px; mso-line-height-rule:exactly; margin:0; font-weight:900">SERVICE IS READY</td>
<td height="28px" width="118px" align="center" valign="top" class="trackerName" style="padding:0; color: #dddddd; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:11px; mso-line-height-rule:exactly; margin:0; font-weight:900">ORDER COMPLETE</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" valign="middle" style="padding:0 20px">
<table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td style="border-bottom: 1px solid #eeeeee"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- /logo-plain-nav -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table id="header" role="header" cellpadding="0" cellspacing="0" border="0" width="100%" style="min-width:600px;">
<tr>
<td valign="top" align="center">
<table class="wrapper" role="presentation" style="min-width:600px; width: 600px; border-bottom: 1px solid #ffffff;" cellspacing="0" cellpadding="0"
width="600" bgcolor="#FFFFFF">
<tr>
<td align="left">
<!-- logo-plain-nav -->
<table class="wrapper" role="presentation" style="padding: 0" cellspacing="0" cellpadding="0" width="100%" border="0">
<tr>
<td class="Hpadding20" align="center" style="padding:20px 0;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" valign="middle">
<table role="presentation" cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="28px" align="center">
<img src="images/kci-tracker-stage4@1x.png?raw=true" alt="BT" class="tracker-img" style="border:none; display:block; background-color:#ffffff; max-height:28px; padding:0 0 5px 0" />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" valign="middle">
<table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td height="28px" align="left" class="trackerNameList">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td height="28px" width="118px" align="center" valign="top" class="trackerName" style="padding:0; color: #dddddd; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:11px; mso-line-height-rule:exactly; margin:0; font-weight:900">ORDER CONFIRMED</td>
<td height="28px" width="118px" align="center" valign="top" class="trackerName" style="padding:0; color: #dddddd; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:11px; mso-line-height-rule:exactly; margin:0; font-weight:900">ON ITS WAY</td>
<td height="28px" width="118px" align="center" valign="top" class="trackerName" style="padding:0; color: #dddddd; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:11px; mso-line-height-rule:exactly; margin:0; font-weight:900">SERVICE IS READY</td>
<td height="28px" width="118px" align="center" valign="top" class="trackerName" style="padding:0; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:11px; mso-line-height-rule:exactly; margin:0; font-weight:900">ORDER COMPLETE</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="left" valign="middle" style="padding:0 20px">
<table role="presentation" cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td style="border-bottom: 1px solid #eeeeee"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- /logo-plain-nav -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" bgcolor="#FFFFFF" style="background:#FFFFFF;">
<table width="600" class="fluid" style="margin: 0; table-layout: fixed; max-width: 600px; width: 600px;" bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="padding:40px 20px 0 20px;">
<span style="color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-weight: 300; font-size:26px; line-height:30px; mso-line-height-rule:exactly; margin: 0 0 0 0;">
Hello [Title] [Surname],
</span><br /><br />
<span style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; line-height:21px; mso-line-height-rule:exactly; margin: 0 0 0 0;">
It's time to <a href="https://url" target="_blank" style="color: #6400aa; text-decoration:underline">sign in to My Account</a> - your secure area of our website. In your account you can track your order online, check bills, and much more. Best of all, it’s free for BT Business customers.<br /><br />
Order number: <b>[order number]</b><br />
Temporary password: <b>[Temporary password]</b><br /><br />
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table width="600" class="fluid" style="margin: 0; table-layout: fixed; max-width: 600px; width: 600px;" bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellpadding="0" cellspacing="0" align="left" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;" width="100%" role="presentation">
<tbody>
<tr>
<td align="left" valign="top" style="padding: 20px 20px 20px 20px; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; line-height:1.4; mso-line-height-rule:exactly; font-weight: 400;">
<b>Table list title:</b><br /><br />
<table class="list-items" cellspacing="0" cellpadding="0" border="0">
<tr><td align="left" valign="top" class="list-bullet">•</td><td class="list-text" align="left" style="padding:0 0 0 10px">pay online</td></tr>
<tr><td align="left" valign="top" class="list-bullet">•</td><td class="list-text" align="left" style="padding:0 0 0 10px">manage your payment options</td></tr>
<tr><td align="left" valign="top" class="list-bullet">•</td><td class="list-text" align="left" style="padding:0 0 0 10px">update your billing address</td></tr>
<tr><td align="left" valign="top" class="list-bullet">•</td><td class="list-text" align="left" style="padding:0 0 0 10px">download a PDF of your bill</td></tr>
<tr><td align="left" valign="top" class="list-bullet">•</td><td class="list-text" align="left" style="padding:0 0 0 10px">view statements</td></tr>
<tr><td align="left" valign="top" class="list-bullet">•</td><td class="list-text" align="left" style="padding:0 0 0 10px">view contract terms and end dates</td></tr>
<tr><td align="left" valign="top" class="list-bullet">•</td><td class="list-text" align="left" style="padding:0 0 0 10px">manage Cloud Voice Express settings</td></tr>
<tr><td align="left" valign="top" class="list-bullet">•</td><td class="list-text" align="left" style="padding:0 0 0 10px">check your usage</td></tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
|
|||||||||||||||||||||||||
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table width="600" class="fluid" style="margin: 0; table-layout: fixed; max-width: 600px; width: 600px;" bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="padding: 20px 20px 0;">
<table border="0" cellpadding="0" cellspacing="0" align="left" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;" width="100%" role="presentation">
<tbody>
<tr>
<td style="border-bottom: 1px solid #eeeeee"></td>
</tr>
<tr>
<td align="left" role="presentation" style="padding-top:20px; color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size: 26px; line-height: 30px; font-weight: 300; margin: 0; mso-line-height-rule: exactly;">
Take control of your bill in My account
</td>
</tr>
<tr>
<td align="left" valign="top" style="padding: 0 40px 0px 0px; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; line-height:1.4; mso-line-height-rule:exactly; font-weight: 400;">
<br />There's so much you can do in My account - your personal and secure area of the site.<br />
Just sign in and you can:
</td>
</tr>
<tr>
<td align="left" valign="top" style="padding: 0 40px 20px 0; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; line-height:1.4; mso-line-height-rule:exactly; font-weight: 400;">
<table class="list-items" cellspacing="0" cellpadding="0" border="0">
<tr><td colspan="2" style="padding:10px"></td></tr>
<tr><td class="list-bullet">•</td><td><a href="https://url" target="_blank" style="color: #6400aa; text-decoration:underline">pay online</a></td></tr>
<tr><td class="list-bullet">•</td><td><a href="https://url" target="_blank" style="color: #6400aa; text-decoration:underline">manage your payment options</a></td></tr>
<tr><td class="list-bullet">•</td><td><a href="https://url" target="_blank" style="color: #6400aa; text-decoration:underline">update your billing address</a></td></tr>
<tr><td class="list-bullet">•</td><td><a href="https://url" target="_blank" style="color: #6400aa; text-decoration:underline">download a PDF of your bill</a></td></tr>
<tr><td class="list-bullet">•</td><td><a href="https://url" target="_blank" style="color: #6400aa; text-decoration:underline">view statements</a></td></tr>
<tr><td class="list-bullet">•</td><td><a href="https://url" target="_blank" style="color: #6400aa; text-decoration:underline">view contract terms and end dates</a></td></tr>
<tr><td class="list-bullet">•</td><td><a href="https://url" target="_blank" style="color: #6400aa; text-decoration:underline">check your usage</a></td></tr>
<tr><td colspan="2" style="padding:10px"></td></tr>
</table>
</td>
</tr>
<tr>
<td align="left" role="presentation" style="color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size: 26px; line-height: 30px; font-weight: 300; margin: 0; mso-line-height-rule: exactly;">
Sign in to My Account
</td>
</tr>
<tr>
<td align="center" style="padding: 10px;"></td>
</tr>
<tr>
<td align="left" valign="top" style="padding: 0 40px 20px 0px; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; line-height:1.4; mso-line-height-rule:exactly; font-weight: 400;">
Not signed in before? <a href="https://url" target="_blank" style="color: #6400aa; text-decoration:underline">Register for My Account</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table class="section" cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td valign="middle" align="center" bgcolor="#FAFAFA" style="padding: 0 0 0 0; background:#FAFAFA;">
<table class="wrapper" role="presentation" style="min-width:600px; width: 600px;" cellspacing="0" cellpadding="0" border="0" width="600" bgcolor="#eeeeee">
<tbody>
<tr>
<td align="center" style="background-color:#ffffff; padding:20px">
<table bgcolor="#eeeeee" border="0" class="fluid" width="560" cellpadding="0" cellspacing="0" style="border-radius:5px; border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;">
<tbody>
<tr>
<td align="left" valign="top" style="padding:20px">
<h3 style="padding:0; margin:0; color:#333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size:26px; line-height:26px; mso-line-height-rule:exactly; font-weight: 300;">Before your Expert Setup</h3><br />
<table class="list-items" cellspacing="0" cellpadding="0" border="0" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; color:#333333">
<tr><td align="left" valign="top" class="list-bullet">•</td><td class="list-text" align="left" style="padding:0 0 0 10px">The engineer will phone you on <b>[Date]</b> - the working day before your Expert Setup - to introduce themselves</td></tr>
<tr><td align="left" valign="top" class="list-bullet">•</td><td class="list-text" align="left" style="padding:0 0 0 10px">On the call, the engineer will advise if you need to do anything to prepare for your Expert Setup</td></tr>
</table><br />
<h3 style="padding:0; margin:0; color:#333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size:26px; line-height:26px; mso-line-height-rule:exactly; font-weight: 300;">During your Expert Setup</h3><br />
<table class="list-items" cellspacing="0" cellpadding="0" border="0" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; color:#333333">
<tr><td align="left" valign="top" class="list-bullet">•</td><td class="list-text" align="left" style="padding:0 0 0 10px">Make sure your site contact is available for the whole time slot - and can stay later if needed</td></tr>
<tr><td align="left" valign="top" class="list-bullet">•</td><td class="list-text" align="left" style="padding:0 0 0 10px">Give the engineer access to all areas where they need to work</td></tr>
<tr><td align="left" valign="top" class="list-bullet">•</td><td class="list-text" align="left" style="padding:0 0 0 10px">Make sure there are no hazards (like building work) that could stop the engineer finishing the job</td></tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table class="section" cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td valign="middle" align="center" bgcolor="#FAFAFA" style="padding: 0 0 0 0; background:#FAFAFA;">
<table class="wrapper" role="presentation" style="min-width:600px; width: 600px;" cellspacing="0" cellpadding="0" border="0" width="600" bgcolor="#eeeeee">
<tbody>
<tr>
<td align="center" style="background-color:#ffffff; padding:20px">
<table bgcolor="#eeeeee" border="0" class="fluid" width="560" cellpadding="0" cellspacing="0" style="border-radius:5px; border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;">
<tbody>
<tr>
<td align="left" valign="top" style="padding:20px 20px 0 20px">
<h3 style="padding:0; margin:0; color:#333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size:22px; line-height:22px; mso-line-height-rule:exactly; font-weight: 300;">How to buy data</h3><br />
<table class="list-items" cellspacing="0" cellpadding="0" border="0" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; color:#333333">
<tr><td class="" width="60px" align="left" valign="top" style="width:60px; padding:0 0 0 0"><b>Step 1:</b></td><td align="left" valign="top" style="padding:0 0 0 10px"> First, sign in to 'My account'</td></tr>
<tr><td class="" width="60px" align="left" valign="top" style="width:60px; padding:0 0 0 0"><b>Step 2:</b> </td><td align="left" valign="top" style="padding:0 0 0 10px"> Go to <b>Buy Data Pass</b></td></tr>
<tr><td class="" width="60px" align="left" valign="top" style="width:60px; padding:0 0 0 0"><b>Step 3:</b> </td><td align="left" valign="top" style="padding:0 0 0 10px"> Choose the mobile number you want to buy data for</td></tr>
<tr><td class="" width="60px" align="left" valign="top" style="width:60px; padding:0 0 0 0"><b>Step 4:</b> </td><td align="left" valign="top" style="padding:0 0 0 10px"> Choose the <b>Data Pass</b> you want to buy</td></tr>
<tr><td class="" width="60px" align="left" valign="top" style="width:60px; padding:0 0 0 0"><b>Step 5:</b> </td><td align="left" valign="top" style="padding:0 0 0 10px">Go to your basket and check out</td></tr>
<tr><td class="" width="60px" align="left" valign="top" style="width:60px; padding:0 0 0 0"><b>Step 6:</b> </td><td align="left" valign="top" style="padding:0 0 0 10px"> The Data Pass will be ready to use within [Minutes] minutes</td></tr>
<tr><td class="" width="60px" align="left" valign="top" style="width:60px; padding:0 0 0 0"><b>Step 7:</b> </td><td align="left" valign="top" style="padding:0 0 0 10px"> We'll confirm your order by email </td></tr>
</table>
</td>
</tr>
<tr>
<td align="center">
<table width="100%" class="fluid" style="margin: 0; table-layout: fixed; max-width: 100%; width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="padding:20px">
<table border="0" cellpadding="0" cellspacing="0" align="left" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;" width="100%" role="presentation">
<tbody>
<tr>
<td align="left" height="40" style="padding:0;">
<table cellspacing="0" cellpadding="0" class="buttonTable" align="left">
<tr>
<td class="email-btn" align="center" height="40" bgcolor="#6400aa" style="border-radius: 5px; color: #FFFFFF; display: block; border:solid 1px #6400AA; padding:0 20px">
<a href="https://url" target="_blank" style="font-family: 'bt-regular-rg', Calibri , Arial, sans-serif; font-size:16px; text-decoration: none; line-height:40px; width:100%; display:inline-block">
<span style="color: #FFFFFF">Sign in to buy data</span>
</a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
|
|
|
|---|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table width="600" class="fluid" style="margin: 0; table-layout: fixed; max-width: 600px; width: 600px;" bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="padding:20px 20px 0;">
<table border="0" cellpadding="0" cellspacing="0" align="left" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;" width="100%" role="presentation">
<tbody>
<tr>
<td style="border-bottom: 1px solid #eeeeee"></td>
</tr>
<tr>
<td align="left" role="presentation" style="padding:20px 0 20px 0">
<h2 style="color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size: 26px; line-height: 30px; font-weight: 300; margin: 0; mso-line-height-rule: exactly;">Engineer appointment - a reminder</h2>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
<table border="0" bgcolor="#ffffff" class="fluid" width="600" cellpadding="0" cellspacing="0" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed; box-sizing: border-box;">
<tbody>
<tr>
<th align="left" valign="top" class="breakme">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="280" class="fluid" align="left">
<tbody>
<tr>
<td align="left" valign="top">
<table class="emailwrapto100pc" border="0" cellpadding="0" cellspacing="0" valign="top" style="width:280px; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; width: auto; font-size:16px; line-height:16px; mso-line-height-rule:exactly; font-weight: 400; line-height: 1.4;">
<tbody>
<tr>
<td valign="top" style="width:280px; padding:0 0 0 20px; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; line-height:26px; mso-line-height-rule:exactly; font-weight: 400; line-height: 1.4;">
<b>Appointment time</b><br />
[Day] [Date] [Month] between [FirstTime] and [SecondTime] <br/><br/>
</td>
</tr>
<tr>
<td valign="top" style="width:280px; padding:0 0 0 20px; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; line-height:26px; mso-line-height-rule:exactly; font-weight: 400; line-height: 1.4;">
<b>Installation address</b><br />
[InstallationAddress]<br/><br/>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</th>
<th valign="top" class="breakme" style="padding:0;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="280" class="fluid" align="left">
<tbody>
<tr>
<td align="left" valign="top">
<table class="emailwrapto100pc" border="0" cellpadding="0" cellspacing="0" valign="top" style="width:280px; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; line-height:26px; mso-line-height-rule:exactly; font-weight: 400; line-height: 1.4;">
<tbody>
<tr>
<td valign="top" style="width:280px; padding:0 0 0 20px; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; line-height:26px; mso-line-height-rule:exactly; font-weight: 400; line-height: 1.4;">
<b>Site contact</b><br />
[FirstName][Surname]<br>
[SiteContactNumber]<br>
[SiteContactEmail]<br>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
|
↳ HTML : snippet code ↕
<tr>
<td align="center" style="padding:0 20px 0;">
<table border="0" cellpadding="0" cellspacing="0" align="left" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;" width="100%" role="presentation">
<tbody>
<tr>
<td align="left" height="40" style="padding:0 0 20px 0">
<table cellspacing="0" cellpadding="0" class="buttonTable" align="left">
<tbody><tr>
<td class="email-btn" align="center" height="40" bgcolor="#6400aa" style="border-radius: 5px; color: #FFFFFF; display: block; border:solid 1px #6400AA; padding:0 20px">
<a href="https://url" target="_blank" style="font-family: 'bt-regular-rg', Calibri , Arial, sans-serif; font-size:16px; text-decoration: none; line-height:40px; width:100%; display:inline-block">
<span style="color: #FFFFFF; line-height:40px">Complete your account set-up</span>
</a>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
|
||||||||
|---|---|---|---|---|---|---|---|---|
↳ HTML : snippet code ↕
<tr>
<td align="center" style="padding:0">
<table border="0" bgcolor="#ffffff" class="fluid" width="600" cellpadding="0" cellspacing="0" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed; box-sizing: border-box;">
<tbody>
<tr>
<th valign="top" align="left" style="padding:0 20px 0 0">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" class="fluid">
<tbody>
<tr>
<td align="left" valign="top" class="breakme" style="padding:0">
<table class="buttonTable emailwrapto100pc" border="0" cellpadding="0" cellspacing="0" valign="top" style="padding:0; color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size:16px; line-height:26px; mso-line-height-rule:exactly; font-weight: 400; line-height: 1.4;">
<tbody>
<tr>
<td align="left" height="40" style="padding:0 0 20px 20px">
<table cellspacing="0" cellpadding="0" align="left" class="buttonTable">
<tr>
<td class="email-btn" align="center" height="40" bgcolor="#6400aa" style="border-radius: 5px; color: #FFFFFF; display: block; border:solid 1px #6400AA; padding:0 20px">
<a href="https://url" target="_blank" style="font-family: 'bt-regular-rg', Calibri , Arial, sans-serif; font-size:16px; text-decoration: none; line-height:40px; width:100%; display:inline-block">
<span style="color: #FFFFFF">
View your bill online</span>
</a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td align="left" valign="top" class="breakme" style="padding:0">
<table class="buttonTable" border="0" cellpadding="0" cellspacing="0" valign="top" style="padding: 0; color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size:16px; line-height:26px; mso-line-height-rule:exactly; font-weight: 400; line-height: 1.4;">
<tbody>
<tr>
<td align="left" height="40" style="padding:0 0 20px 20px">
<table cellspacing="0" cellpadding="0" align="left" class="buttonTable">
<tr>
<td class="email-btn" align="center" height="40" bgcolor="#ffffff" style="border-radius: 5px; color: #6400AA; display: block; border:solid 1px #6400AA; padding:0 20px">
<a href="https://url" target="_blank" style="font-family: 'bt-regular-rg', Calibri , Arial, sans-serif; font-size:16px; text-decoration: none; line-height:40px; width:100%; display:inline-block">
<span style="color: #6400AA">
Pay your bill online</span>
</a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="2" align="left" valign="top" style="padding:0 0 40px 20px; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight:200;">Call <a href="tel:+8702405566" target="_blank" style="color: #6400AA; text-decoration:underline">0870 240 5566</a> to pay by phone</td>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
|
|||
|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table border="0" bgcolor="#ffffff" class="fluid" width="600" cellpadding="0" cellspacing="0" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed; box-sizing: border-box;">
<tbody>
<tr>
<td align="center" style="padding:0 20px">
<table border="0" cellpadding="0" cellspacing="0" align="left" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;" width="100%" role="presentation">
<tbody>
<tr>
<td style="border-bottom: 1px solid #eeeeee"></td>
</tr>
<tr>
<td align="left" role="presentation" style="padding:20px 0 0 0">
<h2 style="color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size: 26px; line-height: 30px; font-weight: 300; margin: 0; mso-line-height-rule: exactly;">Pay by Direct Debit</h2>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="center" style="padding:20px 20px 0 20px">
<table border="0" cellpadding="0" cellspacing="0" align="left" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;" width="100%" role="presentation">
<tbody>
<tr>
<td align="left" valign="top" style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; line-height:1.4; mso-line-height-rule:exactly; font-weight: 400;">
Take the hassle out of paying bills. Direct Debit makes it simple and convenient for you.<br /> <br />
</td>
</tr>
<tr>
<td align="left" height="40" style="padding:0 0 20px 0;">
<table cellspacing="0" cellpadding="0" class="buttonTable" align="left">
<tr>
<td class="email-btn" align="center" height="40" bgcolor="#6400aa" style="border-radius: 5px; color: #FFFFFF; display: block; border:solid 1px #6400AA; padding:0 20px">
<a href="https://url" target="_blank" style="font-family: 'bt-regular-rg', Calibri , Arial, sans-serif; font-size:16px; text-decoration: none; line-height:40px; width:100%; display:inline-block">
<span style="color: #FFFFFF">Set up a Direct Debit</span>
</a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td align="left" bgcolor="#FFFFFF" style="background:#FFFFFF;">
<table width="600" class="fluid" style="margin: 0; table-layout: fixed; max-width: 600px; width: 600px;" bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="0">
<tbody><tr>
<td align="left" style="padding:0 20px 10px 20px">
<span style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; line-height:21px; mso-line-height-rule:exactly; margin: 0 0 0 0;">
Thanks,
</span>
</td>
</tr>
<tr>
<td align="left" style="padding:0 20px 40px 20px">
<span style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; line-height:21px; mso-line-height-rule:exactly; margin: 0 0 0 0;">
Your BT team
</span>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td>
</tr>
|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table class="section" cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td valign="middle" align="center" bgcolor="#FAFAFA" style="padding: 0 0 0 0; background:#FAFAFA;">
<table class="wrapper" role="presentation" style="min-width:600px; width: 600px;" cellspacing="0" cellpadding="0" border="0" width="600" bgcolor="#dddddd">
<tbody>
<tr>
<td align="center">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td align="center" valign="middle">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="300" class="fluid ptb30">
<tbody>
<tr>
<td align="left" style="padding:8px 20px 8px 20px;">
<table border="0" cellpadding="0" cellspacing="0" align="left" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;" width="100%">
<tbody>
<tr>
<td align="left" style="font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; color: #333333; font-size:26px; mso-line-height-rule:exactly; line-height:30px;" class="lead">
<h2 style="font-weight:300; font-size:26px; mso-line-height-rule:exactly; line-height:30px; mso-line-height-rule:exactly;">On the go access in the BT Business app </h2>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td class="hide" align="center" width="300" height="203" valign="TOP">
<img class="hide" src="http://www.bt.com/ext/static/wa/kci/btbusiness/App_teaser_Desktop_BT_Business_App@1x.png" alt="Easy on the go access in the BT Business app" style="display:block; border:none; font-family: arial, helvetica, sans-serif; font-size: 18px; line-height:1.3em; color:#6400AA; text-decoration:none; font-weight:bold; text-align: center; background-color: #D8D8D8;" width="300" height="auto">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="show" style="padding:0; display:none; height:0; font-size:0; line-height:0;" align="center">
<img class="show alt serif" src="http://www.bt.com/ext/static/wa/kci/btbusiness/App_teaser_Desktop_BT_Business_App@2x.png" alt="Easy on the go access in the BT Business app" style="display:none; border:none; width:0; height:0;" width="300" height="auto">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table class="section" cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td valign="middle" align="center" bgcolor="#FAFAFA" style="padding: 0 0 0 0; background:#FAFAFA;">
<table class="wrapper" role="presentation" style="min-width:600px; width: 600px;" cellspacing="0" cellpadding="0" border="0" width="600" bgcolor="#dddddd">
<tbody>
<tr>
<td align="center">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td align="center" valign="middle">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="300" class="fluid ptb30">
<tbody>
<tr>
<td align="left" style="padding:8px 10px 0px 20px;">
<table border="0" cellpadding="0" cellspacing="0" align="left" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;" width="100%">
<tbody>
<tr>
<td align="left" style="font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; color: #333333; mso-line-height-rule:exactly; width:100%" class="lead">
<h2 style="font-weight:300; font-size:22px; line-height:26px; mso-line-height-rule:exactly; ">On the go access in the BT Business app</h2>
</td>
</tr>
<tr>
<td class="show" style="padding:20px 0 0 0; display:none; height:0; font-size:0; line-height:0;" colspan="2" align="center">
<img class="show alt serif" src="images/BTBusinessApp-Mobile@1x.png?raw=true" alt="On the go access" style="display:none; border:none">
</td>
</tr>
<tr>
<td align="left" valign="top">
<table class="fluid" style="margin: 0; table-layout: fixed;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="padding:20px 0 0;">
<table border="0" cellpadding="0" cellspacing="0" align="left" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;" width="100%" role="presentation">
<tbody>
<tr>
<td align="left" height="40" style="padding:0; margin:0">
<table cellspacing="0" cellpadding="0" class="buttonTable" align="left">
<tr>
<td class="email-btn" align="center" valign="middle" height="40" bgcolor="#6400aa" style="border-radius: 5px; color: #FFFFFF; display: block; padding:0 20px">
<a href="https://url" target="_blank" class="emailBtn" style="font-family: 'bt-regular-rg', Calibri , Arial, sans-serif; font-size:16px; text-decoration: none; line-height:40px; width:100%; mso-line-height-rule:exactly; display:inline-block">
<span style="color: #FFFFFF; font-family: 'bt-regular-rg', Calibri , Arial, sans-serif; font-size:16px; text-decoration: none; line-height:40px; width:100%; mso-line-height-rule:exactly; display:inline-block">More about the app</span>
</a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td class="hide" align="center" width="300" valign="TOP">
<img class="hide" src="images/BTBusinessApp-Desktop@1x.png?raw=true" alt="On the go access" style="mso-line-height-rule:exactly; display:block; border:none; font-family: arial, helvetica, sans-serif; font-size: 18px; line-height:1.3em; color:#6400AA; text-decoration:none; font-weight:bold; text-align: center; background-color: #D8D8D8;" width="300" height="auto">
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table border="0" bgcolor="#ffffff" class="fluid" width="600" cellpadding="0" cellspacing="0" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed; box-sizing: border-box;">
<tbody>
<tr>
<td align="center" style="padding:20px 0 20px 0;">
<table width="600" class="fluid" style="margin: 0; table-layout: fixed; max-width: 600px; width: 600px;" bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="padding:0 20px">
<table border="0" cellpadding="0" cellspacing="0" align="left" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;" width="100%" role="presentation">
<tbody>
<tr>
<td style="border-bottom: 1px solid #eeeeee"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
<table class="section" cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td valign="middle" align="center" bgcolor="#ffffff" style="padding:20px 0 0 0; background:#ffffff;">
<table class="wrapper" role="presentation" style="min-width:600px; width: 600px;" cellspacing="0" cellpadding="0" border="0" width="600" bgcolor="#ffffff">
<tbody>
<tr>
<td align="center">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td class="hide" align="center" width="300" valign="TOP">
<img class="hide" src="images/EDS-3001-set-up-bb4gassure.png?raw=true" alt="Get the most out of your fibre and digital phone line bundle" style="mso-line-height-rule:exactly; display:block; border:none; font-family: arial, helvetica, sans-serif; font-size: 18px; line-height:1.3em; color:#6400AA; text-decoration:none; font-weight:bold; text-align: center; background-color: #D8D8D8;" width="300" height="auto">
</td>
<td align="center" valign="middle">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="300" class="fluid ptb30">
<tbody>
<tr>
<td align="left" style="padding:8px 10px 0px 20px;">
<table border="0" cellpadding="0" cellspacing="0" align="left" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;" width="100%">
<tbody>
<tr>
<td align="left" style="font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; color: #333333; mso-line-height-rule:exactly; width:100%" class="lead">
<h2 style="font-weight:300; font-size:26px; line-height:30px; mso-line-height-rule:exactly; ">Get the most out of your fibre and digital phone line bundle</h2>
</td>
</tr>
<tr>
<td class="show" style="padding:20px 0 0 0; display:none; height:0; font-size:0; line-height:0;" colspan="2" align="center">
<img class="show alt serif" src="images/EDS-3001-set-up-bb4gassure.png?raw=true" alt="Get the most out of your fibre and digital phone line bundle" style="display:none; border:none">
</td>
</tr>
<tr>
<td align="left" valign="top">
<table class="fluid" style="margin: 0; table-layout: fixed;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="padding:20px 0 0;">
<table border="0" cellpadding="0" cellspacing="0" align="left" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;" width="100%" role="presentation">
<tbody>
<tr>
<td align="left" height="40" style="padding:0; margin:0">
<table cellspacing="0" cellpadding="0" class="buttonTable" align="left">
<tr>
<td class="email-btn" align="center" valign="middle" height="40" bgcolor="#ffffff" style="border-radius: 5px; color: #6400aa; display: block; border:1px solid #6400aa; padding:0 20px">
<a href="https://url" target="_blank" class="emailBtn" style="font-family: 'bt-regular-rg', Calibri , Arial, sans-serif; font-size:16px; text-decoration: none; line-height:40px; width:100%; mso-line-height-rule:exactly; display:inline-block">
<span style="color: #6400aa; font-family: 'bt-regular-rg', Calibri , Arial, sans-serif; font-size:16px; text-decoration: none; line-height:40px; width:100%; mso-line-height-rule:exactly; display:inline-block">View our set-up guide</span>
</a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td></tr>
</tbody>
</table>
</td>
</tr>
|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table class="section" cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td valign="middle" align="center" bgcolor="#FAFAFA" style="padding:0 0 0 0; background:#FAFAFA;">
<table class="wrapper" role="presentation" style="min-width:600px; width: 600px;" cellspacing="0" cellpadding="0" border="0" width="600" bgcolor="#6400AA">
<tbody>
<tr>
<td align="center">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td align="center" valign="middle">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="300" class="fluid">
<tbody>
<tr>
<td align="left" style="padding:20px">
<table border="0" cellpadding="0" cellspacing="0" align="left" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;" width="100%">
<tbody>
<tr>
<td align="left" style="font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; color: #ffffff; font-size:26px; line-height:30px; width:100%" class="lead">
<h2 style="font-weight:300; font-size:26px; line-height:30px; color:#ffffff">Understanding your monthly bill</h2>
</td>
</tr>
<tr>
<td class="show" style="display:none; height:0; font-size:0; line-height:0; padding:20px 0 0 0" colspan="2" align="center">
<a href="https://url" target="_blank"><img class="show alt serif" src="images/BillExplainer.png?raw=true" alt="Understanding your monthly bill" style="display:none; border:none"></a>
</td>
</tr>
<tr>
<td align="left">
<table class="fluid" style="margin: 0; table-layout: fixed;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="padding:20px 0 0 0">
<table border="0" cellpadding="0" cellspacing="0" align="left" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;" width="100%" role="presentation">
<tbody>
<tr>
<td align="left" height="40" style="padding:0;">
<table cellspacing="0" cellpadding="0" class="buttonTable" align="left">
<tr>
<td class="email-btn" align="center" height="40" bgcolor="#6400aa" style="border-radius: 5px; color: #FFFFFF; display: block; border:solid 1px #ffffff; padding:0 20px">
<a href="https://url" target="_blank" class="emailBtn" style="font-family: 'bt-regular-rg', Calibri , Arial, sans-serif; font-size:16px; text-decoration: none; line-height:40px; width:100%; display:inline-block">
<span style="color: #FFFFFF">View our bill explainer</span>
</a>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td class="hide" align="left" width="300" height="210" valign="center">
<a href="https://url" target="_blank" style="display:inline-block"><img class="hide" src="images/BillExplainer.png?raw=true" width="271px" height="67" alt="Understanding your monthly bill" style="display:block; border:none; text-decoration:none"></a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table class="section" cellpadding="0" cellspacing="0" border="0" width="100%">
<tbody>
<tr>
<td valign="middle" align="center" bgcolor="#FAFAFA" style="padding: 0 0 0 0; background:#FAFAFA;">
<table class="wrapper" role="presentation" style="min-width:600px; width: 600px;" cellspacing="0" cellpadding="0" border="0" width="600" bgcolor="#eeeeee">
<tbody>
<tr>
<td align="center" style="background-color:#ffffff; padding:20px">
<table bgcolor="#eeeeee" border="0" class="fluid" width="560" cellpadding="0" cellspacing="0" style="border-radius:5px; border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;">
<tbody>
<tr>
<td align="left" valign="top" style="padding:20px">
<h3 style="padding:0; margin:0; color:#333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size:26px; line-height:26px; mso-line-height-rule:exactly; font-weight: 300;">About this bill</h3><br />
<span style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; line-height:1.4; mso-line-height-rule:exactly; font-weight: 400;">
As you've removed products from your service with us, we've taken off those charges for the first time. This means your bill is lower than before.
</span>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
↳ HTML : snippet code ↕
<tr>
<td align="center">
<!-- Connection speeds desktop -->
<table border="0" bgcolor="#ffffff" class="fluid hide" width="600" cellpadding="0" cellspacing="0" style="display: block; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;">
<thead style="border-bottom: 1px solid #333333; width: 600px">
<tr style="color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly;">
<th align="left" width="180" style="border-bottom: 1px solid #333333; background: #eeeeee;"></th>
<th align="left" width="170" style="border-bottom: 1px solid #333333; font-weight: 400; background: #eeeeee; padding: 12px 20px;">Mac Address</th>
<th align="left" width="170" style="border-bottom: 1px solid #333333; font-weight: 400; background: #eeeeee; padding: 12px 20px;">Telephone Number</th>
</tr>
</thead>
<tbody style="width: 600px">
<tr style="border-bottom: 1px solid #dddddd; color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; font-size:14px; mso-line-height-rule:exactly;">
<td width="170" valign="top" style="border-bottom: 1px solid #dddddd; padding: 15px 10px 8px 20px; background: #eeeeee; font-weight: 900;">
Product Name
</td>
<td width="170" style="border-bottom: 1px solid #dddddd; padding: 15px 20px; font-size:16px;" align="left" valign="top">[MacCode]</td>
<td width="170" style="border-bottom: 1px solid #dddddd; padding: 15px 20px; font-size:16px;" align="left" valign="top">[TelNumber]</td>
</tr>
</tbody>
</table>
<!-- /Connection speeds desktop -->
<!-- Connection speeds mobile -->
<table border="0" bgcolor="#ffffff" class="fluid show" width="600" cellpadding="0" cellspacing="0" style="display: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;">
<thead style="border-bottom: 1px solid #333333; width: 600px">
<tr style="color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly;">
<th align="left" width="170" style="font-weight: 400; background: #eeeeee; padding: 12px 20px;">
Mac Address
</th>
<th align="left" width="170" style="font-weight: 400; background: #eeeeee; padding: 12px 20px;">
Telephone Number
</th>
</tr>
</thead>
<tbody style="width: 600px">
<tr>
<td colspan="2" width="180" valign="top" style="padding: 15px 0 5px 20px; color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; font-size:14px; font-weight: 900;">
Product Name
</td>
</tr>
<tr style="border-bottom: 1px solid #dddddd; color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; font-size:14px; mso-line-height-rule:exactly;">
<td width="170" style="padding: 0 20px 15px; font-size:16px;" align="left" valign="top">[MacCode]</td>
<td width="170" style="padding: 0 20px 15px; font-size:16px;" align="left" valign="top">[TelNumber]</td>
</tr>
</tbody>
</table>
<!-- /Connection speeds mobile -->
</td>
</tr>
↳ HTML : snippet code ↕
<tr>
<td align="center">
<!-- desktop -->
<table border="0" bgcolor="#ffffff" class="fluid hide" width="600" cellpadding="0" cellspacing="0" style="display: block; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;">
<thead style="border-bottom: 1px solid #333333; width: 600px">
<tr style="color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly;">
<th align="left" width="360" style="border-bottom: 1px solid #333333;font-weight: 400; background: #eeeeee; padding: 12px 20px;">
Billing account
</th>
<th align="right" width="160" style="border-bottom: 1px solid #333333;font-weight: 400; background: #eeeeee; padding: 12px 20px;">
Payment
</th>
</tr>
</thead>
<tbody style="border-top: 1px solid #333333; width: 600px">
<tr style="border-bottom: 1px solid #dddddd; color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; font-size:14px; mso-line-height-rule:exactly;">
<td width="380" align="left" valign="top" style="border-bottom: 1px solid #dddddd; padding: 15px 0 8px 20px; background: #ffffff; font-weight: 900;">
[MaskedBillingAccountNumber1]
</td>
<td width="160" style="border-bottom: 1px solid #dddddd; padding:15px 20px; font-size:16px;" align="right" valign="top">£XX.XX</td>
</tr>
<tr style="border-bottom: 1px solid #dddddd; color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; font-size:14px; mso-line-height-rule:exactly;">
<td width="360" align="left" valign="top" style="border-bottom: 1px solid #dddddd; padding: 15px 0 8px 20px; background: #ffffff; font-weight: 900;">
[MaskedBillingAccountNumber2]
</td>
<td width="160" style="border-bottom: 1px solid #dddddd; padding:15px 20px; font-size:16px;" align="right" valign="top">£XX.XX</td>
</tr>
</tbody>
</table>
<!-- /desktop -->
<!-- mobile -->
<table border="0" bgcolor="#ffffff" class="fluid show" width="600" cellpadding="0" cellspacing="0" style="display: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;">
<thead style="border-bottom: 1px solid #333333; width: 600px">
<tr style="color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly;">
<th align="left" width="560" style="font-weight: 400; background: #eeeeee; padding: 12px 20px;">
Billing account
</th>
</tr>
</thead>
<tbody style="border-top: 1px solid #333333; width:600px">
<tr>
<td width="580" align="left" valign="top" style="padding: 15px 0 5px 20px; color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; font-size:14px; font-weight: 900;">
[MaskedBillingAccountNumber1]
</td>
</tr>
<tr style="border-bottom: 1px solid #dddddd; color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; font-size:14px; mso-line-height-rule:exactly;">
<td width="560" style="padding: 0 20px 15px; font-size:16px;" align="left" valign="top">£XX.XX</td>
</tr>
<tr>
<td width="580" align="left" valign="top" style="padding: 15px 0 5px 20px; color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; font-size:14px; font-weight: 900;">
[MaskedBillingAccountNumber2]
</td>
</tr>
<tr style="border-bottom: 1px solid #dddddd; color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; font-size:14px; mso-line-height-rule:exactly;">
<td width="560" style="padding: 0 20px 15px; font-size:16px;" align="left" valign="top">£XX.XX</td>
</tr>
</tbody>
</table>
<!-- /mobile -->
</td>
</tr>
|
| Product name |
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table width="600" class="fluid" style="margin: 0; table-layout: fixed; max-width: 600px; width: 600px;" bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="padding: 20px 20px 0;">
<table border="0" cellpadding="0" cellspacing="0" align="left" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;" width="100%" role="presentation">
<tbody>
<tr>
<td style="border-bottom: 1px solid #eeeeee"></td>
</tr>
<tr>
<td align="left" role="presentation" style="padding:20px 0;">
<h2 style="color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size: 26px; line-height: 30px; font-weight: 300; margin: 0; mso-line-height-rule: exactly;">Your phone numbers</h2>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center">
<table border="0" bgcolor="#ffffff" class="fluid" width="600" cellpadding="0" cellspacing="0" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed; box-sizing: border-box;">
<tbody>
<tr style="border-bottom: 1px solid #333333; border-top: 1px solid #eeeeee; color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; font-size:14px; mso-line-height-rule:exactly;">
<td width="100%" align="left" valign="top" style="border-bottom: 1px solid #333333; border-top: 1px solid #eeeeee; padding: 15px 0 8px 20px; background: #eeeeee; font-weight: 900;">
Product name
</td>
</tr>
<tr>
<td align="center" style="padding:0 0 20px 0">
<!-- Connection speeds desktop -->
<table border="0" bgcolor="#ffffff" class="fluid hide" width="600" cellpadding="0" cellspacing="0" style="display: block; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;">
<tbody style="width: 600px">
<tr style="border-bottom: 1px solid #dddddd">
<td align="left" role="presentation" width="560" colspan="2" style="border-bottom: 1px solid #dddddd; padding:20px">
<h2 style="color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size: 26px; line-height: 30px; font-weight: 300; margin: 0; mso-line-height-rule: exactly;">Digital phone - 0208 1234 5678</h2>
</td>
</tr>
<tr>
<td align="left" role="presentation" width="560" colspan="2" style="padding:20px">
<h2 style="color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size: 26px; line-height: 30px; font-weight: 300; margin: 0; mso-line-height-rule: exactly;">Mobile 1 - tbc</h2>
</td>
</tr>
<tr style="border-bottom: 1px solid #dddddd; color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; font-size:14px; mso-line-height-rule:exactly;">
<td width="270" align="left" valign="top" style="border-bottom: 1px solid #dddddd; padding: 0 0 30px 20px;">
<span style="font-size:16px; font-family: 'bt-regular-bd', Calibri, Arial, sans-serif; font-weight: 900;">Status</span><br />
<span style="font-size:16px; font-family: 'bt-regular', Calibri, Arial, sans-serif; font-weight: 300;">You'll get an email with your mobile number once we've completed your order</span>
</td>
<td width="270" align="left" valign="top" style="border-bottom: 1px solid #dddddd; padding: 0 0 30px 20px">
</td>
</tr>
<tr>
<td align="left" role="presentation" width="560" colspan="2" style="padding:20px">
<h2 style="color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size: 26px; line-height: 30px; font-weight: 300; margin: 0; mso-line-height-rule: exactly;">Mobile 2 - 07 1234 56789</h2>
</td>
</tr>
<tr style="border-bottom: 1px solid #333333; color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; font-size:14px; mso-line-height-rule:exactly;">
<td width="270" align="left" valign="top" style="border-bottom: 1px solid #333333; padding: 0 0 50px 20px; font-size:16px">
<span style="font-size:16px; font-family: 'bt-regular-bd', Calibri, Arial, sans-serif; font-weight: 900;">PAC code</span><br />
<span style="font-size:16px; font-family: 'bt-regular', Calibri, Arial, sans-serif; font-weight: 300;">12345678</span>
</td>
<td width="270" align="left" valign="top" style="border-bottom: 1px solid #333333; padding: 0 0 50px 20px; font-size:16px">
<span style="font-size:16px; font-family: 'bt-regular-bd', Calibri, Arial, sans-serif; font-weight: 900;">Transfer date</span><br />
<span style="font-size:16px; font-family: 'bt-regular', Calibri, Arial, sans-serif; font-weight: 300;">ASAP or DD/MM/YYYY</span>
</td>
</tr>
</tbody>
</table>
<!-- /Connection speeds desktop -->
<!-- Connection speeds mobile -->
<!--[if !mso]><!-->
<table border="0" bgcolor="#ffffff" class="fluid show" width="600" cellpadding="0" cellspacing="0" style="display: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;">
<tbody style="width: 600px">
<tr style="border-bottom: 1px solid #dddddd">
<td align="left" role="presentation" width="410" colspan="2" style="border-bottom: 1px solid #dddddd; padding:20px 20px 30px 20px">
<h3 style="color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-weight:300; font-size:22px; line-height:26px; font-weight: 300; margin: 0; mso-line-height-rule: exactly;">Digital phone <br /><span style="font-size:16px;color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; ">0208 1234 5678</span></h3>
</td>
</tr>
<tr>
<td align="left" role="presentation" width="410" colspan="2" style="border-bottom: 1px solid #ffffff; padding:20px">
<h3 style="color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-weight:300; font-size:22px; line-height:26px; font-weight: 300; margin: 0; mso-line-height-rule: exactly;">Mobile 1 <br /><span style="font-size:16px;color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; ">tbc</span></h3>
</td>
</tr>
<tr>
<td width="180" valign="top" style="padding: 0 0 5px 20px; color: #333333; font-family: 'bt-regular-bd', Calibri, Arial, sans-serif; font-weight: 900;">
Status
</td>
</tr>
<tr style="border-bottom: 1px solid #dddddd; color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; mso-line-height-rule:exactly;">
<td width="170" style="border-bottom: 1px solid #dddddd; color: #333333; padding:0 20px 30px 20px; font-size:16px; font-weight: 300;" align="left" valign="top">You'll get an email with your mobile number once we've completed your order </td>
</tr>
<tr>
<td align="left" role="presentation" width="410" colspan="2" style="padding:20px 20px 10px 20px">
<h3 style="color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-weight:300; font-size:22px; line-height:26px; font-weight: 300; margin: 0; mso-line-height-rule: exactly;">Mobile 2 <br /><span style="font-size:16px;color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; ">07 1234 56789</span></h3>
</td>
</tr>
<tr>
<td width="180" valign="top" style="padding: 20px 0 5px 20px; color: #333333; font-family: 'bt-regular-bd', Calibri, Arial, sans-serif; font-weight: 900;">
PAC code
</td>
</tr>
<tr style="border-bottom: 1px solid #ffffff; color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; mso-line-height-rule:exactly;">
<td width="170" style="border-bottom: 1px solid #ffffff; color: #333333; padding:0 20px 20px 20px; font-size:16px; font-weight: 300;" align="left" valign="top">12345678</td>
</tr>
<tr>
<td width="180" valign="top" style="padding: 15px 0 5px 20px; color: #333333; font-family: 'bt-regular-bd', Calibri, Arial, sans-serif; font-weight: 900;">
Transfer date
</td>
</tr>
<tr style="border-bottom: 1px solid #333333; color: #333333; font-family: 'bt-regular', Calibri, Arial, sans-serif; mso-line-height-rule:exactly;">
<td width="170" style="border-bottom: 1px solid #333333; color: #333333; padding:0 20px 40px 20px; font-size:16px; font-weight: 300;" align="left" valign="top">ASAP or DD/MM/YYYY</td>
</tr>
</tbody>
</table>
<!--<![endif]-->
<!-- /Connection speeds mobile -->
</td>
</tr>
<!-- /section: section component -->
</tbody>
</table>
</td>
</tr>
|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table width="600" class="fluid" style="margin: 0; table-layout: fixed; max-width: 600px; width: 600px;" bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="padding:20px 20px 0 20px;">
<table border="0" cellpadding="0" cellspacing="0" align="left" style="border: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;" width="100%" role="presentation">
<tbody>
<tr>
<td style="border-bottom: 1px solid #eeeeee"></td>
</tr>
<tr>
<td align="left" role="presentation" style="padding:20px 0 20px 0">
<h2 style="color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size: 26px; line-height: 30px; font-weight: 300; margin: 0; mso-line-height-rule: exactly;">Your order details</h2>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center">
<!-- Order details desktop -->
<table border="0" bgcolor="#ffffff" class="fluid hide" width="600" cellpadding="0" cellspacing="0" style="display: block; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;"
width="600">
<thead style="border-bottom: 1px solid #333333; width: 600px">
<tr>
<th align="left" valign="top" width="360" style="border-bottom:1px solid #333333">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="background: #eeeeee" width="360"
class="fluid" align="left">
<tbody>
<tr>
<td align="left" valign="top" style="padding: 0 20px;">
<table class="emailwrapto100pc" border="0" cellpadding="0" cellspacing="0" valign="top" style="color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">
<tbody>
<tr>
<td valign="top" style="font-weight: 400; padding: 10px 0;">
Product name
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</th>
<th valign="top" width="120" style="border-bottom:1px solid #333333">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="background: #eeeeee" width="120"
class="fluid" align="right">
<tbody>
<tr>
<td align="right" valign="top" style="padding: 0 20px">
<table width="100%" border="0" cellpadding="0" cellspacing="0" valign="top" style="color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">
<tbody>
<tr>
<td valign="top" style="font-weight: 400; padding: 10px 0;" align="right">
One-off
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</th>
<th valign="top" width="120" style="border-bottom:1px solid #333333">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="background: #eeeeee" width="120"
class="fluid" align="right">
<tbody>
<tr>
<td align="right" valign="top" style="padding: 0 20px;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" valign="top" style="color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">
<tbody>
<tr>
<td valign="top" style="font-weight: 400; padding: 10px 0;" align="right">
Monthly
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<th colspan="3" align="left" valign="top" style="border-bottom: 1px solid #eeeeee; padding: 20px; color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size:22px; mso-line-height-rule:exactly; font-weight: 300;">
Your bundle
</th>
</tr>
</thead>
<tbody style="border-bottom: 1px solid #333333; width: 600px" align="left">
<!-- Bundle row -->
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td width="360" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 20px 0 8px 20px; font-size:18px;">
Superfast Essential & Cloud Voice Express & BT Sports GL
</td>
<td width="120" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 20px 20px 8px; font-weight: 900; font-size:16px;" align="right" valign="top">£XX.XX</td>
<td width="120" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 20px 20px 8px; font-weight: 900; font-size:16px;" align="right" valign="top">£XX.XX</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-bd', Calibri, Arial, sans-serif; font-size:14px; mso-line-height-rule:exactly; font-weight: 400;">
<td width="360" style="padding:1px 0 20px 20px;">
<table cellspacing="0" cellpadding="0">
<tr>
<td class="discount" style="border-radius: 3px; color: #e60050; padding: 0 18px; border:1px solid #e60050;font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; ">
<span >including your <b>10% discount</b></span>
</td>
</tr>
</table>
</td>
<td width="120" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 0 20px; text-decoration: line-through;" align="right" valign="top">£XX.XX</td>
<td width="120" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 0 20px; text-decoration: line-through;" align="right" valign="top">£XX.XX</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-bd', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">
<td width="360" style="padding: 0 0 10px 20px">
<table class="list-items" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td align="left" valign="top" class="list-bullet">•</td><td class="list-text" align="left" style="padding:0 0 0 10px">
<span style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">Broadband Superfast Essential</span><br>
<a href="https://url" target="_blank" style="color: #6400AA; text-decoration: none;">Includes value added service
<span class="arrow">
<img src="https://business.bt.com/content/dam/bt/business/campaign/email/patterns/cta-arrow-purple.png" width="11" height="8" style="border:0; color: #6400AA; width:11px; height:8px;" alt="→">
</span>
</a>
</td>
</tr>
</tbody>
</table>
</td>
<td width="120" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 0 20px; font-weight: 900;" align="right" valign="top">-</td>
<td width="120" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 0 20px; font-weight: 900;" align="right" valign="top">-</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-bd', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">
<td width="360" style="padding: 0 0 10px 20px">
<table class="list-items" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td align="left" valign="top" class="list-bullet">•</td><td class="list-text" align="left" style="padding:0 0 0 10px">
<span style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">Cloud Voice Smart line, including W60P</span>
</td>
</tr>
</tbody>
</table>
</td>
<td width="120" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 0 20px; font-weight: 900;" align="right" valign="top">-</td>
<td width="120" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 0 20px; font-weight: 900;" align="right" valign="top">-</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">
<td width="360" style="padding: 0 0 10px 20px">
<table class="list-items" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td align="left" valign="top" class="list-bullet">•</td><td class="list-text" align="left" style="padding:0 0 0 10px">
<span style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">BT Sports General Licensed</span>
</td>
</tr>
</tbody>
</table>
</td>
<td width="120" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 0 20px; font-weight: 900;" align="right" valign="top">-</td>
<td width="120" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 0 20px; font-weight: 900;" align="right" valign="top">-</td>
</tr>
</tbody>
</table>
<!-- /Order details desktop -->
<!-- Order details mobile -->
<!--[if !mso]><!-->
<table border="0" bgcolor="#ffffff" class="fluid show" width="600" cellpadding="0" cellspacing="0" style="display: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;">
<thead style="border-bottom: 1px solid #333333; width: 600px">
<tr>
<th align="left" valign="top" style="border-bottom:1px solid #333333">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" style="background: #eeeeee" class="fluid" align="left">
<tbody>
<tr>
<td align="left" valign="top" style="padding: 0 20px;">
<table border="0" cellpadding="0" cellspacing="0" valign="top" style="color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">
<tbody>
<tr>
<td valign="top" style="font-weight: 400; padding: 10px 0;">
Product name
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</th>
</tr>
<tr>
<th align="left" valign="top" style="border-bottom: 1px solid #eeeeee; padding: 20px; color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size:26px; mso-line-height-rule:exactly; font-weight: 300;">
Your bundle
</th>
</tr>
</thead>
<tbody style="border-bottom: 1px solid #333333; width: 600px">
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td width="360" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 20px 20px 8px; font-size:18px;">
Superfast Essential & Cloud Voice Express & [mobile call package]
</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-bd', Calibri, Arial, sans-serif; font-size:14px; mso-line-height-rule:exactly; font-weight: 400;">
<td width="360" style="padding:1px 0 0 20px;">
<span class="discount" style="border:1px solid #e60050; border-radius: 3px; color: #e60050; padding: 0 18px;">including your <b>10% discount</b></span>
</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td width="360" style="padding: 0 20px;">
<ul style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 10px 0 8px 18px; font-size:16px; margin:0">
<li>
Broadband Superfast Essential<br>
<a href="https://url" target="_blank" style="color: #6400AA; text-decoration: none;">Includes value added service
<span class="arrow">
<img src="https://business.bt.com/content/dam/bt/business/campaign/email/patterns/cta-arrow-purple.png"
width="11" height="8" style="border:0; color: #6400AA; width:11px; height:8px;" alt="→">
</span>
</a>
</li>
</ul>
</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td width="360" style="padding: 0 20px;">
<ul style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 0 0 8px 18px; font-size:16px; margin: 0">
<li>
Cloud Voice Smart line, including W60P
</li>
</ul>
</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td width="360" style="padding: 0 20px;">
<ul style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 0 0 8px 18px; font-size:16px; margin: 0">
<li>
BT Sports General Licensed
</li>
</ul>
</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="3" align="left" style="font-weight: 400; font-size:16px; padding: 4px 20px;">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="left" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;">One-off</td>
<td align="right" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;"><span style="text-decoration: line-through; padding-right: 5px">£XX.XX</span><b>£XX.XX</b></td>
</tr>
</table>
</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="3" align="left" style=" font-weight: 400; font-size:16px; padding: 4px 20px 20px 20px;">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="left" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;">Monthly</td>
<td align="right" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;"><span style="text-decoration: line-through; padding-right: 5px">£XX.XX</span><b>£XX.XX</b></td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
<!--<![endif]-->
<!-- /Order details mobile -->
</td>
</tr>
<!-- section - Additional items table -->
<tr>
<td align="center">
<!-- Additional items desktop -->
<table border="0" bgcolor="#ffffff" class="fluid hide" width="600" cellpadding="0" cellspacing="0">
<thead style="border-bottom: 1px solid #333333; width: 600px">
<tr>
<th colspan="4" align="left" valign="top" style="border-bottom: 1px solid #eeeeee; padding: 20px; color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size:26px; mso-line-height-rule:exactly; font-weight: 300;">
Additional items
</th>
</tr>
</thead>
<tbody style="border-bottom: 1px solid #333333; width: 600px">
<!-- Bundle row -->
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" align="left" width="360" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 20px 0 8px 20px; font-size:18px">
Cloud Voice Smart line, including W56H handset
</td>
<td width="100" style="padding: 20px 0 8px 0; font-weight: 900; font-size:16px;" align="right" valign="top">£XX.XX</td>
<td width="100" style="padding: 20px 20px 8px 0; font-weight: 900; font-size:16px;" align="right" valign="top">£XX.XX</td>
</tr>
<tr style="border-bottom: 1px solid #eeeeee; color: #333333; font-family: 'bt-regular-bd', Calibri, Arial, sans-serif; font-size:14px; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" align="left" width="360" style="padding: 1px 0 10px 20px">
<table cellspacing="0" cellpadding="0">
<tr>
<td class="discount" style="border-radius: 3px; color: #e60050; padding: 0 18px; border:1px solid #e60050;font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; ">
<span >including your <b>10% discount</b></span>
</td>
</tr>
</table>
</td>
<td width="100" style="text-decoration: line-through;" align="right" valign="top">£XX.XX</td>
<td width="100" style="padding: 0 20px 0 0; text-decoration: line-through;" align="right" valign="top">£XX.XX</td>
</tr>
<tr style="border-top:1px solid #dddddd; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" align="left" width="360" style="border-top:1px solid #dddddd; padding: 10px 0 10px 20px; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">
W56 Handset
</td>
<td width="100" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; border-top:1px solid #dddddd; padding: 10px 0 0; font-weight: 900;" align="right" valign="top">£XX.XX</td>
<td width="100" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; border-top:1px solid #dddddd; padding: 10px 20px 0 0; font-weight: 900;" align="right" valign="top">-</td>
</tr>
<tr style="border-top:1px solid #dddddd; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" align="left" width="360" style="border-top:1px solid #dddddd; padding: 10px 0 8px 20px; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">
Expert Setup
</td>
<td width="100" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; border-top:1px solid #dddddd; padding: 10px 0 0; font-weight: 900;" align="right" valign="top">£XX.XX</td>
<td width="100" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; border-top:1px solid #dddddd; padding: 10px 20px 0 0; font-weight: 900;" align="right" valign="top">£XX.XX</td>
</tr>
<tr style="border-top:1px solid #dddddd; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" align="left" width="360" style="border-top:1px solid #dddddd; padding: 10px 0 8px 20px; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">
BT Sports GL
</td>
<td width="100" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; border-top:1px solid #dddddd; padding: 10px 0 0; font-weight: 900;" align="right" valign="top">£XX.XX</td>
<td width="100" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; border-top:1px solid #dddddd; padding: 10px 20px 0 0; font-weight: 900;" align="right" valign="top">-</td>
</tr>
<tr style="border-top:1px solid #dddddd; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" align="left" width="360" style="border-top:1px solid #dddddd; padding: 10px 0 8px 20px; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">
Office 365<br>XX Licenses
</td>
<td width="100" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; border-top:1px solid #dddddd; padding: 10px 0 0; font-weight: 900;" align="right" valign="top">£XX.XX</td>
<td width="100" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; border-top:1px solid #dddddd; padding: 10px 20px 0 0; font-weight: 900;" align="right" valign="top">-</td>
</tr>
<tr style="border-top:1px solid #dddddd; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" align="left" width="360" style="border-top:1px solid #dddddd; padding: 10px 0 8px 20px; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">
Installation engineering work <br />(Estimate up to X hours at £XXX/hour)*<br><br>
</td>
<td width="100" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; border-top:1px solid #dddddd; padding: 10px 0 0; font-weight: 900;" align="right" valign="top">£XX.XX</td>
<td width="100" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; border-top:1px solid #dddddd; padding: 10px 20px 0 0; font-weight: 900;" align="right" valign="top">-</td>
</tr>
</tbody>
<tfoot>
<tr style="color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size:22px; mso-line-height-rule:exactly; font-weight: 300;">
<td align="left" style="border-top:1px solid #333333; background: #eeeeee; padding: 5px 0 0 20px;">Total charges</td>
<td style="border-top:1px solid #333333; background: #eeeeee; padding: 5px 0 0; font-size:16px" align="right">Delivery</td>
<td style="border-top:1px solid #333333; background: #eeeeee; padding: 5px 0 0; font-size:16px" align="right">One-off</td>
<td style="border-top:1px solid #333333; background: #eeeeee; padding: 5px 20px 0 0; font-size:16px" align="right">Monthly</td>
</tr>
<tr style="background: #eeeeee; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 900;">
<td style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 5px 0 10px 20px;"></td>
<td style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 5px 0 10px" align="right">£XX.XX</td>
<td style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 5px 0 10px" align="right">£XX.XX</td>
<td style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 5px 20px 10px 0;" align="right">£XX.XX</td>
</tr>
</tfoot>
</table>
<!-- /Additional items desktop -->
<!-- Additional items mobile -->
<!--[if !mso]><!-->
<table border="0" bgcolor="#ffffff" class="fluid show" width="600" cellpadding="0" cellspacing="0" style="display: none; border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0; table-layout: fixed;"
width="100%">
<thead style="border-bottom: 1px solid #333333; width: 600px">
<tr>
<th colspan="2" align="left" valign="top" style="width: 100%; border-bottom: 1px solid #eeeeee; padding: 20px; color: #333333; font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size:26px; mso-line-height-rule:exactly; font-weight: 300;">
Additional items
</th>
</tr>
</thead>
<tbody style="border-bottom: 1px solid #333333; width: 600px">
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" width="360" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 20px 20px 8px; font-size:18px;">
Cloud Voice Smart line, including W56H handset
</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-bd', Calibri, Arial, sans-serif; font-size:14px; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" width="360" style="padding:1px 0 20px 20px;">
<span class="discount" style="border:1px solid #e60050; border-radius: 3px; color: #e60050; padding: 0 18px;">including your <b>10% discount</b></span>
</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" align="left" style="font-weight: 400; font-size:16px; padding: 4px 20px;">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="left" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;">One-off</td>
<td align="right" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; "><span style="text-decoration: line-through; padding-right: 5px">£XX.XX </span><b>£XX.XX</b></td>
</tr>
</table>
</td>
</tr>
<tr style="border-bottom: 1px solid #eeeeee; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" align="left" style=" font-weight: 400; font-size:16px; padding: 4px 20px;">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="left" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;">Monthly</td>
<td align="right" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;"><span style="text-decoration: line-through; padding-right: 5px">£XX.XX </span><b>£XX.XX</b></td>
</tr>
</table>
</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" width="360" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 20px 20px 8px; font-size:18px;">
W56 Handset
</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" align="left" style="font-weight: 400; font-size:16px; padding: 4px 20px;">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="left" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;">One-off</td>
<td align="right" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;"><span style="text-decoration: line-through; padding-right: 5px"></span><b>£XX.XX</b></td>
</tr>
</table>
</td>
</tr>
<tr style="border-bottom: 1px solid #eeeeee; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" align="left" style=" font-weight: 400; font-size:16px; padding: 4px 20px;">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="left" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;">Monthly</td>
<td align="right" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;"><span style="text-decoration: line-through; padding-right: 5px"></span><b>-</b></td>
</tr>
</table>
</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" width="360" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 20px 20px 8px; font-size:18px;">
Expert Setup
</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" align="left" style="font-weight: 400; font-size:16px; padding: 4px 20px;">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="left" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;">One-off</td>
<td align="right" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;"><span style="text-decoration: line-through; padding-right: 5px"></span><b>£XX.XX</b></td>
</tr>
</table>
</td>
</tr>
<tr style="border-bottom: 1px solid #eeeeee; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" align="left" style=" font-weight: 400; font-size:16px; padding: 4px 20px;">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="left" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;">Monthly</td>
<td align="right" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;"><span style="text-decoration: line-through; padding-right: 5px"></span><b>£XX.XX</b></td>
</tr>
</table>
</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" width="360" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 20px 20px 8px; font-size:18px;">
BT Sports GL
</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" align="left" style="font-weight: 400; font-size:16px; padding: 4px 20px;">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="left" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;">One-off</td>
<td align="right" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;"><span style="text-decoration: line-through; padding-right: 5px"></span><b>£XX.XX</b></td>
</tr>
</table>
</td>
</tr>
<tr style="border-bottom: 1px solid #eeeeee; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" align="left" style=" font-weight: 400; font-size:16px; padding: 4px 20px;">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="left" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;">Monthly</td>
<td align="right" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;"><span style="text-decoration: line-through; padding-right: 5px"></span><b>-</b></td>
</tr>
</table>
</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" width="360" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;padding: 20px 20px 8px; font-size:18px;">
Office 365<br>XX Licenses
</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" align="left" style="font-weight: 400; font-size:16px; padding: 4px 20px;">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="left" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;">One-off</td>
<td align="right" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;"><span style="text-decoration: line-through; padding-right: 5px"></span><b>£XX.XX</b></td>
</tr>
</table>
</td>
</tr>
<tr style="border-bottom: 1px solid #eeeeee; color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" align="left" style=" font-weight: 400; font-size:16px; padding: 4px 20px;">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="left" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;">Monthly</td>
<td align="right" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;"><span style="text-decoration: line-through; padding-right: 5px"></span><b>-</b></td>
</tr>
</table>
</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" width="360" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; padding: 20px 20px 8px; font-size:18px;">
Installation engineering work<br> (Estimate up to X hours at £XXX/hour)*
</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" align="left" style="font-weight: 400; font-size:16px; padding: 4px 20px;">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="left" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;">One-off</td>
<td align="right" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;"><span style="text-decoration: line-through; padding-right: 5px"></span><b>£X.XX</b></td>
</tr>
</table>
</td>
</tr>
<tr style="color: #333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" align="left" style=" font-weight: 400; font-size:16px; padding: 4px 20px;">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<td align="left" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;">Monthly</td>
<td align="right" style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;"><span style="text-decoration: line-through; padding-right: 5px"></span><b>-</b></td>
</tr>
</table>
<br><br>
</td>
</tr>
</tbody>
<tfoot style="background: #eeeeee; color: #333333;">
<tr style="font-family: 'bt-regular-lt', Calibri, Arial, sans-serif; font-size:22px; mso-line-height-rule:exactly; font-weight: 400;">
<td colspan="2" style="font-weight: 300; padding: 8px 0 0 20px;">Total charges</td>
</tr>
<tr style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">
<td style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;font-weight: 300; padding: 8px 0 0 20px" align="left">One-off</td>
<td style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;font-weight: 900; padding: 8px 20px 0;" align="right">£XX.XX</td>
</tr>
<tr style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">
<td style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;font-weight: 300; padding: 8px 0 0 20px" align="left">Monthly</td>
<td style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;font-weight: 900; padding: 8px 20px 0;" align="right">£XX.XX</td>
</tr>
<tr style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; mso-line-height-rule:exactly; font-weight: 400;">
<td style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;font-weight: 300; padding: 8px 0 20px 20px" align="left">Delivery</td>
<td style="font-family: 'bt-regular-rg', Calibri, Arial, sans-serif;font-weight: 900; padding: 8px 20px 30px 0;" align="right">£XX.XX</td>
</tr>
</tfoot>
</table>
<!--<![endif]-->
<!-- /Additional items mobile -->
</td>
</tr>
|
|
↳ HTML : snippet code ↕
<tr>
<td align="center">
<table width="600" class="fluid" style="margin: 0; table-layout: fixed; max-width: 600px; width: 600px;" bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="padding: 20px 40px 0 20px;">
<table width="100%" class="fluid" style="color:#333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px; line-height:21px; margin: 0; mso-line-height-rule: exactly; table-layout: fixed; width: 100%;" bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="color:#333333; font-family: 'bt-regular-rg', Calibri, Arial, sans-serif; font-size:16px;">
Track your order, instantly see your bills, get updates on service and usage, give wi-fi to your guests or get in touch with us.<br><br>Text <b>App</b> to <b>81192</b> to download straight to your device.
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center">
<table width="600" class="fluid" style="margin: 0; table-layout: fixed; max-width: 600px; width: 600px;" bgcolor="#FFFFFF" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" style="padding: 20px;">
<table border="0" cellpadding="0" cellspacing="0" align="left">
<tbody>
<tr>
<td align="left"><a href="https://itunes.apple.com/gb/app/id1208968914" target="_blank"><img src="http://www.bt.com/ext/static/wa/kci/btbusiness/Apple@1x.png" style="border:none; text-decoration:none" alt="Download on the app store"></a></td>
<td align="left" style="width:20px"></td>
<td align="left"><a href="https://play.google.com/store/apps/details?id=com.bt.btbusinessapp" target="_blank"><img src="http://www.bt.com/ext/static/wa/kci/btbusiness/Google@1x.png" style="border:none; text-decoration:none" alt="Get in on Google Play"></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
|
Privacy Policy
© British Telecommunications plc, Registered office: 81 Newgate Street, London EC1A 7AJ. Registered in England no: 1800000 All this information was correct on the date we sent this email. |
↳ HTML : snippet code ↕