Inboxes

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<!-- Set Email Description -->
<!-- End of Email Description -->
<!DOCTYPE html>
<html lang="en" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882" xmlns:mso="urn:schemas-microsoft-com:office:office">
 <head>
  <title>
   Welcome
  </title>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="width=device-width, initial-scale=1" name="viewport"/>
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <link href="https://fonts.googleapis.com/css?family=Lato:400,700,300" rel="stylesheet" type="text/css"/>
  <style type="text/css">
   body
        {
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%;
            margin: 0;
            padding: 0;
        }
        *
        {
            margin: 0;
            padding: 0;
            font-family: 'Lato', Helvetica, Arial, sans-serif;
        }
        h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited, h4, h5, h6, .t_cht
        {
            color: #000 !important;
            line-height: 100%;
        }
        img
        {
            outline: none;
            text-decoration: none;
            border: none;
            -ms-interpolation-mode: bicubic;
        }
        table td
        {
            border-collapse: collapse;
        }
        table
        {
            border-collapse: collapse;
            mso-table-lspace: 0pt;
            mso-table-rspace: 0pt;
        }
        p
        {
            margin: 0px 0px;
        }
        .header-text
        {
            font-family: Lato;
            color: #333333;
            font-size: 14px;
            line-height: 27px;
        }
        .office-address
        {
            padding: 0 93px 0 90px;
        }
        a
        {
            color: #00ace7;
        }
        .small-text
        {
            font-family: Lato;
            color: #333333;
            font-size: 9px;
            font-weight: 300;
            line-height: 12px;
        }
        .shop-now-container
        {
            border-bottom: 1px solid #ebebeb;
            margin: 40px 0 !important;
        }
        .header-links .cms-link a, .header-links .cms-link a span
        {
			line-height: 16px !important;
		}
        .social-media-container
        {
            padding: 20px 93px 39px 90px;
        }
        .social-media-img
        {
            padding: 0 19px 0 0;
        }
        .footer-container
        {
            padding: 5px 0 40px 0;
        }
        .header-links td
        {
			height: 50px !important;
		}
		.header-links .scene7-img
		{
			padding-right: 7px !important;
		}
        .mobile-show
        {
            display: none;
        }
        .devicewidth
        {
            width: 860px;
        }
        @media screen and (max-width: 767px)
        {
            body
            {
                padding: 0 0 !important;
            }
            .devicewidth
            {
                width: 100% !important;
            }
            .view-all-link
            {
                font-size: 14px !important;
                color: #333333 !important;
            }
            .logo img
            {
				margin-left: 5px !important;
                padding: 22px 10px 23px 8px;
            }
            .mobile-hide
            {
                display: none !important;
            }
            .mobile-show
            {
                display: block !important;
            }
            .heading
            {
                font-size: 19px !important;
                line-height: 25px !important;
                padding: 35px 0 !important;
            }
            .mail-content-container
            {
                padding: 19px 40px 25px 0;
            }
            .office-address
            {
                padding: 0 35px 0 0;
            }
            .yellow-btn
            {
                width: 100%;
                background-image: none;
                padding-left: 0;                
            }
            .shop-now-container
            {
                margin: 10px 0 20px 0 !important;
                width: 100%;
                border: none;
            }
            .social-media-container
            {
                width: 100%;
                margin: 30px 0 12px 0 !important;
            }
            .social-media-container .scene7-img
            {
				text-align: center;
				padding: 0 !important;
			}
			.social-media-container .scene7-img img
			{
				height: 30px;
				margin: 0 auto !important;
			}
            .social-media-img
            {
                padding: 0 28px 0 0;
                height: 22px;
            }
            .mobile-gutter
            {
				padding-left: 10px !important;
				padding-right: 10px !important;
			}
            .footer-container
            {
                padding: 5px 0 20px 0;
            }
            .item-row-details
            {
            	margin-top: 0 !important;
            }
             .img-banner img
            {
            	max-width: 100% !important;
            }
            .img-banner td
            {
            	padding: 0 !important;
            }
        }
        @media screen and (max-width: 359px)
        {
			.view-all-link-wrap
            {
				padding-right: 10px !important;
            }
			.logo img{
				padding: 22px 0 23px 5px !important;
			}
		}
  </style>
  <!--[if mso]>
