BT Service Template A modules

Stylesheet (Service Template A)

<style type="text/css">
div[style*="margin: 16px 0"] { margin:0 !important; }
div, p, a, li, td {-webkit-text-size-adjust:none;}
p {font-size:14px;margin-bottom:10px;}
body {margin:0 !important;padding:0;min-width:100% !important;}
.content {width: 100%; max-width: 600px;}
table {border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;border-spacing:0;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial; color:#494949;}
td {padding:0;}
img {border:0;}
a {border-radius:3px;cursor:pointer;text-decoration:none}
.wrapper {width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
.webkit {max-width:600px;}
.outer {margin:0 auto;width:100%;max-width:600px;/*-webkit-box-shadow:inset 0px -1px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow:inset 0px -1px 5px 0px rgba(0,0,0,0.75);box-shadow:inset 0px -1px 5px 0px rgba(0,0,0,0.75);*/}
.full-width-image img {width:100%;max-width:600px;height:auto;}
.inner {padding:20px;}
.h1 {font-size:21px;font-weight:bold;margin-bottom:18px;}
.one-column .contents {text-align:left;}
.two-column {text-align:left;font-size:0;}
.two-column .column {width:100%;max-width:270px;display:inline-block;vertical-align:top;}
.contents {width:100%;}
.two-column .contents {font-size:14px;text-align:center;color:#494949;}
.two-column img {width:100%;max-width:270px;height:auto;}
.two-column .text {padding-top:30px;}
.three-column {text-align:left;font-size:0;padding-top:10px;padding-bottom:10px;}
.three-column .column {width:100%;max-width:200px;display:inline-block;vertical-align:top;}
.two-column .column_s {width:100%;max-width:180px !important;}
.two-column .column_l {width:100%;max-width:320px !important;}
.three-column .contents {font-size:14px;text-align:left;}
.three-column img {width:100%;/*max-width:60px;*/height:auto;}
.three-column .text {padding-top:10px;}
.four-column {text-align:left;font-size:0;padding-top:10px;padding-bottom:10px;}
.four-column .column {width:100%;max-width:150px;display:inline-block;vertical-align:top;}
.four-column .contents {font-size:14px;text-align:left;}
.four-column img {width:100%;/*max-width: 60px;*/height:auto;}
.four-column .text {padding-top:10px;}
.appleLinks a {color:#000000;text-decoration:none;}
.appleLinksFooter a {color:#b6b6b6;text-decoration:none;}
.appleLinksHeader a {color:#6d6d6d;text-decoration:none;}
.ioscolor, .ioscolor a{color:#666666 !important;text-decoration: none !important}
.ioscolor2, .ioscolor2 a{color:#ffffff !important;text-decoration: none !important}
.gmailfix {display:none;display:none!important;}
.two-column img.ico, .three-column img.ico, .four-column img.ico {width:auto !important;max-width:auto !important;}
@media only screen and (min-width: 601px) {
  .content {width: 600px !important;}
}
@media only screen and (max-width: 480px) {
  .tdformobile{display:block !important;width:100% !important;max-width:100% !important;text-align:center !important}
  .mlogo_area{display:block !important;width:100% !important;max-width:100% !important;text-align: center !important; padding-bottom:0 !important;}
  .padformobile{padding-left:20px !important;padding-right:20px !important;}
  .m-in-this-email {float:none !important;width:100% !important;margin-bottom:25px !important;margin-left:0 !important;clear:both !important;}
  .two-column .column,.three-column .column {max-width:100% !important;}
  .four-column .column  {max-width:50% !important;}
  .two-column img {max-width:100% !important;}
  .three-column img {max-width:50% !important;}
  .four-column img {max-width:100% !important;}
  .two-column img.ico, .three-column img.ico, .four-column img.ico {width:auto !important;max-width:auto !important;}
  .fullWidth {width:100% !important; height:auto !important;}
  .halfWidth {width:50% !important;}
  .vertPadding { padding:80px 0!important; }
  .mh3{padding-left:20px !important;padding-right:20px !important;}
  .m_margin{display: block !important; height:10px !important;}
  .mmbottom{margin-bottom:5px !important;}
  .mnobottompad{padding-bottom:0 !important;}
  .mcenter{text-align:center !important;}
  .mhidden{display: none !important}
  .ioscolor, .ioscolor a{color:#666666 !important;text-decoration: none !important}
  .ioscolor2, .ioscolor2 a{color:#ffffff !important;text-decoration: none !important}
  .logo_mh{height:auto !important;padding:25px 0 10px !important;}
  .logo_mh2{height:auto !important;padding:0 0 25px !important;}
  .mnopad{padding:0 !important;}
  .mnopadlr{padding-left:0 !important; padding-right:0 !important;}
  .mlheight{line-height:30px !important;}
  .bgsizecover{background-size:cover !important;}
}
@media screen and (min-width:481px) and (max-width:620px) {
    .four-column .column {max-width:25% !important;}
    .three-column .column {max-width:33% !important;}
    .two-column .column {max-width:50% !important;}
    .two-column .column_s {max-width:30% !important;}
    .two-column .column_l {max-width:70% !important;}
}
[style*="Segoe UI"] {
    font-family: 'Segoe UI', sans-serif,Arial !important
}
[style*="Open Sans"] {
    font-family: 'Open Sans', sans-serif,Arial !important
}
[style*="HelNeue Thin"] {
    font-family: 'HelNeue Thin', 'Open Sans', sans-serif,Arial !important
}
[style*="HelNeue Medium"] {
    font-family: 'HelNeue Medium', 'Open Sans', sans-serif,Arial !important
}
[style*="HelNeue Light"] {
    font-family: 'HelNeue Light', 'Open Sans', sans-serif,Arial !important
}
/* Remove Blue Links on Apple Devices */
a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}
  
</style>

Security Message

<tr>
            <td style="background-color:#f2f2f2;">
              <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                <tr>
                  <td style="background-color:#f2f2f2;text-align:center;">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                      <tr>
                        <td class="padformobile mfont fallback_text" style="padding-left:40px;padding-right:40px;padding-top:25px;padding-bottom:25px;font-family:Arial;color:#666666;font-size:8px;text-align:center;vertical-align: middle;">
                          If you receive an email from us asking for your personal details or with a login page link, contact <a class="mfont fallback_text" style="text-decoration: none; font-family:arial; color: #666666;font-weight: 300" href="mailto:hoax@westpac.com.au" target="_blank">hoax@westpac.com.au</a> | <a href="<%@ include view='MirrorPageUrl' %>" class="mfont fallback_text" target="_blank" style="font-family:Arial;color:#666666;font-size:8px;text-decoration:none;font-weight:bold">View online</a>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>

If you receive an email from us asking for your personal details or with a login page link, contact hoax@westpac.com.au | View online

Preheader (PW GIS)

<tr>
						<td>
							<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
								<tr>
									<td style="background-color:#ffffff">
										<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;background-color:#ffffff">
											<tr>
												<td class="mnobottompad tdformobile mnopadlr" style="padding-left:20px;padding-top:19px;padding-bottom:19px;text-align:right;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:12px;color:#000000;">
													<span style="font-weight: bold;">Private Wealth</span> Global Investment Services
												</td>
												<td class="tdformobile fallback_text mnopadlr fallback_text mcenter" style="padding-right:20px;padding-left:20px;padding-top:19px;padding-bottom:19px;text-align:center">
													<a href="https://www.bt.com.au" target="_blank"><img src="https://bt-fulcrum-assets.s3-ap-southeast-2.amazonaws.com/edm/RSBT-4075_3414/PW-Logo-lockup.jpg" class="ico" alt="BT" style="border-width:0;width:100%;max-width:300px;" /></a>
												</td>
											</tr>
										</table>
									</td>
								</tr>
							</table>
						</td>
					</tr>

Private Wealth Global Investment Services

Preheader (BT)

<tr>
            <td>
              <table style="border-collapse: collapse;" width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
                <tbody>
                  <tr>
                    <td style="background-color:#ffffff">
                      <table style="border-collapse: collapse;background-color:#ffffff" width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
                        <tbody>
                          <tr>
                            <td class="mnobottompad tdformobile mnopadlr" style="padding-left:40px;padding-top:19px;padding-bottom:19px;text-align:left">
                              <a href="https://www.bt.com.au" target="_blank"><img src="https://s3-ap-southeast-2.amazonaws.com/bt-fulcrum-assets/email_template/img/logo_bt.png" class="ico" alt="BT"></a>
                            </td>
                            <td class="tdformobile fallback_text mnopadlr" style="padding-right:40px;padding-top:19px;padding-bottom:19px;text-align:right;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:14px;color:#666666;">
                              Pre-header text 
                            </td>
                          </tr>
                        </tbody>
                      </table>
                    </td>
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>

Pre-header text

Hero Banner - BT Important Information (image)

Hero Banner - Text on Blue Background

TODO
Lorem Ipsum

Line component

Line and number component

<tr>
            <td align="center" height="64" style="height:64px;text-align: center">
              <table height="64" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="height:64px;">
                <tr>
                  <td width="40"></td>
                  <td align="center" background="https://s3-ap-southeast-2.amazonaws.com/bt-fulcrum-assets/email_template/img/bg_line.png" style="padding-right:40px;padding-left:40px;text-align:center;background-image: url('https://s3-ap-southeast-2.amazonaws.com/bt-fulcrum-assets/email_template/img/bg_line.png'); background-repeat: repeat-y no-repeat;">
                    <table width="64" height="64" align="center" style="width:64px;margin:0 auto;text-align:center" >
                      <tr>
                        <td width="64" height="64" align="center" bgcolor="#003765" class="fallback_text" style="color:#ffffff;-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;font-size:32px;font-weight:300;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;">1</td>
                      </tr>
                    </table>
                  </td>
                  <td width="40"></td>
                </tr>
              </table>
            </td>
          </tr>

[WIP] Line and image component

<tr>
            <td align="center" height="64" style="height:64px;text-align: center">
              <table height="64" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="height:64px;">
                <tr>
                  <td width="40"></td>
                  <td align="center" background="https://s3-ap-southeast-2.amazonaws.com/bt-fulcrum-assets/email_template/img/bg_line.png" style="padding-right:40px;padding-left:40px;text-align:center;background-image: url('https://s3-ap-southeast-2.amazonaws.com/bt-fulcrum-assets/email_template/img/bg_line.png'); background-repeat: repeat-y no-repeat;">
                    <table width="64" height="64" align="center" style="width:64px;margin:0 auto;text-align:center" >
                      <tr>
                        <td width="64" height="64" align="center" class="fallback_text" style="">
                          <img src="https://bt-fulcrum-assets.s3.amazonaws.com/edm/RSBT-2357_2689/icon-2.png" alt="">
                        </td>
                      </tr>
                    </table>
                  </td>
                  <td width="40"></td>
                </tr>
              </table>
            </td>
          </tr>

White space component (54px)

White space component (40px)

Intro Section - heading, body copy

<tr>
            <td height="54" style="height:54px;font-size:0;"></td>
          </tr>
          <tr>
            <td style="background-color:#ffffff">
              <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                <tr>
                  <td class="padformobile fallback_text" style="padding-left:40px;padding-right:40px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;text-align:center;color:#666666">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                      <tr>
                        <td class="mfontbody fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:center;color:#666666">
                          <h2 style="margin:0 0 40px;padding:0;font-family:'HelNeue Thin','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:34px;line-height:38px;font-weight:300;text-align:center;color:#009ed4">
                            H2_34/38px
                          </h2>
                          <h3 style="margin:30px 0 30px;padding:0;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:22px;line-height:28px;font-weight:300;text-align:center;color:#424242">
                            H3_22px/28px
                          </h3>
                          <p style="margin:0 0 10px;padding:0;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:left;color:#666666"  class="mfontbody fallback_text ioscolor" >
                            Body_16/24px: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>. <sup style="color:#666666;font-size:12px;line-height:14px">superscript</sup> <sub style="color:#666666 ;font-size:12px;line-height:14px">subscript</sub>
                          </p>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td height="54" style="height:54px;font-size:0;"></td>
          </tr>

H2_34/38px

H3_22px/28px

Body_16/24px: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet link. ^superscript _subscript

Article component - heading, body copy and bullet points

<tr>
            <td height="54" style="height:54px;font-size:0;"></td>
          </tr>
          <tr>
            <td style="background-color:#ffffff">
              <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                <tr>
                  <td class="padformobile fallback_text" style="padding-left:40px;padding-right:40px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;text-align:center;color:#666666">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                      <tr>
                        <td class="mfontbody fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:center;color:#666666">
                          <h2 style="margin:0 0 40px;padding:0;font-family:'HelNeue Thin','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:34px;line-height:38px;font-weight:300;text-align:center;color:#009ed4">
                            H2_34/38pt
                          </h2>
                          <p style="margin:0 0 10px;padding:0;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:left;color:#666666"  class="mfontbody fallback_text ioscolor" >
                            Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                          </p>
                        </td>
                      </tr>
                      <tr>
                        <td height="10" style="height:10px;font-size:0;"></td>
                      </tr>
                      <tr>
                        <td class="fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;text-align:center;color:#666666">
                          <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                            <tr>
                              <td width="40" class="fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;vertical-align: top;text-align: center;color:#666666;font-weight:300;">
                                &#8226; 
                              </td>
                              <td class="fallback_text ioscolor" style="padding-bottom:10px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;color:#666666;font-weight:300;text-align: left;">
                                Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                              </td>
                            </tr>
                            <tr>
                              <td width="40" class="fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;vertical-align: top;text-align: center;color:#666666;font-weight:300;">
                                &#8226; 
                              </td>
                              <td class="fallback_text ioscolor" style="padding-bottom:10px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;color:#666666;font-weight:300;text-align: left;">
                                Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                              </td>
                            </tr>
                            <tr>
                              <td width="40" class="fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;vertical-align: top;text-align: center;color:#666666;font-weight:300;">
                                &#8226; 
                              </td>
                              <td class="fallback_text ioscolor" style="padding-bottom:10px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;color:#666666;font-weight:300;text-align: left;">
                                Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                              </td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                      <tr>
                        <td height="10" style="height:10px;font-size:0;"></td>
                      </tr>
                      <tr>
                        <td class="mfontbody fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:center;color:#666666">
                          <p style="margin:0 0 10px;padding:0;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:left;color:#666666"  class="mfontbody fallback_text ioscolor" >
                            Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                          </p>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td height="54" style="height:54px;font-size:0;"></td>
          </tr>

H2_34/38pt

Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet link.

•	Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet link.
•	Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet link.
•	Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet link.

Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet link.

CTA - BT

<tr>
            <td style="text-align:center;background-color:#ffffff" align="center">
              <table style="margin:0 auto;text-align:center;" width="250" cellspacing="0" cellpadding="0" border="0" align="center">
                <tbody>
                  <tr>
                    <td style="-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;text-align: center;" width="250" height="48" align="center">
                      <a href="#TODO" target="_blank" style="padding: 10px;width:250px;margin:0 auto;display:inline-block;text-decoration: none;border:0;text-align: center;font-size: 18px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;color: #2574a9;border: 1.2px solid #2574a9;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;line-height:30px;text-decoration:none;" class="mbutton fallback_text">TODO</a>
                    </td>
                  </tr>
                </tbody>
              </table>              
            </td>
          </tr>
          <tr>
            <td height="54" style="height:54px;font-size:0;"></td>
          </tr>

TODO

Table - 2 column, all borders

<tr>
            <td class="padformobile mfontbody fallback_text ioscolor" style="padding-top:0px;padding-left:40px;padding-right:40px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;text-align:center;color:#666666;font-weight:300;">
              <table style="border-collapse: collapse;" width="100%" cellspacing="0" cellpadding="0" border="0" align="left">
                <tbody>
                  <tr>
                    <td class="fallback_text" style="padding:10px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:13px;line-height:16px;vertical-align: middle;text-align: left;color:#666666;font-weight:300;background-color: #f7f7f7;border: 1px solid #cccccc;" width="50%">
                      Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                    </td>
                    <td class="fallback_text" style="padding:10px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:13px;line-height:16px;vertical-align: middle;text-align: left;color:#666666;font-weight:300;background-color: #f7f7f7;border: 1px solid #cccccc;" width="50%">
                      Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                    </td> 
                  </tr>
                  <tr>
                    <td class="fallback_text" style="padding:10px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:13px;line-height:16px;vertical-align: middle;text-align: left;color:#666666;font-weight:300;background-color: #f7f7f7;border: 1px solid #cccccc;" width="50%">
                      Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                    </td>
                    <td class="fallback_text" style="padding:10px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:13px;line-height:16px;vertical-align: middle;text-align: left;color:#666666;font-weight:300;background-color: #f7f7f7;border: 1px solid #cccccc;" width="50%">
                      Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                    </td>                
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>

Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor link.	Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor link.
Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor link.	Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor link.

Table - 2 column, dark grey header, bottom border

<tr>
            <td style="background-color:#ffffff">
              <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                <tr>
                  <td class="padformobile fallback_text" style="padding-left:40px;padding-right:40px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;text-align:center;color:#666666">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                      <tr>
                        <td class="fallback_text" style="padding-top:10px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:13px;line-height:16px;text-align:center;color:#666666">
                          <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                            <tr>
                              <td class="fallback_text" style="padding:10px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:13px;line-height:16px;vertical-align: top;text-align: left;color:#ffffff;font-weight:bold;background-color: #9b9b9b">
                                Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor
                              </td>
                              <td class="fallback_text" style="padding:10px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:13px;line-height:16px;vertical-align: top;text-align: left;color:#ffffff;font-weight:bold;background-color: #9b9b9b">
                                Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor
                              </td>
                            </tr>
                            <tr>
                              <td class="fallback_text" style="padding:10px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:13px;line-height:16px;vertical-align: top;text-align: left;color:#666666;font-weight:300;background-color: #f7f7f7;border-bottom: 1px solid #cccccc;">
                                Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                              </td>
                              <td class="fallback_text ioscolor" style="padding:10px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:13px;line-height:16px;color:#666666;font-weight:300;text-align: left;background-color: #f7f7f7;border-bottom: 1px solid #cccccc;">
                                Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                                <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                                  <tr>
                                    <td width="20" class="fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:13px;line-height:16px;font-weight:300;text-align:left;color:#666666;vertical-align: top">
                                      &#8226;
                                    </td>
                                    <td class="fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:13px;line-height:16px;font-weight:300;text-align:left;color:#666666">
                                      Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                                    </td>
                                  </tr>
                                  <tr>
                                    <td width="20" class="fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:13px;line-height:16px;font-weight:300;text-align:left;color:#666666;vertical-align: top">
                                      &#8226;
                                    </td>
                                    <td class="fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:13px;line-height:16px;font-weight:300;text-align:left;color:#666666">
                                      Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                                    </td>
                                  </tr>
                                </table>
                              </td>
                            </tr>
                            <tr>
                              <td class="fallback_text" style="padding:10px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:13px;line-height:16px;vertical-align: top;text-align: left;color:#666666;font-weight:300;background-color: #f7f7f7;border-bottom: 1px solid #cccccc;">
                                Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                              </td>
                              <td class="fallback_text ioscolor" style="padding:10px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:13px;line-height:16px;color:#666666;font-weight:300;text-align: left;background-color: #f7f7f7;border-bottom: 1px solid #cccccc;">
                                Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                              </td>
                            </tr>
                          </table>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>

Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor

Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor link.

•	Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor link.
•	Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor link.

Body_13/16px: Lorem ipsum dolor sit amet Lorem ipsum dolor link.

CTA Images (3 column)

<tr>
            <td height="54" style="height:54px;font-size:0;"></td>
          </tr>
          <tr>
            <td style="background-color:#ffffff">
              <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                <tr>
                  <td class="padformobile fallback_text" style="padding-left:40px;padding-right:40px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;text-align:left;color:#666666">
                    <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                      <tr>
                        <td style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:left;color:#666666"  class="fallback_text" >
                          <h2 style="margin:0 0 40px;padding:0;font-family:'HelNeue Thin','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:34px;line-height:38px;font-weight:lighter;font-weight:100;color:#009ed4;text-align:center;" class="mh2 fallback_text">
                            H2_34/38pt
                          </h2>                        
                          <p style="margin:0 0 0px;padding:0;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:left;color:#666666">
                            Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                          </p>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td height="54" style="height:54px;font-size:0;"></td>
          </tr>
          <tr>
            <td>
              <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                <tr>
                  <td style="background-color:#ffffff; padding-right:47px;padding-left:46px;">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;background-color:#ffffff">
                      <tr>
                        <th class="mnobottompad tdformobile ablock" style="width:180px;text-align:center">
                          <table cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                            <tr>
                              <td class="mfontbody fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:18px;font-weight:300;text-align:center;color:#666666">
                                <a href="#TODO" target="_blank"><img src="https://bt-fulcrum-assets.s3.amazonaws.com/edm/RSBT-1806_2468/img-BT_Pano_Open.png" alt="" width="120" style="border-width:0;width:120px;height:auto;" /></a>
                              </td>
                            </tr>
                            <tr>
                              <td class="mfontbody fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:18px;font-weight:300;text-align:center;color:#25749a; padding-top: 12px;padding-bottom: 25px;">                                    
                                <a href="#TODO" target="_blank" style="color:#25749a;text-decoration: none;">Body_16/24pt link</a>
                              </td>
                            </tr>
                          </table>
                        </th>
                        <th class="mnobottompad tdformobile ablock" style="width:180px;text-align:center">
                          <table cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                            <tr>
                              <td class="mfontbody fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:18px;font-weight:300;text-align:center;color:#666666">
                                <a href="#TODO" target="_blank"><img src="https://bt-fulcrum-assets.s3.amazonaws.com/edm/RSBT-1806_2468/img-BT_Wrap_Open.png" alt="" width="120" style="border-width:0;width:120px;height:auto;" /></a>
                              </td>
                            </tr>
                            <tr>
                              <td class="mfontbody fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:18px;font-weight:300;text-align:center;color:#25749a; padding-top: 12px;padding-bottom: 25px;"> 
                                <a href="#TODO" target="_blank" style="color:#25749a;text-decoration: none;">Body_16/24pt link</a>
                              </td>
                            </tr>
                          </table>
                        </th> 
                        <th class="mnobottompad tdformobile ablock" style="width:180px;text-align:center">
                          <table cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                            <tr>
                              <td class="mfontbody fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:18px;font-weight:300;text-align:center;color:#666666">
                                <a href="#TODO" target="_blank"><img src="https://bt-fulcrum-assets.s3.amazonaws.com/edm/RSBT-1806_2468/img-Asgard_Open.png" alt="" width="120" style="border-width:0;width:120px;height:auto;" /></a>
                              </td>
                            </tr>
                            <tr>
                              <td class="mfontbody fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:18px;font-weight:300;text-align:center;color:#009ed4; padding-top: 12px;padding-bottom: 25px;"> 
                                <a href="#TODO" target="_blank" style="color:#25749a;text-decoration: none;">Body_16/24pt link</a>
                              </td>
                            </tr>  
                          </table>
                        </th>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr> 
          <tr>
            <td height="54" style="height:54px;font-size:0;"></td>
          </tr>

H2_34/38pt

Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet link.

Body_16/24pt link

Video component

<tr>
            <td height="54" style="height:54px;font-size:0;"></td>
          </tr>
          <tr>
            <td style="background-color:#ffffff">
              <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                <tr>
                  <td class="padformobile fallback_text" style="padding-left:40px;padding-right:40px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;text-align:center;color:#666666">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                      <tr>
                        <td class="mfontbody fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:center;color:#666666">
                          <h2 style="margin:0 0 40px;padding:0;font-family:'HelNeue Thin','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:34px;line-height:38px;font-weight:300;text-align:center;color:#009ed4">
                            H2_34/38px
                          </h2>
                          <p style="margin:0 0 10px;padding:0;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:left;color:#666666"  class="mfontbody fallback_text ioscolor" >
                            Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                          </p>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
                <tr>
                  <td height="54" style="height:54px;font-size:0;"></td>
                </tr>
                <tr>
                  <td class="padformobile fallback_text" style="padding-left:40px;padding-right:40px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;text-align:center;color:#666666">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                      <tr>
                        <td class="mfontbody fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:center;color:#666666">
                          <p style="margin:0;padding:0;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:center;color:#666666"  class="mfontbody fallback_text ioscolor" >
                            <a href="#TODO" target="_blank"><img src="https://s3-ap-southeast-2.amazonaws.com/bt-fulcrum-assets/email_template/img/video_sample.png" alt="" class="fullWidth" style="width:408px;border:0" /></a>
                          </p>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td height="54" style="height:54px;font-size:0;"></td>
          </tr>

H2_34/38px

Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet link.

Contact details - Sign-off (single)

<tr>
            <td height="54" style="height:54px;font-size:0;"></td>
          </tr>
          <tr>
            <td style="background-color:#ffffff">
              <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                <tr>
                  <td class="padformobile fallback_text" style="padding-left:40px;padding-right:40px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;text-align:center;color:#666666">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                      <tr>
                        <td class="mfontbody fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:center;color:#666666">
                          <h2 style="margin:0 0 40px;padding:0;font-family:'HelNeue Thin','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:34px;line-height:38px;font-weight:300;text-align:center;color:#009ed4">
                            H2_34/38px
                          </h2>
                          <p style="margin:0 0 10px;padding:0;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:left;color:#666666"  class="mfontbody fallback_text ioscolor" >
                            Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                          </p>
                          <p style="margin:0 0 20px;padding:0;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:left;color:#666666"  class="mfontbody fallback_text ioscolor" >
                            Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                          </p>
                          <p style="margin:0 0 10px;padding:0;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:left;color:#666666"  class="mfontbody fallback_text ioscolor" >
                            Yours sincerely
                          </p>
                          <p style="margin:0 0 10px;padding:0;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:left;color:#666666"  class="mfontbody fallback_text ioscolor" >
                            <img src="https://via.placeholder.com/98x85" alt="" width="98" height="85"> 
                          </p>
                          <p style="margin:0 0 10px;padding:0;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:left;color:#666666"  class="mfontbody fallback_text ioscolor" >
                            Name<br />
                            Position<br />
                            Department
                          </p>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td height="54" style="height:54px;font-size:0;"></td>
          </tr>

H2_34/38px

Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet link.

Yours sincerely

Name
Position
Department

Contact details - Sign-off (dual)

<tr>
            <td height="54" style="height:54px;font-size:0;"></td>
          </tr>
          <tr>
            <td style="background-color:#ffffff">
              <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                <tr>
                  <td class="padformobile fallback_text" style="padding-left:40px;padding-right:40px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;text-align:center;color:#666666">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                      <tr>
                        <td class="mfontbody fallback_text" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:center;color:#666666">
                          <h2 style="margin:0 0 40px;padding:0;font-family:'HelNeue Thin','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:34px;line-height:38px;font-weight:300;text-align:center;color:#009ed4">
                            H2_34/38px
                          </h2>
                          <p style="margin:0 0 10px;padding:0;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:left;color:#666666"  class="mfontbody fallback_text ioscolor" >
                            Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                          </p>
                          <p style="margin:0 0 20px;padding:0;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:left;color:#666666"  class="mfontbody fallback_text ioscolor" >
                            Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                          </p>
                          <p style="margin:0 0 10px;padding:0;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:left;color:#666666"  class="mfontbody fallback_text ioscolor" >
                            Yours sincerely
                          </p>
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td class="padformobile mfontbody fallback_text ioscolor" style="padding-top:0px;padding-left:40px;padding-right:40px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;text-align:center;color:#666666;font-weight:300;">
              <table style="border-collapse: collapse;" width="100%" cellspacing="0" cellpadding="0" border="0" align="left">
                <tbody>
                  <tr>
                    <td class="fallback_text" style="padding: 10px 10px 10px 0;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;vertical-align: middle;text-align: left;color:#666666;font-weight:300;" width="50%">
                      Name<br />
                      Position,<br />
                      Department
                    </td>
                    <td class="fallback_text" style="padding: 10px 0 10px 10px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;vertical-align: middle;text-align: left;color:#666666;font-weight:300;" width="50%">
                      Name<br />
                      Position,<br />
                      Department
                    </td> 
                  </tr>
                </tbody>
              </table>
            </td>
          </tr>
          <tr>
            <td height="54" style="height:54px;font-size:0;"></td>
          </tr>

H2_34/38px

Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet link.

Yours sincerely

Name
Position,
Department

Contact details - 1 button (icon: phone)

<tr>
            <td height="24" style="height:24px;background-color:#f2f2f2;font-size:0" ></td>
          </tr>
          <tr>
            <td height="54" style="height:54px;background-color:#ffffff;font-size:0"></td>
          </tr>
          <tr>
            <td style="background-color:#ffffff">
              <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                <tr>
                  <td class="padformobile"  style="padding-right:40px;padding-left:40px; font-family:'HelNeue Thin','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:34pt">
                    <h2 style="margin:0 0 45px;padding:0;font-family:'HelNeue Thin','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:34px;font-weight:lighter;font-weight:100;color:#2574A9;text-align:center;" class="mh2 fallback_text">
                      Contact us
                    </h2>
                    <p style="margin:0 0 10px;padding:0;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:center;color:#666666"  class="mfontbody fallback_text ioscolor" >
                      Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                    </p>
                  </td>
                </tr>
                <tr>
                  <td style="padding-top:32px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16pt;line-height:24pt;text-align:center;color:#666666;vertical-align:top">
                    <table align="center" style="border-spacing:0;background-color:#ffffff;margin:0 auto;width:100%;max-width:600px;">
                      <tr>
                        <td class="padformobile three-column" style="padding-right:40px;padding-left:40px;text-align:center;font-size:0;">
                          
                          <div class="column" style="width:100%;max-width:160px;display:inline-block;vertical-align:top;">
                            <table width="100%" style="border-spacing:0;border-collapse: collapse;border-right:5px solid #ffffff;border-bottom:5px solid #ffffff">
                              <tr>
                                <td height="50">
                                  <table class="contents" style="border-spacing:0;width:100%;text-align:center;background-color:#2574A9;border-collapse: collapse;">
                                    <tr>
                                      <td valign="middle" align="center" style="background-color:#2574A9;">
                                        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                                          <tr>
                                            <td class="tdformobile fallback_text ioscolor2 mlheight" bgcolor="#2574A9" style="height:50px;vertical-align:middle;background-color:#2574A9;text-align:center;color:#ffffff;"><span class="btn_contact fallback_text" style="display:block;width:100%;padding-top:8px;padding-bottom:8px;background-color:#2574A9;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;text-align:center;color:#ffffff;vertical-align:top"><img src="https://bt-fulcrum-assets.s3.amazonaws.com/public/icons/ICON_CTA_Phone_w.png" alt="phone" class="ico" style="margin-right:4px;vertical-align:middle;border:none" />&nbsp;&nbsp;<a href="tel:132135" class="ioscolor2" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;text-align:center;color:#ffffff;text-decoration:none">132 135</a></span>
                                            </td>
                                          </tr>
                                        </table>
                                      </td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>
                            </table>
                          </div>
                          
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td height="54" style="height:54px;background-color:#ffffff"></td>
          </tr>

Contact us

Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet link.

132 135

Contact details - 2 button (icons: phone and email)

<tr>
            <td height="24" style="height:24px;background-color:#f2f2f2;font-size:0" ></td>
          </tr>
          <tr>
            <td height="54" style="height:54px;background-color:#ffffff;font-size:0"></td>
          </tr>
          <tr>
            <td style="background-color:#ffffff">
              <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                <tr>
                  <td class="padformobile"  style="padding-right:40px;padding-left:40px; font-family:'HelNeue Thin','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:34pt">
                    <h2 style="margin:0 0 45px;padding:0;font-family:'HelNeue Thin','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:34px;font-weight:lighter;font-weight:100;color:#2574A9;text-align:center;" class="mh2 fallback_text">
                      Contact us
                    </h2>
                    <p style="margin:0 0 10px;padding:0;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;font-weight:300;text-align:center;color:#666666"  class="mfontbody fallback_text ioscolor" >
                      Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                    </p>
                  </td>
                </tr>
                <tr>
                  <td style="padding-top:32px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16pt;line-height:24pt;text-align:center;color:#666666;vertical-align:top">
                    <table align="center" style="border-spacing:0;background-color:#ffffff;margin:0 auto;width:100%;max-width:600px;">
                      <tr>
                        <td class="padformobile three-column" style="padding-right:40px;padding-left:40px;text-align:center;font-size:0;">
                          
                          <div class="column" style="width:100%;max-width:160px;display:inline-block;vertical-align:top;">
                            <table width="100%" style="border-spacing:0;border-collapse: collapse;border-right:5px solid #ffffff;border-bottom:5px solid #ffffff">
                              <tr>
                                <td height="50">
                                  <table class="contents" style="border-spacing:0;width:100%;text-align:center;background-color:#2574A9;border-collapse: collapse;">
                                    <tr>
                                      <td valign="middle" align="center" style="background-color:#2574A9;">
                                        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                                          <tr>
                                            <td class="tdformobile fallback_text ioscolor2 mlheight" bgcolor="#2574A9" style="height:50px;vertical-align:middle;background-color:#2574A9;text-align:center;color:#ffffff;"><span class="btn_contact fallback_text" style="display:block;width:100%;padding-top:8px;padding-bottom:8px;background-color:#2574A9;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;text-align:center;color:#ffffff;vertical-align:top"><img src="https://bt-fulcrum-assets.s3.amazonaws.com/public/icons/ICON_CTA_Phone_w.png" alt="phone" class="ico" style="margin-right:4px;vertical-align:middle;border:none" />&nbsp;&nbsp;<a href="tel:132135" class="ioscolor2" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;text-align:center;color:#ffffff;text-decoration:none">132 135</a></span>
                                            </td>
                                          </tr>
                                        </table>
                                      </td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>
                            </table>
                          </div>
                          
                          <div class="column" style="width:100%;max-width:160px;display:inline-block;vertical-align:top;">
                            <table width="100%" style="border-spacing:0;border-collapse: collapse;border-right:5px solid #ffffff;border-bottom:5px solid #ffffff">
                              <tr>
                                <td height="50">
                                  <table class="contents" style="border-spacing:0;width:100%;text-align:center;background-color:#2574A9;border-collapse: collapse;">
                                    <tr>
                                      <td valign="middle" align="center" style="background-color:#2574A9;">
                                        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                                          <tr>
                                            <td class="tdformobile fallback_text mlheight"  bgcolor="#2574A9"  style="height:50px;vertical-align:middle;background-color:#2574A9;text-align:center;"><a href="https://secure.bt.com.au/contact-us/contact-form.asp" target="_blank" class="btn_contact fallback_text" style="display:block;width:100%;padding-top:8px;padding-bottom:7px;background-color:#2574A9;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;text-align:center;color:#ffffff;text-decoration:none;border-radius:0;vertical-align:top"><img src="https://bt-fulcrum-assets.s3.amazonaws.com/public/icons/ICON_CTA_Envelope_w.png" alt="email" class="ico" style="margin-right:4px;margin-bottom:2px;vertical-align:middle;border:none" />&nbsp;&nbsp;&nbsp;Email us</a>
                                            </td>
                                          </tr>
                                        </table>
                                      </td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>
                            </table>
                          </div>
                          
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td height="54" style="height:54px;background-color:#ffffff"></td>
          </tr>

Contact us

Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet link.

132 135

Email us

Contact details - 3 button (icons: phone, email and website)

<tr>
            <td height="24" style="height:24px;font-size:0;background:#f2f2f2;"></td>
          </tr>
          <tr>
            <td height="54" bgcolor="#ffffff" style="height:54px;background-color:#ffffff"></td>
          </tr>
          <tr>
            <td style="background-color:#ffffff">
              <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                <tr>
                  <td class="padformobile mh2 fallback_text" style="padding-right:40px;padding-left:40px; font-family:'HelNeue Thin','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:34pt">
                    <h2 style="margin:0;padding:0;font-family:'HelNeue Thin','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:34px;font-weight:lighter;font-weight:100;color:#2574A9;text-align:center;">Contact us</h2>
                  </td>
                </tr>
                <tr>
                  <td class="padformobile mfontbody fallback_text" style="padding-right:40px;padding-left:40px;padding-top:32px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;line-height:24px;text-align:center;color:#666666;">
                    Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <a href="#TODO" target="_blank"><span style="color:#2574a9;text-decoration: underline;">link</span></a>.
                  </td>
                </tr>
                <tr>
                  <td style="padding-top:32px;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16pt;line-height:24pt;text-align:center;color:#666666;vertical-align:top">
                    <table align="center" style="border-spacing:0;background-color:#ffffff;margin:0 auto;width:100%;max-width:600px;">
                      <tr>
                        <td class="padformobile three-column" style="padding-right:40px;padding-left:40px;text-align:center;font-size:0;">
                          
                          <div class="column" style="width:100%;max-width:160px;display:inline-block;vertical-align:top;">
                            <table width="100%" style="border-spacing:0;border-collapse: collapse;border-right:5px solid #ffffff;border-bottom:5px solid #ffffff">
                              <tr>
                                <td height="50">
                                  <table class="contents" style="border-spacing:0;width:100%;text-align:center;background-color:#2574A9;border-collapse: collapse;">
                                    <tr>
                                      <td valign="middle" align="center" style="background-color:#2574A9;">
                                        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                                          <tr>
                                            <td class="tdformobile fallback_text ioscolor2 mlheight" bgcolor="#2574A9" style="height:50px;vertical-align:middle;background-color:#2574A9;text-align:center;color:#ffffff;"><span class="btn_contact fallback_text" style="display:block;width:100%;padding-top:8px;padding-bottom:8px;background-color:#2574A9;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;text-align:center;color:#ffffff;vertical-align:top"><img src="https://bt-fulcrum-assets.s3.amazonaws.com/public/icons/ICON_CTA_Phone_w.png" alt="phone" class="ico" style="margin-right:4px;vertical-align:middle;border:none" />&nbsp;&nbsp;<a href="tel:1300748207" class="ioscolor2" style="font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;text-align:center;color:#ffffff;text-decoration:none">1300 748 207</a></span>
                                            </td>
                                          </tr>
                                        </table>
                                      </td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>
                            </table>
                          </div>
                          
                          <div class="column" style="width:100%;max-width:160px;display:inline-block;vertical-align:top;">
                            <table width="100%" style="border-spacing:0;border-collapse: collapse;border-right:5px solid #ffffff;border-bottom:5px solid #ffffff">
                              <tr>
                                <td height="50">
                                  <table class="contents" style="border-spacing:0;width:100%;text-align:center;background-color:#2574A9;border-collapse: collapse;">
                                    <tr>
                                      <td valign="middle" align="center" style="background-color:#2574A9;">
                                        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                                          <tr>
                                            <td class="tdformobile fallback_text mlheight"  bgcolor="#2574A9"  style="height:50px;vertical-align:middle;background-color:#2574A9;text-align:center;"><a href="mailto:admin@bt.com.au" target="_blank" class="btn_contact fallback_text" style="display:block;width:100%;padding-top:8px;padding-bottom:7px;background-color:#2574A9;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;text-align:center;color:#ffffff;text-decoration:none;border-radius:0;vertical-align:top"><img src="https://bt-fulcrum-assets.s3.amazonaws.com/public/icons/ICON_CTA_Envelope_w.png" alt="email" class="ico" style="margin-right:4px;margin-bottom:2px;vertical-align:middle;border:none" />&nbsp;&nbsp;&nbsp;Email us</a>
                                            </td>
                                          </tr>
                                        </table>
                                      </td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>
                            </table>
                          </div>
                          
                          <div class="column" style="width:100%;max-width:160px;display:inline-block;vertical-align:top;">
                            <table width="100%" style="border-spacing:0;border-collapse: collapse;border-right:5px solid #ffffff;border-bottom:5px solid #ffffff">
                              <tr>
                                <td height="50" >
                                  <table class="contents" style="border-spacing:0;width:100%;text-align:center;background-color:#2574A9;border-collapse: collapse;">
                                    <tr>
                                      <td valign="middle" align="center" style="background-color:#2574A9;">
                                        <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
                                          <tr>
                                            <td class="tdformobile fallback_text mlheight"  bgcolor="#2574A9"  style="height:50px;vertical-align:middle;background-color:#2574A9;text-align:center;"><a href="https://www.bt.com.au/" target="_blank" class="btn_contact fallback_text mlheight" style="display:block;width:100%;padding-top:8px;padding-bottom:7px;background-color:#2574A9;font-family:'HelNeue Light','Open Sans','Segoe UI',sans-serif,Helvetica,Arial;font-size:16px;text-align:center;color:#ffffff;text-decoration:none;border-radius:0;;vertical-align:top">Visit our website</a>
                                            </td>
                                          </tr>
                                        </table>
                                      </td>
                                    </tr>
                                  </table>
                                </td>
                              </tr>
                            </table>
                          </div>
                          
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td height="54" style="height:54px;background-color:#ffffff"></td>
          </tr>

Contact us

Body_16/24pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet link.

1300 748 207

Email us

Visit our website

Disclaimer

<tr>
            <td style="background-color:#f2f2f2;">
              <table class="webkit outer" align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;text-align:left;">
                <tr>
                  <td height="54" style="height:54px;font-size:0;"></td>
                </tr>
                <tr>
                  <td class="padformobile mcenter fallback_text" style="padding-right:40px;padding-left:40px;font-family:Arial,sans-serif;font-size:8px;color:#666666;text-align:left;">                    
                    <p class="mcenter fallback_text ioscolor" style="margin:0 0 10px;padding:0;font-family:Arial,sans-serif;font-size:8px;color:#666666;text-align:left;line-height:11px">
                      Disclaimer_8/11pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet <a href="#TODO" target="_blank" style="font-size: 8px;line-height: 11px;text-decoration: none; font-family:Arial,sans-serif; color: #666666;text-decoration: underline;"><span style="text-decoration: underline;">link</span></a>.
                    </p>
                    <p class="mcenter fallback_text ioscolor" style="margin:0 0 10px;padding:0;font-family:Arial,sans-serif;font-size:8px;color:#666666;text-align:left;line-height:11px">
                      Westpac Protect Security advice: Legitimate Westpac emails do not include links to login pages, or ask for your personal information, account details, PIN or passwords. For more information visit <a href="https://www.westpac.com.au/hoaxemails" target="_blank" style="font-size: 8px;line-height: 11px;text-decoration: none; font-family:Arial,sans-serif; color: #666666;text-decoration: underline;"><span style="text-decoration: underline;">westpac.com.au/hoaxemails</span></a>. Before accessing emails or the Internet, always ensure your computer has up-to-date security software. Find tips to protect yourself and avoid scams and viruses at <a href="https://www.westpac.com.au/security" target="_blank" style="font-size: 8px;line-height: 11px;text-decoration: none; font-family:Arial,sans-serif; color: #666666;text-decoration: underline;"><span style="text-decoration: underline;">westpac.com.au/security</span></a>.
                    </p>
                    <p class="mcenter fallback_text ioscolor" style="margin:0 0 10px;padding:0;font-family:Arial,sans-serif;font-size:8px;color:#666666;text-align:left;line-height:11px">
                      Westpac Group sent this message to <%=recipient.email%>. This detail is included to help provide assurance that this is a genuine email from Westpac Group.
                    </p>
                    <p class="mcenter fallback_text ioscolor" style="margin:0 0 10px;padding:0;font-family:Arial,sans-serif;font-size:8px;color:#666666;text-align:left;line-height:11px">
                      To opt-out, click <a href="http://pages.email.bt.com.au/webApp/unsubscribe?<%= escapeUrl(recipient.cryptedId) %>&brand=bt" target="_blank" class="linkline" style="font-size: 8px; text-decoration: underline; font-family:Arial,sans-serif; color: #666666;"><span style="color:#666666;text-decoration:underline">here</span></a>
                    </p>
                  </td>
                </tr>
                <tr>
                  <td height="54" style="height:54px;font-size:0;"></td>
                </tr>
              </table>
            </td>
          </tr>

Disclaimer_8/11pt: Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet link.

Westpac Protect Security advice: Legitimate Westpac emails do not include links to login pages, or ask for your personal information, account details, PIN or passwords. For more information visit westpac.com.au/hoaxemails. Before accessing emails or the Internet, always ensure your computer has up-to-date security software. Find tips to protect yourself and avoid scams and viruses at westpac.com.au/security.

Westpac Group sent this message to <%=recipient.email%>. This detail is included to help provide assurance that this is a genuine email from Westpac Group.

To opt-out, click here

TODO Lorem Ipsum

H2_34/38px

H3_22px/28px

H2_34/38pt

H2_34/38pt

H2_34/38px

H2_34/38px

H2_34/38px

Contact us

Contact us

Contact us

TODO
Lorem Ipsum