BT Email Messaging snippet library

BT


Page composition
Header snippets

Top ↑

Header with logo:


				
		
				
<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>


Hero snippets

Top ↑

Hero with h1 title and main image:


				
		
				
<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="https://github.com/EmailMessaging/EmailMessaging.github.io/blob/master/emails/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="https://github.com/EmailMessaging/EmailMessaging.github.io/blob/master/emails/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>


Top ↑

Hero with h1 title and no main image:


	

	
<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="https://github.com/EmailMessaging/EmailMessaging.github.io/blob/master/emails/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>


Intro snippets

Top ↑

Order tracker - stage 1:


	

	
<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="https://github.com/EmailMessaging/EmailMessaging.github.io/blob/master/emails/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>


Top ↑

Order tracker - stage 2:


	

	
<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="https://github.com/EmailMessaging/EmailMessaging.github.io/blob/master/emails/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>


Top ↑

Order tracker - stage 3:


	

	
<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="https://github.com/EmailMessaging/EmailMessaging.github.io/blob/master/emails/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>


Top ↑

Order tracker - stage 4:


	

	
<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="https://github.com/EmailMessaging/EmailMessaging.github.io/blob/master/emails/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>


Top ↑

h2 title and intro text:

Hello [Title] [Surname],

It's time to sign in to My Account - 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.

Order number: [order number]
Temporary password: [Temporary password]


	

	
<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>


Section snippets

Top ↑

Table based list:

Table list title:

pay online
manage your payment options
update your billing address
download a PDF of your bill
view statements
view contract terms and end dates
manage Cloud Voice Express settings
check your usage

	

	
<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">&bull;</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">&bull;</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">&bull;</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">&bull;</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">&bull;</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">&bull;</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">&bull;</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">&bull;</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>


Top ↑

Table based list with links:

Take control of your bill in My account

There's so much you can do in My account - your personal and secure area of the site.
Just sign in and you can:
pay online
manage your payment options
update your billing address
download a PDF of your bill
view statements
view contract terms and end dates
check your usage
Sign in to My Account
Not signed in before? Register for My Account

	

	

	


Top ↑

Boxed table based list:


	

	
<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">&bull;</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">&bull;</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">&bull;</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">&bull;</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">&bull;</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>


Top ↑

Boxed table based numbered list:


	

	
<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&nbsp;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&nbsp;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&nbsp;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&nbsp;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&nbsp;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&nbsp;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&nbsp;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>


Top ↑

Two column table content:

Engineer appointment - a reminder


	

	
<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>


Top ↑

Resizeable full width button:





	

	
<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>


Top ↑

Aligned buttons:


	

	
<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>


Top ↑

Heading, text and button:

Pay by Direct Debit

Take the hassle out of paying bills. Direct Debit makes it simple and convenient for you.


	

	
<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>


Top ↑

Thanks line:

Thanks,
Your BT team

	

	
<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>



Top ↑

h2 text and image to the right:


	

	
<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>


Top ↑

h2 text with button and image to the right:


	

	
<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="https://github.com/EmailMessaging/EmailMessaging.github.io/blob/master/emails/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="https://github.com/EmailMessaging/EmailMessaging.github.io/blob/master/emails/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>


Top ↑

h2 text with button and image to the left:


	

	
<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="https://github.com/EmailMessaging/EmailMessaging.github.io/blob/master/emails/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="https://github.com/EmailMessaging/EmailMessaging.github.io/blob/master/emails/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>


Top ↑

Bill explainer component:


	

	
<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="https://github.com/EmailMessaging/EmailMessaging.github.io/blob/master/emails/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="https://github.com/EmailMessaging/EmailMessaging.github.io/blob/master/emails/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>


Top ↑

Centred grey box and h3 title with text:


	

	
<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>


Top ↑

Mac table:

Mac Address Telephone Number
Product Name [MacCode] [TelNumber]

	

	
<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>


Top ↑

Billing table:

Billing account Payment
[MaskedBillingAccountNumber1] £XX.XX
[MaskedBillingAccountNumber2] £XX.XX

	

	
<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>


Top ↑

Phone numbers table:

Your phone numbers

Product name

Digital phone - 0208 1234 5678

Mobile 1 - tbc

Status
You'll get an email with your mobile number once we've completed your order

Mobile 2 - 07 1234 56789

PAC code
12345678
Transfer date
ASAP or DD/MM/YYYY

	

	
<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>


Top ↑

Order complete table:

Your order details

Your bundle
Superfast Essential & Cloud Voice Express & BT Sports GL £XX.XX £XX.XX
including your 10% discount
£XX.XX £XX.XX
Broadband Superfast Essential
Includes value added service →
- -
Cloud Voice Smart line, including W60P
- -
BT Sports General Licensed
- -
Additional items
Cloud Voice Smart line, including W56H handset £XX.XX £XX.XX
including your 10% discount
£XX.XX £XX.XX
W56 Handset £XX.XX -
Expert Setup £XX.XX £XX.XX
BT Sports GL £XX.XX -
Office 365
XX Licenses
£XX.XX -
Installation engineering work
(Estimate up to X hours at £XXX/hour)*

£XX.XX -
Total charges Delivery One-off Monthly
£XX.XX £XX.XX £XX.XX

	

	
<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">&bull;</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">&bull;</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">&bull;</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>


Top ↑

Track your order:

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.

Text App to 81192 to download straight to your device.
Download on the app store Get in on Google Play

	

	
<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>



Footer snippet

Top ↑

Footer:

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.