Scribd
Upload
61 views13 pages

Untitled

The document contains styles and layout information for an email template. It includes sections for the email header with the company logo, a promotional text section in red, and an image section in blue. The document focuses on styling elements like colors, images, text formatting and responsiveness for different screen sizes.

Uploaded by

Test
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
61 views13 pages

Untitled

The document contains styles and layout information for an email template. It includes sections for the email header with the company logo, a promotional text section in red, and an image section in blue. The document focuses on styling elements like colors, images, text formatting and responsiveness for different screen sizes.

Uploaded by

Test
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 13

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.

0 Transitional //EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="x-apple-disable-message-reformatting">
<!--[if !mso]><!--><meta http-equiv="X-UA-Compatible" content="IE=edge"><!--<!
[endif]-->
<title></title>

<style type="text/css">
a { color: #0000ee; text-decoration: underline; }
[owa] .u-row .u-col {
display: table-cell;
float: none !important;
vertical-align: top;
}

.ie-container .u-row,
[owa] .u-row {
width: 640px !important;
}

.ie-container .u-col-100,
[owa] .u-col-100 {
width: 640px !important;
}

@media only screen and (min-width: 660px) {


.u-row {
width: 640px !important;
}
.u-row .u-col {
vertical-align: top;
}

.u-row .u-col-100 {
width: 640px !important;
}

@media (max-width: 660px) {


.u-row-container {
max-width: 100% !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.u-row .u-col {
min-width: 320px !important;
max-width: 100% !important;
display: block !important;
}
.u-row {
width: calc(100% - 40px) !important;
}
.u-col {
width: 100% !important;
}
.u-col > div {
margin: 0 auto;
}
.no-stack .u-col {
min-width: 0 !important;
display: table-cell !important;
}

.no-stack .u-col-100 {
width: 100% !important;
}

}
body {
margin: 0;
padding: 0;
}

table,
tr,
td {
vertical-align: top;
border-collapse: collapse;
}

p {
margin: 0;
}

.ie-container table,
.mso-container table {
table-layout: fixed;
}

* {
line-height: inherit;
}

a[x-apple-data-detectors='true'] {
color: inherit !important;
text-decoration: none !important;
}

.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}

@media (max-width: 480px) {


.hide-mobile {
display: none !important;
max-height: 0px;
overflow: hidden;
}
}

@media (min-width: 481px) {


.hide-desktop {
display: none !important;
max-height: none !important;
}
}
</style>

</head>

<body class="clean-body" style="margin: 0;padding: 0;-webkit-text-size-adjust:


100%;background-color: #e7e7e7">
<!--[if IE]><div class="ie-container"><![endif]-->
<!--[if mso]><div class="mso-container"><![endif]-->
<table class="nl-container" style="border-collapse: collapse;table-layout:
fixed;border-spacing: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align:
top;min-width: 320px;Margin: 0 auto;background-color: #e7e7e7;width:100%"
cellpadding="0" cellspacing="0">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !
important;vertical-align: top">
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0"
border="0"><tr><td align="center" style="background-color: #e7e7e7;"><![endif]-->

<div class="u-row-container" style="padding: 30px 0px 0px;background-color:


transparent">
<div style="Margin: 0 auto;min-width: 320px;max-width: 640px;overflow-wrap:
break-word;word-wrap: break-word;word-break: break-word;background-color: #ffffff;"
class="u-row">
<div style="border-collapse: collapse;display: table;width: 100%;background-
color: #ffffff;">
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0"
border="0"><tr><td style="padding: 30px 0px 0px;background-color: transparent;"
align="center"><table cellpadding="0" cellspacing="0" border="0"
style="width:640px;"><tr style="background-color: #ffffff;"><![endif]-->

<!--[if (mso)|(IE)]><td align="center" width="640" style="width: 640px;padding:


0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-
right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><!
[endif]-->
<div class="u-col u-col-100" style="max-width: 320px;min-width: 640px;display:
table-cell;vertical-align: top;">
<div style="width: 100% !important;">
<!--[if (!mso)&(!IE)]><!--><div style="padding: 0px;border-top: 0px solid
transparent;border-left: 0px solid transparent;border-right: 0px solid
transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->

<table id="u_content_image_1" class="u_content_image" style="font-


family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0"
cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-
family:arial,helvetica,sans-serif;" align="left">

<table width="100%" cellpadding="0" cellspacing="0" border="0">


<tr>
<td style="padding-right: 0px;padding-left: 0px;" align="center">

<img align="center" border="0"


src="https://img.mybaymail.com/assets/1590390513292-logo.png" alt="Image"
title="Image" style="outline: none;text-decoration: none;-ms-interpolation-mode:
bicubic;clear: both;display: block !important;border: none;height: auto;float:
none;width: 100%;max-width: 181px;" width="181" class="v-src-width v-src-max-
width"/>

</td>
</tr>
</table>

</td>
</tr>
</tbody>
</table>

<!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
</div>
</div>
<!--[if (mso)|(IE)]></td><![endif]-->
<!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
</div>
</div>
</div>

<div class="u-row-container" style="padding: 0px;background-color: transparent">


<div style="Margin: 0 auto;min-width: 320px;max-width: 640px;overflow-wrap:
break-word;word-wrap: break-word;word-break: break-word;background-color: #ed0673;"
class="u-row">
<div style="border-collapse: collapse;display: table;width: 100%;background-
color: #ed0673;">
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0"
border="0"><tr><td style="padding: 0px;background-color: transparent;"
align="center"><table cellpadding="0" cellspacing="0" border="0"
style="width:640px;"><tr style="background-color: #ed0673;"><![endif]-->

<!--[if (mso)|(IE)]><td align="center" width="640" style="width: 640px;padding:


0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-
right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><!
[endif]-->
<div class="u-col u-col-100" style="max-width: 320px;min-width: 640px;display:
table-cell;vertical-align: top;">
<div style="width: 100% !important;">
<!--[if (!mso)&(!IE)]><!--><div style="padding: 0px;border-top: 0px solid
transparent;border-left: 0px solid transparent;border-right: 0px solid
transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->

<table id="u_content_text_1" class="u_content_text" style="font-


family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0"
cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-
family:arial,helvetica,sans-serif;" align="left">

<div class="v-text-align" style="color: #000000; line-height: 140%; text-align:


left; word-wrap: break-word;">
<p style="font-size: 14px; line-height: 140%; text-align: center;"><span
style="font-size: 14px; line-height: 19.6px; color: #ffffff;">Free shipping &amp;
free returns for LondonBridge Cyber Monday Sales.</span></p>
</div>

</td>
</tr>
</tbody>
</table>

<!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
</div>
</div>
<!--[if (mso)|(IE)]></td><![endif]-->
<!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
</div>
</div>
</div>

<div class="u-row-container" style="padding: 0px;background-color: transparent">


<div style="Margin: 0 auto;min-width: 320px;max-width: 640px;overflow-wrap:
break-word;word-wrap: break-word;word-break: break-word;background-color: #002c42;"
class="u-row">
<div style="border-collapse: collapse;display: table;width: 100%;background-
color: #002c42;">
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0"
border="0"><tr><td style="padding: 0px;background-color: transparent;"
align="center"><table cellpadding="0" cellspacing="0" border="0"
style="width:640px;"><tr style="background-color: #002c42;"><![endif]-->

<!--[if (mso)|(IE)]><td align="center" width="640" style="width: 640px;padding:


0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-
right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><!
[endif]-->
<div class="u-col u-col-100" style="max-width: 320px;min-width: 640px;display:
table-cell;vertical-align: top;">
<div style="width: 100% !important;">
<!--[if (!mso)&(!IE)]><!--><div style="padding: 0px;border-top: 0px solid
transparent;border-left: 0px solid transparent;border-right: 0px solid
transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->
<table id="u_content_image_2" class="u_content_image" style="font-
family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0"
cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-
family:arial,helvetica,sans-serif;" align="left">

<table width="100%" cellpadding="0" cellspacing="0" border="0">


<tr>
<td style="padding-right: 0px;padding-left: 0px;" align="center">

<img align="center" border="0"


src="https://img.mybaymail.com/assets/1590392440623-cyber.png" alt="Image"
title="Image" style="outline: none;text-decoration: none;-ms-interpolation-mode:
bicubic;clear: both;display: block !important;border: none;height: auto;float:
none;width: 100%;max-width: 487px;" width="487" class="v-src-width v-src-max-
width"/>

</td>
</tr>
</table>

</td>
</tr>
</tbody>
</table>

<table id="u_content_text_2" class="u_content_text" style="font-


family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0"
cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td style="overflow-wrap:break-word;word-break:break-word;padding:18px
10px;font-family:arial,helvetica,sans-serif;" align="left">

<div class="v-text-align" style="color: #000000; line-height: 140%; text-align:


left; word-wrap: break-word;">
<p style="font-size: 14px; line-height: 140%; text-align: center;"><span
style="color: #ffffff; font-size: 14px; line-height: 19.6px;">You are on our list,
Here&rsquo;s an exclusive second </span></p>
<p style="font-size: 14px; line-height: 140%; text-align: center;"><span
style="color: #ffffff; font-size: 14px; line-height: 19.6px;">chance to shop
</span><span style="color: #ffffff; font-size: 14px; line-height: 19.6px;">the best
sale in the vacation!</span></p>
</div>

</td>
</tr>
</tbody>
</table>

<table id="u_content_image_3" class="u_content_image" style="font-


family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0"
cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td style="overflow-wrap:break-word;word-break:break-word;padding:20px 10px
8px;font-family:arial,helvetica,sans-serif;" align="left">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="padding-right: 0px;padding-left: 0px;" align="center">

<img align="center" border="0"


src="https://img.mybaymail.com/assets/1590392507853-off.png" alt="Image"
title="Image" style="outline: none;text-decoration: none;-ms-interpolation-mode:
bicubic;clear: both;display: block !important;border: none;height: auto;float:
none;width: 100%;max-width: 349px;" width="349" class="v-src-width v-src-max-
width"/>

</td>
</tr>
</table>

</td>
</tr>
</tbody>
</table>

<table id="u_content_divider_1" class="u_content_divider" style="font-


family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0"
cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-
family:arial,helvetica,sans-serif;" align="left">

<table height="0px" align="center" border="0" cellpadding="0" cellspacing="0"


width="68%" style="border-collapse: collapse;table-layout: fixed;border-spacing:
0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;border-top: 1px
dotted #BBBBBB;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !
important;vertical-align: top;font-size: 0px;line-height: 0px;mso-line-height-rule:
exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
<span>&#160;</span>
</td>
</tr>
</tbody>
</table>

</td>
</tr>
</tbody>
</table>

<table id="u_content_text_3" class="u_content_text" style="font-


family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0"
cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-
family:arial,helvetica,sans-serif;" align="left">

<div class="v-text-align" style="color: #000000; line-height: 140%; text-align:


left; word-wrap: break-word;">
<p style="font-size: 14px; line-height: 140%; text-align: center;"><span
style="font-size: 16px; line-height: 22.4px; color: #ffffff;"><strong><span
style="line-height: 22.4px; font-size: 16px;">Coupon code: <span style="background-
color: #de0a5b; line-height: 22.4px; font-size:
16px;">CYBER25</span></span></strong></span></p>
</div>

</td>
</tr>
</tbody>
</table>

<table id="u_content_button_1" class="u_content_button" style="font-


family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0"
cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td style="overflow-wrap:break-word;word-break:break-word;padding:10px 10px
30px;font-family:arial,helvetica,sans-serif;" align="left">

<div class="v-text-align" align="center">


<!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"
style="border-spacing: 0; border-collapse: collapse; mso-table-lspace:0pt; mso-
table-rspace:0pt;font-family:arial,helvetica,sans-serif;"><tr><td class="v-text-
align" style="font-family:arial,helvetica,sans-serif;" align="center"><v:roundrect
xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-
com:office:word" href="" style="height:36px; v-text-anchor:middle; width:116px;"
arcsize="0%" stroke="f" fillcolor="#ed0673"><w:anchorlock/><center
style="color:#FFFFFF;font-family:arial,helvetica,sans-serif;"><![endif]-->
<a href="" target="_blank" class="v-size-width" style="box-sizing: border-
box;display: inline-block;font-family:arial,helvetica,sans-serif;text-decoration:
none;-webkit-text-size-adjust: none;text-align: center;color: #FFFFFF; background-
color: #ed0673; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius:
0px; width:auto; max-width:100%; overflow-wrap: break-word; word-break: break-word;
word-wrap:break-word; mso-border-alt: none;">
<span class="v-padding" style="display:block;padding:10px 20px;line-
height:120%;"><strong><span style="font-size: 14px; line-height: 16.8px;">SHOP
NOW</span></strong></span>
</a>
<!--[if mso]></center></v:roundrect></td></tr></table><![endif]-->
</div>

</td>
</tr>
</tbody>
</table>

<!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
</div>
</div>
<!--[if (mso)|(IE)]></td><![endif]-->
<!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
</div>
</div>
</div>

<div class="u-row-container" style="padding: 0px;background-color: transparent">


<div style="Margin: 0 auto;min-width: 320px;max-width: 640px;overflow-wrap:
break-word;word-wrap: break-word;word-break: break-word;background-color: #ffffff;"
class="u-row">
<div style="border-collapse: collapse;display: table;width: 100%;background-
color: #ffffff;">
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0"
border="0"><tr><td style="padding: 0px;background-color: transparent;"
align="center"><table cellpadding="0" cellspacing="0" border="0"
style="width:640px;"><tr style="background-color: #ffffff;"><![endif]-->

<!--[if (mso)|(IE)]><td align="center" width="640" style="width: 640px;padding:


10px 0px;border-top: 0px solid transparent;border-left: 0px solid
transparent;border-right: 0px solid transparent;border-bottom: 0px solid
transparent;" valign="top"><![endif]-->
<div class="u-col u-col-100" style="max-width: 320px;min-width: 640px;display:
table-cell;vertical-align: top;">
<div style="width: 100% !important;">
<!--[if (!mso)&(!IE)]><!--><div style="padding: 10px 0px;border-top: 0px solid
transparent;border-left: 0px solid transparent;border-right: 0px solid
transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->

<table id="u_content_text_4" class="u_content_text" style="font-


family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0"
cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td style="overflow-wrap:break-word;word-break:break-word;padding:10px;font-
family:arial,helvetica,sans-serif;" align="left">

<div class="v-text-align" style="color: #000000; line-height: 140%; text-align:


left; word-wrap: break-word;">
<p style="font-size: 14px; line-height: 140%; text-align: center;"><span
style="font-size: 18px; line-height: 25.2px;"><strong><span style="line-height:
25.2px; font-size: 18px;">Last day to save with our biggest online sale of the
year!</span></strong></span></p>
</div>

</td>
</tr>
</tbody>
</table>

<!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
</div>
</div>
<!--[if (mso)|(IE)]></td><![endif]-->
<!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
</div>
</div>
</div>

<div class="u-row-container" style="padding: 0px;background-color: transparent">


<div style="Margin: 0 auto;min-width: 320px;max-width: 640px;overflow-wrap:
break-word;word-wrap: break-word;word-break: break-word;background-color: #fdfdfd;"
class="u-row">
<div style="border-collapse: collapse;display: table;width: 100%;background-
color: #fdfdfd;">
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0"
border="0"><tr><td style="padding: 0px;background-color: transparent;"
align="center"><table cellpadding="0" cellspacing="0" border="0"
style="width:640px;"><tr style="background-color: #fdfdfd;"><![endif]-->

<!--[if (mso)|(IE)]><td align="center" width="640" style="width: 640px;padding:


0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-
right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><!
[endif]-->
<div class="u-col u-col-100" style="max-width: 320px;min-width: 640px;display:
table-cell;vertical-align: top;">
<div style="width: 100% !important;">
<!--[if (!mso)&(!IE)]><!--><div style="padding: 0px;border-top: 0px solid
transparent;border-left: 0px solid transparent;border-right: 0px solid
transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->

<table id="u_content_divider_2" class="u_content_divider" style="font-


family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0"
cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td style="overflow-wrap:break-word;word-break:break-word;padding:1px;font-
family:arial,helvetica,sans-serif;" align="left">

<table height="0px" align="center" border="0" cellpadding="0" cellspacing="0"


width="87%" style="border-collapse: collapse;table-layout: fixed;border-spacing:
0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;border-top: 1px
dashed #BBBBBB;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
<tbody>
<tr style="vertical-align: top">
<td style="word-break: break-word;border-collapse: collapse !
important;vertical-align: top;font-size: 0px;line-height: 0px;mso-line-height-rule:
exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%">
<span>&#160;</span>
</td>
</tr>
</tbody>
</table>

</td>
</tr>
</tbody>
</table>

<table id="u_content_text_5" class="u_content_text" style="font-


family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0"
cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td style="overflow-wrap:break-word;word-break:break-word;padding:15px
10px;font-family:arial,helvetica,sans-serif;" align="left">

<div class="v-text-align" style="color: #000000; line-height: 140%; text-align:


left; word-wrap: break-word;">
<p style="font-size: 14px; line-height: 140%; text-align: center;">If you have
any questions, please email us at <span style="color: #de0a5b; font-size: 14px;
line-height: 19.6px;"><strong>[email protected]</strong></span> or visit</p>
<p style="font-size: 14px; line-height: 140%; text-align: center;">our FAQs. You
can also chat with a real live human during our operating hours. </p>
</div>

</td>
</tr>
</tbody>
</table>

<!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
</div>
</div>
<!--[if (mso)|(IE)]></td><![endif]-->
<!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
</div>
</div>
</div>

<div class="u-row-container" style="padding: 0px 0px 16px;background-color:


transparent">
<div style="Margin: 0 auto;min-width: 320px;max-width: 640px;overflow-wrap:
break-word;word-wrap: break-word;word-break: break-word;background-color: #ffffff;"
class="u-row">
<div style="border-collapse: collapse;display: table;width: 100%;background-
color: #ffffff;">
<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0"
border="0"><tr><td style="padding: 0px 0px 16px;background-color: transparent;"
align="center"><table cellpadding="0" cellspacing="0" border="0"
style="width:640px;"><tr style="background-color: #ffffff;"><![endif]-->

<!--[if (mso)|(IE)]><td align="center" width="640" style="width: 640px;padding:


0px;border-top: 0px solid transparent;border-left: 0px solid transparent;border-
right: 0px solid transparent;border-bottom: 0px solid transparent;" valign="top"><!
[endif]-->
<div class="u-col u-col-100" style="max-width: 320px;min-width: 640px;display:
table-cell;vertical-align: top;">
<div style="width: 100% !important;">
<!--[if (!mso)&(!IE)]><!--><div style="padding: 0px;border-top: 0px solid
transparent;border-left: 0px solid transparent;border-right: 0px solid
transparent;border-bottom: 0px solid transparent;"><!--<![endif]-->

<table id="u_content_social_1" class="u_content_social" style="font-


family:arial,helvetica,sans-serif;" role="presentation" cellpadding="0"
cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td style="overflow-wrap:break-word;word-break:break-word;padding:10px 10px
16px;font-family:arial,helvetica,sans-serif;" align="left">

<div align="center">
<div style="display: table; max-width:155px;">
<!--[if (mso)|(IE)]><table width="155" cellpadding="0" cellspacing="0"
border="0"><tr><td style="border-collapse:collapse;" align="center"><table
width="100%" cellpadding="0" cellspacing="0" border="0" style="border-
collapse:collapse; mso-table-lspace: 0pt;mso-table-rspace: 0pt;
width:155px;"><tr><![endif]-->

<!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 20px;"


valign="top"><![endif]-->
<table align="left" border="0" cellspacing="0" cellpadding="0" width="32"
height="32" style="border-collapse: collapse;table-layout: fixed;border-spacing:
0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;Margin-right:
20px">
<tbody><tr style="vertical-align: top"><td align="left" valign="middle"
style="word-break: break-word;border-collapse: collapse !important;vertical-align:
top">
<a href="https://facebook.com/" title="Facebook" target="_blank">
<img
src="https://cdn.tools.unlayer.com/social/icons/squared/facebook.png"
alt="Facebook" title="Facebook" width="32" style="outline: none;text-decoration:
none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border:
none;height: auto;float: none;max-width: 32px !important">
</a>
</td></tr>
</tbody></table>
<!--[if (mso)|(IE)]></td><![endif]-->

<!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 20px;"


valign="top"><![endif]-->
<table align="left" border="0" cellspacing="0" cellpadding="0" width="32"
height="32" style="border-collapse: collapse;table-layout: fixed;border-spacing:
0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;Margin-right:
20px">
<tbody><tr style="vertical-align: top"><td align="left" valign="middle"
style="word-break: break-word;border-collapse: collapse !important;vertical-align:
top">
<a href="https://twitter.com/" title="Twitter" target="_blank">
<img src="https://cdn.tools.unlayer.com/social/icons/squared/twitter.png"
alt="Twitter" title="Twitter" width="32" style="outline: none;text-decoration:
none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border:
none;height: auto;float: none;max-width: 32px !important">
</a>
</td></tr>
</tbody></table>
<!--[if (mso)|(IE)]></td><![endif]-->

<!--[if (mso)|(IE)]><td width="32" style="width:32px; padding-right: 0px;"


valign="top"><![endif]-->
<table align="left" border="0" cellspacing="0" cellpadding="0" width="32"
height="32" style="border-collapse: collapse;table-layout: fixed;border-spacing:
0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;vertical-align: top;Margin-right:
0px">
<tbody><tr style="vertical-align: top"><td align="left" valign="middle"
style="word-break: break-word;border-collapse: collapse !important;vertical-align:
top">
<a href="https://instagram.com/" title="Instagram" target="_blank">
<img
src="https://cdn.tools.unlayer.com/social/icons/squared/instagram.png"
alt="Instagram" title="Instagram" width="32" style="outline: none;text-decoration:
none;-ms-interpolation-mode: bicubic;clear: both;display: block !important;border:
none;height: auto;float: none;max-width: 32px !important">
</a>
</td></tr>
</tbody></table>
<!--[if (mso)|(IE)]></td><![endif]-->
<!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
</div>
</div>

</td>
</tr>
</tbody>
</table>

<!--[if (!mso)&(!IE)]><!--></div><!--<![endif]-->
</div>
</div>
<!--[if (mso)|(IE)]></td><![endif]-->
<!--[if (mso)|(IE)]></tr></table></td></tr></table><![endif]-->
</div>
</div>
</div>

<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
</td>
</tr>
</tbody>
</table>
<!--[if (mso)|(IE)]></div><![endif]-->
</body>

</html>

You might also like