<style type="text/css">
h1,h2,h3,h4,h5,h6,p,a,span,td,strong{font-family: Helvetica, Arial, Verdana, sans-serif !important;}
</style>
<![endif]-->
 </head>
 <body style="font-family: 'Lato', Helvetica, Arial, sans-serif; margin: 0 auto; padding: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;">
  <div class="mobile-hide" style="letter-spacing: 856px; line-height: 0; mso-hide: all">
  </div>
  <!-- HEADER -->
  <table align="left" bgcolor="white" border="0" cellpadding="0" cellspacing="0" id="backgroundTable" st-bgcolor="edit" st-sortable="preheader" style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
   <tbody style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
    <tr class="mobile-hide" style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
     <td style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;">
      <table border="0" cellpadding="0" cellspacing="0" class="devicewidth" height="50" style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 860px;">
       <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
        <td bgcolor="#f3f3f3" height="50" style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;" width="100%">
         <!-- HIDDEN PREHEADER TEXT -->
         <table align="right" border="0" cellpadding="0" cellspacing="0" height="50" style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;">
          <!-- LOGO/PREHEADER TEXT -->
          <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
           <td class="mobile-hide" style="padding: 0; line-height: 50px; vertical-align: middle; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;" valign="middle">
            <table border="0" cellpadding="0" cellspacing="0" class="header-links" height="50" style="float: right; margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;">
             <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
              <td class="scene7-img" style="margin: 0; height: 18px; padding: 0 15px 0 0; border-collapse: collapse;">
               <a style="margin: 0; padding: 0; color: #00ace7;" target="_blank">
                <img alt="Your Account" height="${ctx.height}" src="https://inboxflows.com/_/image/https%253A%252F%252Fs7g10.scene7.com%252Fis%252Fimage%252FPangaea2Build%252FIC_Account_Email%2520/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzN2cxMC5zY2VuZSJ9:1kXPOT:Be5jUDOuOBjfxfQJ0y3aSTh9qU7RS9rmeywhheJZOGI" style="display: block;" title="${ctx.imageTitle}" width=""/>
               </a>
              </td>
              <td align="left" class="cms-link" style="padding: 0 34px 0 0; font-family: Helvetica, Arial, sans-serif; margin: 0; border-collapse: collapse; white-space: nowrap;" valign="middle">
               <a class="header-text" style="font-size: 14px; font-weight: 300; font-family: Helvetica, Arial, sans-serif; text-decoration: none; margin: 0; padding: 0; color: #333333; line-height: 27px;">
                <span class="header-text" style="font-family: 'Lato', Helvetica, Arial, sans-serif !important; margin: 0; padding: 0; color: #333333; font-size: 14px; line-height:27px;">
                 Your Account
                </span>
               </a>
              </td>
              <td class="scene7-img" style="margin: 0; height: 18px; padding: 0 15px 0 0; border-collapse: collapse;">
               <a style="margin: 0; padding: 0; color: #00ace7;" target="_blank">
                <img alt="Help &amp; Info" height="${ctx.height}" src="https://inboxflows.com/_/image/https%253A%252F%252Fs7g10.scene7.com%252Fis%252Fimage%252FPangaea2Build%252FIC_HelpIcon_Email/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzN2cxMC5zY2VuZSJ9:1kXPOT:Be5jUDOuOBjfxfQJ0y3aSTh9qU7RS9rmeywhheJZOGI" style="display: block;" title="${ctx.imageTitle}" width=""/>
               </a>
              </td>
              <td align="left" class="cms-link" style="padding: 0 34px 0 0; font-family: Helvetica, Arial, sans-serif; margin: 0; border-collapse: collapse; white-space: nowrap;" valign="middle">
               <a class="header-text" style="font-size: 14px; font-weight: 300; font-family: Helvetica, Arial, sans-serif; text-decoration: none; margin: 0; padding: 0; color: #333333; line-height: 27px;">
                <span class="header-text" style="font-family: 'Lato', Helvetica, Arial, sans-serif !important; margin: 0; padding: 0; color: #333333; font-size: 14px; line-height:27px;">
                 Help &amp; Info
                </span>
               </a>
              </td>
             </tr>
            </table>
           </td>
          </tr>
         </table>
        </td>
       </tr>
      </table>
     </td>
    </tr>
    <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
     <td style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;">
      <table border="0" cellpadding="0" cellspacing="0" class="devicewidth" style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 860px;">
       <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
        <td style="border-bottom: 1px solid #ebebeb; margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;">
         <table align="left" border="0" cellpadding="0" cellspacing="0" style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
          <tr class="logo" style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
           <td class="scene7-img" style="margin: 0; height: 18px; padding: 0 15px 0 0; border-collapse: collapse;">
            <a style="margin: 0; padding: 0; color: #00ace7;" target="_blank">
             <img alt="Clarks" height="${ctx.height}" src="https://inboxflows.com/_/image/https%253A%252F%252Fs7g10.scene7.com%252Fis%252Fimage%252FPangaea2Build%252Flogo%253F%2524Original%2524/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzN2cxMC5zY2VuZSJ9:1kXPOT:Be5jUDOuOBjfxfQJ0y3aSTh9qU7RS9rmeywhheJZOGI" style="display: block;" title="${ctx.imageTitle}" width=""/>
            </a>
           </td>
           <td align="left" class="mobile-show" style="margin: 0; display: none; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;" width="100%">
            <a class="view-all-link-wrap" style="color: #333333; text-decoration: none; font-family: 'Lato', Helvetica, Arial, sans-serif !important; font-size: 13px; padding: 30px 39px 23px 0; float: right; margin: 0;" target="_blank">
             <span class="view-all-link" style="font-family: 'Lato', Helvetica, Arial, sans-serif !important; text-transform: uppercase; margin: 0; padding: 0; color: #fff; font-size: 0; line-height: 20px; ">
              View all DEPARTMENTS
             </span>
            </a>
           </td>
           <td align="left" class="mobile-hide" style="padding: 0; height: 75px; margin: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;">
            <table align="right" style="height: 75px; margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;">
             <tr style="height: 75px; margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
              <td align="left" class="cms-link" style="padding: 0 34px 0 0; font-family: Helvetica, Arial, sans-serif; margin: 0; border-collapse: collapse; white-space: nowrap;" valign="middle">
               <a class="header-text" style="font-size: 14px; font-weight: 300; font-family: Helvetica, Arial, sans-serif; text-decoration: none; margin: 0; padding: 0; color: #333333; line-height: 27px;">
                <span class="header-text" style="font-family: 'Lato', Helvetica, Arial, sans-serif !important; margin: 0; padding: 0; color: #333333; font-size: 14px; line-height:27px;">
                 WOMENS
                </span>
               </a>
              </td>
              <td align="left" class="cms-link" style="padding: 0 34px 0 0; font-family: Helvetica, Arial, sans-serif; margin: 0; border-collapse: collapse; white-space: nowrap;" valign="middle">
               <a class="header-text" style="font-size: 14px; font-weight: 300; font-family: Helvetica, Arial, sans-serif; text-decoration: none; margin: 0; padding: 0; color: #333333; line-height: 27px;">
                <span class="header-text" style="font-family: 'Lato', Helvetica, Arial, sans-serif !important; margin: 0; padding: 0; color: #333333; font-size: 14px; line-height:27px;">
                 MENS
                </span>
               </a>
              </td>
              <td align="left" class="cms-link" style="padding: 0 34px 0 0; font-family: Helvetica, Arial, sans-serif; margin: 0; border-collapse: collapse; white-space: nowrap;" valign="middle">
               <a class="header-text" style="font-size: 14px; font-weight: 300; font-family: Helvetica, Arial, sans-serif; text-decoration: none; margin: 0; padding: 0; color: #333333; line-height: 27px;">
                <span class="header-text" style="font-family: 'Lato', Helvetica, Arial, sans-serif !important; margin: 0; padding: 0; color: #333333; font-size: 14px; line-height:27px;">
                 KIDS
                </span>
               </a>
              </td>
              <td align="left" class="cms-link" style="padding: 0 34px 0 0; font-family: Helvetica, Arial, sans-serif; margin: 0; border-collapse: collapse; white-space: nowrap;" valign="middle">
               <a class="header-text" style="font-size: 14px; font-weight: 300; font-family: Helvetica, Arial, sans-serif; text-decoration: none; margin: 0; padding: 0; color: #333333; line-height: 27px;">
                <span class="header-text" style="font-family: 'Lato', Helvetica, Arial, sans-serif !important; margin: 0; padding: 0; color: #333333; font-size: 14px; line-height:27px;">
                 ORIGINALS
                </span>
               </a>
              </td>
             </tr>
            </table>
           </td>
          </tr>
         </table>
        </td>
       </tr>
      </table>
     </td>
    </tr>
   </tbody>
  </table>
  <!-- HEADING -->
  <table bgcolor="white" border="0" cellpadding="0" cellspacing="0" id="Table1" st-bgcolor="edit" st-sortable="preheader" style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
   <tbody style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
    <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
     <td style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;">
      <table border="0" cellpadding="0" cellspacing="0" class="devicewidth" style="border-bottom: 1px solid #ebebeb; margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 860px;">
       <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
        <td class="mobile-gutter" height="90" style="vertical-align: middle; font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; border-collapse: collapse;" valign="middle">
         <span class="heading" style="font-family: 'Lato', Helvetica, Arial, sans-serif !important; margin: 0; padding: 20px 0; color: #666666; font-size: 24px; font-weight: 300; line-height: 30px; letter-spacing: 1.2px; float: left; vertical-align: middle; text-align: left; text-transform: uppercase">
          You'll be one of the first to hear about our latest styles and special offers.
         </span>
        </td>
       </tr>
      </table>
     </td>
    </tr>
   </tbody>
  </table>
  <!-- Mail Content -->
  <table align="left" bgcolor="white" border="0" cellpadding="0" cellspacing="0" id="Table2" st-bgcolor="edit" st-sortable="preheader" style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
   <tbody style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
    <tr>
     <td class="mobile-gutter" style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;">
      <table border="0" cellpadding="0" cellspacing="0" class="devicewidth mail-content-container" style="font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 860px;">
       <!-- WCMS Header Content Slot-->
       <tr style="margin: 0; padding: 0;">
        <td align="left" style="margin: 0; padding:25px 0 0; height:0; line-height:0;border-collapse: collapse;">
        </td>
       </tr>
       <tr class="img-banner" style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
       </tr>
       <!-- Email Body Start-->
       <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
        <td style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; ">
         <p class="mail-content" style="color: #333333; font-size: 14px; font-weight: 300; line-height: 24px; margin-top: 35px; margin-bottom: 20px; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
          Dear  guest
         </p>
        </td>
       </tr>
       <tr style='margin: 0px; padding: 0px; font-family: "Lato", Helvetica, Arial, sans-serif;'>
        <td style='margin: 0px; padding: 0px; font-family: "Lato", Helvetica, Arial, sans-serif; border-collapse: collapse;'>
         <p class="mail-content" style='padding: 0px; color: rgb(51, 51, 51); line-height: 24px; font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300; margin-bottom: 20px;'>
          Thank you for signing up to Clarks emails.
         </p>
        </td>
       </tr>
       <tr style='margin: 0px; padding: 0px; font-family: "Lato", Helvetica, Arial, sans-serif;'>
        <td style='margin: 0px; padding: 0px; font-family: "Lato", Helvetica, Arial, sans-serif; border-collapse: collapse;'>
         <p class="mail-content" style='padding: 0px; color: rgb(51, 51, 51); line-height: 24px; font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300; margin-bottom: 20px;'>
          Now you'll be one of the first to hear about our latest styles,  special offers, sales and competitions.
         </p>
        </td>
       </tr>
       <tr style='margin: 0px; padding: 0px; font-family: "Lato", Helvetica, Arial, sans-serif;'>
        <td style='margin: 0px; padding: 0px; font-family: "Lato", Helvetica, Arial, sans-serif; border-collapse: collapse;'>
         <p class="mail-content" style='padding: 0px; color: rgb(51, 51, 51); line-height: 24px; font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300; margin-bottom: 20px;'>
          On Clarks.co.uk you'll find our entire range of women's, men's and kid's footwear, including our heritage Clarks Originals and high performance sports styles.
         </p>
        </td>
       </tr>
       <tr style='margin: 0px; padding: 0px; font-family: "Lato", Helvetica, Arial, sans-serif;'>
        <td style='margin: 0px; padding: 0px; font-family: "Lato", Helvetica, Arial, sans-serif; border-collapse: collapse;'>
         <p class="mail-content" style='padding: 0px; color: rgb(51, 51, 51); line-height: 24px; font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300; margin-bottom: 20px;'>
          With flexible delivery options and free returns on everything,  shopping online with Clarks is simple, secure and designed to suit you.
         </p>
        </td>
       </tr>
       <tr style='margin: 0px; padding: 0px; font-family: "Lato", Helvetica, Arial, sans-serif;'>
        <td style='margin: 0px; padding: 0px; font-family: "Lato", Helvetica, Arial, sans-serif; border-collapse: collapse;'>
         <p class="mail-content" style='padding: 0px; color: rgb(51, 51, 51); line-height: 24px; font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 300; margin-bottom: 20px;'>
          We hope you enjoy shopping with us
         </p>
        </td>
       </tr>
       <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
        <td style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;">
         <p class="mail-content" style="font-family: 'Lato', Helvetica, Arial, sans-serif !important; color: #333333; font-size: 14px; font-weight: 300; line-height: 24px; margin: 0px 0px; margin-bottom: 20px; padding: 0;">
          If you have any questions or queries regarding the Clarks website please take a look at our
          <a style="color: #00ace7 !important; text-decoration: none; margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
           FAQ pages
          </a>
          ,
          <br/>
          get in touch via the
          <a style="color: #00ace7 !important; text-decoration: none; margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
           Contact Us
          </a>
          page or call our Customer Care team on 01458 899904. Lines are open
          <br/>
          Monday to Friday 8.30am to 8.00pm, Saturday 8.30am - 6.00pm and Sundays 10.00am - 4.00pm. On Bank Holidays you can call us between 10.00am and 2.00pm.
         </p>
        </td>
       </tr>
       <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
        <td style="font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; border-collapse: collapse;">
         <p class="mail-content" style="font-family: 'Lato', Helvetica, Arial, sans-serif !important; color: #333333; font-size: 14px; font-weight: 300; line-height: 24px; margin: 0; margin-bottom: 20px; padding: 0;">
          Please do not reply as this address does not accept incoming emails.
         </p>
        </td>
       </tr>
       <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
        <td style="font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; border-collapse: collapse;">
         <p class="mail-content" style="font-family: 'Lato', Helvetica, Arial, sans-serif !important; color: #333333; font-size: 14px; font-weight: 300; line-height: 24px; margin: 0; padding-bottom: 5px; padding: 0;">
          Clarks Customer Care Team
         </p>
        </td>
       </tr>
       <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
        <td style="font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0 0 10px; border-collapse: collapse;">
         <p class="mail-content" style="font-family: 'Lato', Helvetica, Arial, sans-serif !important; font-size: 14px; font-weight: 300; line-height: 24px; margin: 0; padding-bottom: 0; padding: 0;">
          <a style="color: #00ace7; text-decoration: none; margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
           www.clarks.co.uk
          </a>
         </p>
        </td>
       </tr>
      </table>
     </td>
    </tr>
   </tbody>
  </table>
  <!-- Office address -->
  <div class="content">
   <table bgcolor="white" border="0" cellpadding="0" cellspacing="0" id="Table4" st-bgcolor="edit" st-sortable="preheader" style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
    <tbody style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
     <tr>
      <td class="mobile-gutter" style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;">
       <table border="0" cellpadding="0" cellspacing="0" class="devicewidth office-address" style="margin: 10px 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 860px;">
        <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
         <td style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;">
          <p class="small-text" style="font-family: 'Lato', Helvetica, Arial, sans-serif !important; color: #333333; font-size: 9px; font-weight: 300; margin: 0">
           C. &amp; J. Clarks international Limited Trading as Clarks
          </p>
         </td>
        </tr>
        <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
         <td style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;">
          <p class="small-text" style="font-family: 'Lato', Helvetica, Arial, sans-serif !important; color: #333333; font-size: 9px; font-weight: 300; margin: 0">
           Registered in England number 121015
          </p>
         </td>
        </tr>
        <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
         <td style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;">
          <p class="small-text" style="font-family: 'Lato', Helvetica, Arial, sans-serif !important; color: #333333; font-size: 9px; font-weight: 300; margin: 0">
           Registered office 40 High Street, Street, Somerset, BA16 0EQ. England
          </p>
         </td>
        </tr>
       </table>
      </td>
     </tr>
    </tbody>
   </table>
  </div>
  <!-- Social media content -->
  <table bgcolor="white" border="0" cellpadding="0" cellspacing="0" id="Table6" st-bgcolor="edit" st-sortable="preheader" style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
   <tbody style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
    <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
     <td class="mobile-gutter" style="margin: 0; padding: 15px 0 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;">
      <table border="0" cellpadding="0" cellspacing="0" class="devicewidth office-address" style="margin: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 860px;">
       <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
        <td style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;">
         <table align="left" border="0" cellpadding="0" cellspacing="0" class="social-media-container" style="font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;">
          <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
           <td class="scene7-img" style="margin: 0; height: 18px; padding: 0 15px 0 0; border-collapse: collapse;">
            <a style="margin: 0; padding: 0; color: #00ace7;" target="_blank">
             <img alt="facebook" height="${ctx.height}" src="https://inboxflows.com/_/image/https%253A%252F%252Fs7g10.scene7.com%252Fis%252Fimage%252FPangaea2Build%252FIC_Facebook_Email/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzN2cxMC5zY2VuZSJ9:1kXPOT:Be5jUDOuOBjfxfQJ0y3aSTh9qU7RS9rmeywhheJZOGI" style="display: block;" title="facebook" width=""/>
            </a>
           </td>
           <td class="scene7-img" style="margin: 0; height: 18px; padding: 0 15px 0 0; border-collapse: collapse;">
            <a style="margin: 0; padding: 0; color: #00ace7;" target="_blank">
             <img alt="twitter" height="${ctx.height}" src="https://inboxflows.com/_/image/https%253A%252F%252Fs7g10.scene7.com%252Fis%252Fimage%252FPangaea2Build%252FIC_Twitter_Email/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzN2cxMC5zY2VuZSJ9:1kXPOT:Be5jUDOuOBjfxfQJ0y3aSTh9qU7RS9rmeywhheJZOGI" style="display: block;" title="twitter" width=""/>
            </a>
           </td>
           <td class="scene7-img" style="margin: 0; height: 18px; padding: 0 15px 0 0; border-collapse: collapse;">
            <a style="margin: 0; padding: 0; color: #00ace7;" target="_blank">
             <img alt="instagram" height="${ctx.height}" src="https://inboxflows.com/_/image/https%253A%252F%252Fs7g10.scene7.com%252Fis%252Fimage%252FPangaea2Build%252FIC_Instagram_Email/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzN2cxMC5zY2VuZSJ9:1kXPOT:Be5jUDOuOBjfxfQJ0y3aSTh9qU7RS9rmeywhheJZOGI" style="display: block;" title="instagram" width=""/>
            </a>
           </td>
           <td class="scene7-img" style="margin: 0; height: 18px; padding: 0 15px 0 0; border-collapse: collapse;">
            <a style="margin: 0; padding: 0; color: #00ace7;" target="_blank">
             <img alt="pinterest" height="${ctx.height}" src="https://inboxflows.com/_/image/https%253A%252F%252Fs7g10.scene7.com%252Fis%252Fimage%252FPangaea2Build%252FIC_Pinterest_Email/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzN2cxMC5zY2VuZSJ9:1kXPOT:Be5jUDOuOBjfxfQJ0y3aSTh9qU7RS9rmeywhheJZOGI" style="display: block;" title="pinterest" width=""/>
            </a>
           </td>
           <td class="scene7-img" style="margin: 0; height: 18px; padding: 0 15px 0 0; border-collapse: collapse;">
            <a style="margin: 0; padding: 0; color: #00ace7;" target="_blank">
             <img alt="youtube" height="${ctx.height}" src="https://inboxflows.com/_/image/https%253A%252F%252Fs7g10.scene7.com%252Fis%252Fimage%252FPangaea2Build%252FIC_Youtube_Email/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzN2cxMC5zY2VuZSJ9:1kXPOT:Be5jUDOuOBjfxfQJ0y3aSTh9qU7RS9rmeywhheJZOGI" style="display: block;" title="youtube" width=""/>
            </a>
           </td>
          </tr>
         </table>
        </td>
       </tr>
      </table>
     </td>
    </tr>
   </tbody>
  </table>
  <!-- Shop now container -->
  <!-- Shop now container -->
  <table bgcolor="white" border="0" cellpadding="0" cellspacing="0" id="Table5" st-bgcolor="edit" st-sortable="preheader" style="margin-bottom: 10px; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
   <tbody style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
    <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
     <td style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;">
      <table border="0" cellpadding="0" cellspacing="0" class="devicewidth office-address" style="margin: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 860px;">
       <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
        <td class="mobile-gutter" style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;">
         <div class="content">
          <table bgcolor="white" border="0" cellpadding="0" cellspacing="0" id="Table5" st-bgcolor="edit" st-sortable="preheader" style="margin-bottom: 10px; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;" width="100%">
           <tbody style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
            <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
             <td style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;">
              <table border="0" cellpadding="0" cellspacing="0" class="devicewidth office-address" style="margin: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 860px;">
               <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
                <td class="mobile-gutter" style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;">
                 <table align="left" border="0" cellpadding="0" cellspacing="0" class="shop-now-container" height="40" style="margin-top: 30px; margin-bottom: 10px; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse;">
                  <tr style="background-color: #f4bc26; text-align: center" valign="middle">
                   <td class="mobile-hide" style="margin: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; padding: 0 7px 0 15px;" valign="middle">
                    <a class="yellow-btn" style="text-decoration: none; color: #574410; font-size: 14px; font-weight: 400; text-align: center; font-family: 'Lato', Helvetica, Arial, sans-serif;">
                     <img alt="Shopping Bag" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fs7g10.scene7.com%252Fis%252Fimage%252FPangaea2Build%252Fshopping-bag-empty%253F%2524Original%2524/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzN2cxMC5zY2VuZSJ9:1kXPOT:Be5jUDOuOBjfxfQJ0y3aSTh9qU7RS9rmeywhheJZOGI" style="display: block; margin: 0; padding: 0; outline: none; text-decoration: none; border: none; -ms-interpolation-mode: bicubic;" width="20"/>
                    </a>
                   </td>
                   <td style="height: 40px; text-align: center; margin: 0; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; padding: 0 15px 0 7px" valign="middle">
                    <a class="yellow-btn" style="text-decoration: none; color: #574410; font-size: 14px; font-weight: 400; text-align: center; font-family: 'Lato', Helvetica, Arial, sans-serif;">
                     <span style="text-transform: uppercase; margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
                      SHOP now
                     </span>
                    </a>
                   </td>
                  </tr>
                 </table>
                </td>
               </tr>
              </table>
             </td>
            </tr>
           </tbody>
          </table>
         </div>
        </td>
       </tr>
      </table>
     </td>
    </tr>
   </tbody>
  </table>
  <!-- Marketing Component -->
  <!-- Footer -->
  <div class="content">
   <table bgcolor="white" border="0" cellpadding="0" cellspacing="0" class="devicewidth" id="Table3" st-bgcolor="edit" st-sortable="preheader" style="font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt;width: 860px;">
    <tbody style="font-family: 'Lato', Helvetica, Arial, sans-serif;">
     <tr style="font-family: 'Lato', Helvetica, Arial, sans-serif;">
      <td class="mobile-gutter" style="padding-top: 15px; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: collapse; border-top: 1px solid #ebebeb;">
       <table cellpadding="0" cellspacing="0" class="devicewidth footer-container" style="padding-top: 0px; font-family: 'Lato', Helvetica, Arial, sans-serif; border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 860px;">
        <tbody>
         <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
         </tr>
         <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
          <td style="font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; border-collapse: collapse;">
           <p class="small-text" style="font-family: 'Lato', Helvetica, Arial, sans-serif !important; color: #333333; font-size: 9px; font-weight: 300;">
            This email, and any files transmitted with it, is intended solely for the use of the recipient(s) to whom it is addressed and may contain confidential information. If you are not intended recipient, please notify the sender immediately and delete the record from your computer or other device as its contents may be confidential and its disclosure, copying or distribution unlawful.
           </p>
          </td>
         </tr>
         <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
          <td style="font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; border-collapse: collapse;">
           <p class="small-text" style="font-family: 'Lato', Helvetica, Arial, sans-serif !important; color: #333333; font-size: 9px; font-weight: 300; margin-top: 10px;">
            Clarks takes precautions to prevent the transmission of electronic viruses but responsibility for screening incoming messages, and the risk of such transmission, lies with the recipient
           </p>
          </td>
         </tr>
         <tr style="margin: 0; padding: 0; font-family: 'Lato', Helvetica, Arial, sans-serif;">
          <td style="font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; border-collapse: collapse;">
           <p class="small-text" style="font-family: 'Lato', Helvetica, Arial, sans-serif !important; color: #333333; font-size: 9px; font-weight: 300; margin-top: 10px;">
            Clarks, Registered in England number 141015. Registered office 40 High Street,Street, Somerset. BA16 0EQ. Where the term Clarks appears it refers to C&amp;J Clark Limited. C&amp;J Clark International Limited. The Clarks companies N.A.its Subsidaries and Associate Companies.
           </p>
          </td>
         </tr>
        </tbody>
       </table>
      </td>
     </tr>
    </tbody>
   </table>
  </div>
 </body>
</html>