Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
 <head>
  <meta charset="utf-8"/>
  <meta content="width=device-width" name="viewport"/>
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <meta name="x-apple-disable-message-reformatting"/>
  <meta content="telephone=no" name="format-detection"/>
  <meta content="date=no" name="format-detection"/>
  <title>
   Liberty London
  </title>
  <style type="text/css">
   @import url(https://inboxflows.com/_/image/http%253A%252F%252Ffonts.googleapis.com%252Fcss%253Ffamily%253DLato%253A400%252C700%252C900/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmZvbnRzLmdvb2dsZSJ9:1kXPO4:b_xX0INOmJUEhl5EwnqjBu-Mb88R4PMO-BFvo1EUH5Y);

            /* Resets and client fixes */
            body { width: 100% !important; -webkit-text-size-adjust: none; margin: 0; padding: 0; }     
            #outlook a { padding: 0; }
            .ReadMsgBody { width: 100%; }
            .ExternalClass { width: 100%; } 
            .backgroundTable { margin: 0 auto; padding: 0; width: 100% !important; }
            table {   border-collapse: collapse; }
            table td { border-collapse: collapse; }
            .ExternalClass * { line-height: 115%; }
            p { margin: 0; padding: 0; }
            img { border: none; display: block; }    
            /* End reset */

            .textCtaHover {
                border-bottom: 1px solid transparent;
                -webkit-transition: all 300ms ease;
                transition: all 300ms ease;
            }

            .textCtaHover:hover {
                border-bottom: 1px solid #000000;
            }

            .buttonHover {
                -webkit-transition: all 300ms ease;
                transition: all 300ms ease;
            }

            .buttonHover:hover {
                background-color: #000000;
            }

            .buttonHover span {
                -webkit-transition: all 300ms ease;
                transition: all 300ms ease;
            }

            .buttonHover:hover span {
                color: #ffffff !important;
            } 

            .buttonHoverWhite:hover span {
                text-decoration: underline;
            }        

            @media screen and ( max-width: 640px ) and (-webkit-min-device-pixel-ratio: 0) {

                /* Display block allows us to stack elements */                      
                *[class="mobileColumn"] {
                    display: block;
                    width: 100% !important;
                }

                *[class="mobileColumnHeightCollapse"] {
                    display: block;             
                    width: 100% !important;
                    height: auto !important;
                    padding: 0 !important;
                }   

                *[class="heightCollapseCenterTxt"] {
                    display: block;
                    height: auto !important;
                    width: auto !important;
                    text-align: center !important;
                    padding: 0 !important;
                }

                *[class="collapse"] {
                    height: 0 !important;
                }

                *[class="heightCollapse"] {
                    height: auto !important;
                }

                /* Hide stuff */
                *[class="hide"] {
                    display: none !important;
                    font-size: 0 !important;
                    height: 0 !important;
                    width: 0 !important;
                    overflow: hidden;
                }

                /* Sets elements to 100% width */
                *[class="fullWidth"] {
                    width: 100% !important;
                    height: auto !important;
                    min-width: 0px !important;
                }

                *[class="halfWidth"] {
                    width: 50% !important;
                    height: auto !important;
                    min-width: 0px !important;
                }

                *[class="quarterWidth"] {
                    width: 25% !important;
                    height: auto !important;
                    min-width: 0px !important;
                }

                *[class="threeQuarterWidth"] {
                    width: 75% !important;
                    height: auto !important;
                    min-width: 0px !important;
                }

                *[class="fortyPercentWidth"] {
                    width: 40% !important;
                    height: auto !important;
                    min-width: 0px !important;
                }

                *[class="sixtyPercentWidth"] {
                    width: 60% !important;
                    height: auto !important;
                    min-width: 0px !important;
                }

                *[class="halfSideBanner"] {
                    width: 96% !important;
                    min-width: 0 !important;
                    height: auto !important;
                }

                *[class="ninetyPercentWidth"] {
                    width: 90% !important;
                    height: auto !important;
                    min-width: 0px !important;
                }

                /* Center content */
                *[class="center"] {
                    text-align: center !important;
                    width: 100% !important;
                    height: auto !important;
                }

                /* Row spacers */
                *[class="mblSpacer"] {
                    height: 10px !important;
                    width: 100% !important;
                }

                *[class="medMblSpacer"] {
                    height: 15px !important;
                    width: 100% !important;
                }

                *[class="lrgMblSpacer"] {
                    height: 30px !important;
                    width: 100% !important;
                }

                *[class="xlMblSpacer"] {
                    height: 50px !important;
                    width: 100% !important;
                }

                *[class="mblSpacerOnly"] {
                    height: 20px;
                }

                /* Top bar */
                td[class="topBarEdge"] {
                    width: 15% !important;
                }

                td[class="topBarCenter"] {
                    width: 70% !important;
                }

                /* Grid */
                td[class="outerTableCellWrap"] {
                    width: 100% !important;
                    min-width: 0px !important;
                }

                table[class="innerTable"] {
                    width: 90% !important;
                    min-width: 0px !important;
                }

                table[class="fullInnerTable"] {
                    width: 100% !important;
                    min-width: 0px !important;
                }

                td[class="fullCell"] {
                    width: 100% !important;
                    min-width: 0px !important;
                }

                table[class="socialIconTable"] {
                    width: 80% !important;
                }

                table[class="deliveryTable"] {
                    width: 33% !important;
                    border: none !important;
                }

                td[class="deliveryColumn"] {
                    display: block !important;
                    text-align: center !important;
                }

                /* img */
                img[class="crest"] {
                    width: 60px;
                    height: auto !important;
                }

                img[class="loveLiberty"] {
                    width: 200px;
                    height: auto !important;
                }

                img[class="padBottom"] {
                    margin-bottom: 10px;
                }

                /* Typography */
                *[class="headline"] {
                    font-size: 30px !important;
                    line-height: 36px !important;
                }

                *[class="secondHeadline"] {
                    font-size: 24px !important;
                    line-height: 28px !important;
                }

                *[class="thirdHeadline"] {
                    font-size: 18px !important;
                    line-height: 22px !important;
                }

                *[class="paragraph"] {
                    font-size: 18px !important;
                    line-height: 24px !important;
                }

                *[class="smallParagraph"] {
                    font-size: 13px !important;
                    line-height: 16px !important;
                }

                *[class="smallerParagraph"] {
                    font-size: 11px !important;
                    line-height: 15px !important;
                }

                /* Product grid */
                table[class="productTable"] {
                    width: 33.333333% !important;
                    float: left !important;
                    text-align: center !important;
                }

                td[class="productCell"] {
                    height: auto !important;
                }

                img[class="productImg"] {
                    width: 100% !important;
                    height: auto !important;
                    margin-left: auto;
                    margin-right: auto;
                }

                *[class="noOffSet"] {
                    margin-left: 0 !important;
                    margin-right: 0 !important;
                }

                *[class="noOffSetTop"] {
                    margin-top: 0 !important;
                }

                /* Hamburger navigation */
                .navWrapper {
                    border-bottom: 0 !important;
                }

                .navContainer {
                    position: relative;
                }

                .navContainer th {
                    display: block;
                    width: 100%;
                    border-bottom: 1px solid #e8e8e8;
                }

                .navContainer th:hover {
                    background-color: #ffffff;
                }

                .navContainer th a {
                    display: block;
                    height: 40px;
                }

                #menuContainer {
                    position: relative;
                    overflow: hidden;
                }

                .navContainer table {
                    margin-top: -500px;
                    -ms-transition: margin-top .5s ease-in-out;
                    -webkit-transition: margin-top .5s ease-in-out;
                }

                /* checkbox mechanism */
                #navCheckbox {
                    display: none;
                }

                #navCheckbox:checked + table {
                    margin-top: 0%;
                }

                /* fallback hover mechanism */            
                .nav-over,
                .nav-under {
                    display: block !important;
                    max-height: none !important;
                    padding-top: 3px;
                    padding-bottom: 3px;
                    cursor: pointer;
                }

                .nav-over img,
                .nav-under img {
                    display: block;
                    float: left;
                    margin-right: 5px;
                }

                /* to deal with quirks in windows 8.1 and Outlook iOS */            
                .nav-over {
                    -ms-transition-delay: 1.5s;
                    -webkit-transition-delay: 1.5s;
                }

                .navContainer > .nav-over:hover + div table {
                    margin-top: 0% !important;
                }

                .navContainer > .nav-over:hover {
                    visibility: hidden;
                }

                .textCtaHover, .textCtaHover:hover {
                    border-bottom: none;
                }

            }

            @media screen and ( max-width: 600px ) {

                table[class="deliveryTable"] {
                    width: 70% !important;
                    border: 1px solid #CCCCCC !important;
                    text-align: center !important;
                    margin: 0 auto 10px !important;
                    float: none !important;
                    clear: both !important;
                }

                td[class="deliveryColumn"] {
                    width: 70% !important;
                    padding-top: 12px !important;
                    padding-bottom: 12px !important;
                    padding-left: 15% !important;
                    padding-right: 15% !important;
                }

            }

            @media screen and ( max-width: 500px) {

                table[class="productTable"] {
                    width: 50% !important;
                    float: left !important;
                    text-align: center !important;
                }

                td[class="productCell"] {
                    height: auto !important;
                }

                img[class="productImg"] {
                    width: 100% !important;
                    height: auto !important;
                    margin-left: auto;
                    margin-right: auto;
                }

            }

            @media screen and ( max-width: 420px ) {

                table[class="deliveryTable"] {
                    width: 90% !important;
                    margin: 0 auto 10px !important;
                }

            }
  </style>
 </head>
 <body bgcolor="#f5f5f5" style="padding:0; margin:0; -webkit-font-smoothing: antialiased;width:100% !important;-webkit-text-size-adjust:none;" width="100%">
  <table border="0" cellpadding="0" cellspacing="0" style="margin: 0; padding: 0" width="100%">
   <!-- preheader -->
   <tr bgcolor="#333333" class="hide">
    <td align="center" class="outerTableCellWrap" style="min-width:640px;" width="640">
     <table align="center" border="0" cellpadding="5" cellspacing="0" class="innerTable" style="min-width:600px;" width="600">
      <tr height="20">
       <td align="left" class="halfWidth" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;" width="450">
        <span style="font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 12px; color: #999999;">
         Outdoor dining and essential alfresco accessories
        </span>
       </td>
       <td align="right" class="halfWidth" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;" width="150">
        <span style="font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 12px; color: #999999;">
         <a style="color:#999999;text-decoration:none;">
          View in web browser
         </a>
        </span>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- END preheader -->
   <!-- header -->
   <tr bgcolor="#2d043b">
    <td align="center" class="outerTableCellWrap" style="min-width:640px;" width="640">
     <table align="center" border="0" cellpadding="0" cellspacing="0" class="innerTable" style="min-width:600px;" width="600">
      <tr height="80">
       <td align="left" class="topBarEdge" width="100">
        <div class="navContainer">
         <!-- Hamburger icon -->
         <!--[if !mso 9]><!-->
         <label for="navCheckbox">
          <div class="nav-under" style="display:none; overflow:hidden; max-height:0px;">
           <img alt="Show Menu" border="0" height="15" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcomponents%252F2016%252Fnavicon.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" width="28"/>
          </div>
          <div class="nav-over" style="display:none;overflow:hidden;max-height:0px;position:absolute;top:0px;width:100%;opacity:0
				                        ">
           <img alt="Show Menu" border="0" height="15" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcomponents%252F2016%252Fnavicon.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" width="28"/>
          </div>
         </label>
         <!--<![endif]-->
         <!-- Hamburger icon -->
        </div>
       </td>
       <td align="center" class="topBarCenter" height="80" width="400">
        <a>
         <img alt="Liberty London" border="0" height="45" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcomponents%252F2017%252Fliberty-london-logo.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="150"/>
        </a>
       </td>
       <td align="right" width="100">
        <table>
         <tr>
          <td align="right" class="topBarEdge">
           <a>
            <img alt="Account icon" border="0" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcomponents%252F2016%252Fliberty-account-icon.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="20"/>
           </a>
          </td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- END header -->
   <!-- Navigation menu -->
   <tr>
    <td>
     <table bgcolor="#f5f5f5" border="0" cellpadding="0" cellspacing="0" class="navWrapper" style="border-bottom: 1px solid #e8e8e8;" valign="center" width="100%">
      <!-- Navigation -->
      <tr>
       <td align="center" class="heightCollapse" height="36">
        <div class="navContainer">
         <div id="menuContainer">
          <!--[if !mso 9]><!-->
          <input id="navCheckbox" style="display: none; width:0; height:0; overflow: hidden; float: none; visibility: hidden; border: none; font-size: 0; max-width:0; max-height: 0; mso-hide: all;" type="checkbox"/>
          <!--<![endif]-->
          <table border="0" cellpadding="0" cellspacing="0" class="fullInnerTable" height="36" style="min-width: 600px;" width="600">
           <tr>
            <th align="center" valign="center" width="20%">
             <a class="textCtaHover" style="font-family: 'Times New Roman', Georgia, serif; color: #212121; font-size: 13px; line-height: 36px; height: 36px; line-height: 36px; display: block; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; text-decoration: none;" target="_blank">
              Beauty
             </a>
            </th>
            <th align="center" width="20%">
             <a class="textCtaHover" style="font-family: 'Times New Roman', Georgia, serif; color: #212121; font-size: 13px; line-height: 36px; height: 36px; line-height: 36px; display: block; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; text-decoration: none;" target="_blank">
              Home
             </a>
            </th>
            <th align="center" width="20%">
             <a class="textCtaHover" style="font-family: 'Times New Roman', Georgia, serif; color: #212121; font-size: 13px; line-height: 36px; height: 36px; line-height: 36px; display: block; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; text-decoration: none;" target="_blank">
              Fabric
             </a>
            </th>
            <th align="center" width="20%">
             <a class="textCtaHover" style="font-family: 'Times New Roman', Georgia, serif; color: #212121; font-size: 13px; line-height: 36px; height: 36px; line-height: 36px; display: block; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; text-decoration: none;" target="_blank">
              Women
             </a>
            </th>
            <th align="center" width="20%">
             <a class="textCtaHover" style="font-family: 'Times New Roman', Georgia, serif; color: #212121; font-size: 13px; line-height: 36px; height: 36px; line-height: 36px; display: block; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; text-decoration: none;" target="_blank">
              Men
             </a>
            </th>
           </tr>
          </table>
         </div>
        </div>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- END Navigation menu -->
   <!-- content -->
   <!-- Full width -->
   <tr bgcolor="#ffffff">
    <td align="center" class="outerTableCellWrap" style="min-width:640px;" width="640">
     <table align="center" border="0" cellpadding="0" cellspacing="0" class="innerTable" style="min-width: 600px;" width="600">
      <!-- Top of email copy -->
      <tr>
       <td class="lrgMblSpacer" height="30">
        <!-- spacer -->
       </td>
      </tr>
      <!-- Title text -->
      <tr>
       <td align="center">
        <table align="center" border="0" cellpadding="0" cellspacing="0" class="fullInnerTable" style="min-width: 90%;" width="90%">
         <!-- Intro and paragraph text -->
         <tr>
          <td align="center">
           <table border="0" cellpadding="0" cellspacing="0" class="fullWidth" width="600">
            <tr>
             <td align="center" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">
              <a style="color: #000000; text-decoration: none;">
               <span class="headline" style="font-family: 'Times New Roman', Georgia, serif; font-size: 35px; line-height: 32px; font-weight: bold; color: #000000; text-transform: uppercase;">
                Let's Go Outside
               </span>
              </a>
             </td>
            </tr>
           </table>
          </td>
         </tr>
         <tr>
          <td height="10">
           <!-- spacer -->
          </td>
         </tr>
         <tr>
          <td align="center">
           <a style="color: #000000; text-decoration: none;">
            <span class="smallParagraph" style="font-family: 'Times New Roman', Georgia, serif; font-size: 16px; line-height: 20px; font-weight: normal; font-style: normal; color: #000000;">
             Dust off your hamper and make the best of the British summertime
            </span>
           </a>
          </td>
         </tr>
         <tr>
          <td height="20">
           <!-- spacer -->
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <tr>
       <td height="10">
        <!-- spacer -->
       </td>
      </tr>
      <tr>
       <td align="center">
        <table align="center" border="0" cellpadding="0" cellspacing="0" class="halfWidth" style="min-width:20%;" width="20%">
         <tr>
          <td height="1" style="border-bottom: 2px solid #e8e8e8;">
           <!-- Horizontal rule -->
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <tr>
       <td height="30">
        <!-- spacer -->
       </td>
      </tr>
      <!-- 10. HERO PRODUCT WITH HERO -->
      <tr>
       <td align="center">
        <table border="0" cellpadding="0" cellspacing="0" class="innerTable" width="512">
         <tr>
          <td align="left" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">
           <a style="color: #000000; text-decoration: none;">
            <span class="headline" style="font-family: 'Times New Roman', Georgia, serif; font-size: 35px; line-height: 32px; font-weight: bold; color: #000000;">
             The Picnic
            </span>
           </a>
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <tr>
       <td align="center">
        <table border="0" cellpadding="0" cellspacing="0" class="innerTable" style="min-width: 500px;" width="512">
         <!-- Hero image -->
         <tr>
          <td align="center">
           <a>
            <img alt="The Picnic" border="0" class="fullWidth" height="500" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcontent%252Fliberty_2018%252F5_may%252F180523-picnic%252Fimages%252Fhero-image.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="512"/>
           </a>
          </td>
         </tr>
         <tr>
          <td height="30">
           <!-- spacer -->
          </td>
         </tr>
         <tr>
          <td align="center">
           <a style="color: #000000; text-decoration: none;">
            <span class="smallParagraph" style="font-family: 'Times New Roman', Georgia, serif; font-size: 16px; line-height: 20px; font-weight: normal; font-style: normal; color: #000000;">
             Soak up the sunset and dig into our alfresco must-haves
            </span>
           </a>
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <tr>
       <td height="40">
        <!-- spacer -->
       </td>
      </tr>
      <tr>
       <td align="left" class="fullWidth" style="min-width:600px;" width="600">
        <!-- Product 1 -->
        <div class="halfWidth" style="float: left;">
         <table align="left" border="0" cellpadding="0" cellspacing="0" class="fullWidth" style="border: 1px solid #FFFFFF; float: left;" width="198">
          <tr>
           <td align="center" style="mso-table-lspace:0;mso-table-rspace:0;">
            <table border="0" cellpadding="0" cellspacing="0" class="innerTable" width="180">
             <tr>
              <td align="center">
               <a>
                <img alt="Liberty London" border="0" class="fullWidth" height="214" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcontent%252Fliberty_2018%252F5_may%252F180523-picnic%252Fimages%252Fprod-1.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="180"/>
               </a>
              </td>
             </tr>
             <tr>
              <td height="10">
               <!-- spacer -->
              </td>
             </tr>
             <!-- Height controls vertical spacing between product tiles -->
             <tr>
              <td align="center" height="100" valign="top">
               <a style="color:#333333; text-decoration: none;">
                <span style="font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;">
                 Liberty London
                 <span style="font-family: 'Times New Roman', Georgia, serif; font-size: 13px; font-weight: normal; text-transform: none; letter-spacing: 0;">
                  <br/>
                  Honey Mustard
                 </span>
                 <br/>
                 £4.95
                </span>
               </a>
              </td>
             </tr>
            </table>
           </td>
          </tr>
         </table>
        </div>
        <!-- Product 2 -->
        <div class="halfWidth" style="float: left;">
         <table align="left" border="0" cellpadding="0" cellspacing="0" class="fullWidth" style="border: 1px solid #FFFFFF; float: left;" width="198">
          <tr>
           <td align="center" style="mso-table-lspace:0;mso-table-rspace:0;">
            <table border="0" cellpadding="0" cellspacing="0" class="innerTable" width="180">
             <tr>
              <td align="center">
               <a>
                <img alt="Camel Valley" border="0" class="fullWidth" height="214" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcontent%252Fliberty_2018%252F5_may%252F180523-picnic%252Fimages%252Fprod-2.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="180"/>
               </a>
              </td>
             </tr>
             <tr>
              <td height="10">
               <!-- spacer -->
              </td>
             </tr>
             <!-- Height controls vertical spacing between product tiles -->
             <tr>
              <td align="center" height="100" valign="top">
               <a style="color:#333333; text-decoration: none;">
                <span style="font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;">
                 Camel Valley
                 <span style="font-family: 'Times New Roman', Georgia, serif; font-size: 13px; font-weight: normal; text-transform: none; letter-spacing: 0;">
                  <br/>
                  Pinot Noir Rosé Brut 2015
                 </span>
                 <br/>
                 £34.95
                </span>
               </a>
              </td>
             </tr>
            </table>
           </td>
          </tr>
         </table>
        </div>
        <!-- Product 3 -->
        <div class="halfWidth" style="float: left;">
         <table align="left" border="0" cellpadding="0" cellspacing="0" class="fullWidth" style="border: 1px solid #FFFFFF; float: left;" width="198">
          <tr>
           <td align="center" style="mso-table-lspace:0;mso-table-rspace:0;">
            <table border="0" cellpadding="0" cellspacing="0" class="innerTable" width="180">
             <tr>
              <td align="center">
               <a>
                <img alt="Liberty London" border="0" class="fullWidth" height="214" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcontent%252Fliberty_2018%252F5_may%252F180523-picnic%252Fimages%252Fprod-3.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="180"/>
               </a>
              </td>
             </tr>
             <tr>
              <td height="10">
               <!-- spacer -->
              </td>
             </tr>
             <!-- Height controls vertical spacing between product tiles -->
             <tr>
              <td align="center" height="100" valign="top">
               <a style="color:#333333; text-decoration: none;">
                <span style="font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;">
                 Liberty London
                 <span style="font-family: 'Times New Roman', Georgia, serif; font-size: 13px; font-weight: normal; text-transform: none; letter-spacing: 0;">
                  <br/>
                  Chipotle Sauce
                 </span>
                 <br/>
                 £5.95
                </span>
               </a>
              </td>
             </tr>
            </table>
           </td>
          </tr>
         </table>
        </div>
        <!-- Product 4 -->
        <div class="halfWidth" style="float: left;">
         <table align="left" border="0" cellpadding="0" cellspacing="0" class="fullWidth" style="border: 1px solid #FFFFFF; float: left;" width="198">
          <tr>
           <td align="center" style="mso-table-lspace:0;mso-table-rspace:0;">
            <table border="0" cellpadding="0" cellspacing="0" class="innerTable" width="180">
             <tr>
              <td align="center">
               <a>
                <img alt="Falcon" border="0" class="fullWidth" height="214" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcontent%252Fliberty_2018%252F5_may%252F180523-picnic%252Fimages%252Fprod-4.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="180"/>
               </a>
              </td>
             </tr>
             <tr>
              <td height="10">
               <!-- spacer -->
              </td>
             </tr>
             <!-- Height controls vertical spacing between product tiles -->
             <tr>
              <td align="center" height="100" valign="top">
               <a style="color:#333333; text-decoration: none;">
                <span style="font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;">
                 Falcon
                 <span style="font-family: 'Times New Roman', Georgia, serif; font-size: 13px; font-weight: normal; text-transform: none; letter-spacing: 0;">
                  <br/>
                  Bowl Set
                 </span>
                 <br/>
                 £39
                </span>
               </a>
              </td>
             </tr>
            </table>
           </td>
          </tr>
         </table>
        </div>
        <!-- Product 5 -->
        <div class="halfWidth" style="float: left;">
         <table align="left" border="0" cellpadding="0" cellspacing="0" class="fullWidth" style="border: 1px solid #FFFFFF; float: left;" width="198">
          <tr>
           <td align="center" style="mso-table-lspace:0;mso-table-rspace:0;">
            <table border="0" cellpadding="0" cellspacing="0" class="innerTable" width="180">
             <tr>
              <td align="center">
               <a>
                <img alt="SIR|MADAM" border="0" class="fullWidth" height="214" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcontent%252Fliberty_2018%252F5_may%252F180523-picnic%252Fimages%252Fprod-5.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="180"/>
               </a>
              </td>
             </tr>
             <tr>
              <td height="10">
               <!-- spacer -->
              </td>
             </tr>
             <!-- Height controls vertical spacing between product tiles -->
             <tr>
              <td align="center" height="100" valign="top">
               <a style="color:#333333; text-decoration: none;">
                <span style="font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;">
                 SIR|MADAM
                 <span style="font-family: 'Times New Roman', Georgia, serif; font-size: 13px; font-weight: normal; text-transform: none; letter-spacing: 0;">
                  <br/>
                  Carafe with Glass Set
                 </span>
                 <br/>
                 £70
                </span>
               </a>
              </td>
             </tr>
            </table>
           </td>
          </tr>
         </table>
        </div>
        <!-- Product 6 -->
        <div class="halfWidth" style="float: left;">
         <table align="left" border="0" cellpadding="0" cellspacing="0" class="fullWidth" style="border: 1px solid #FFFFFF; float: left;" width="198">
          <tr>
           <td align="center" style="mso-table-lspace:0;mso-table-rspace:0;">
            <table border="0" cellpadding="0" cellspacing="0" class="innerTable" width="180">
             <tr>
              <td align="center">
               <a>
                <img alt="SIR|MADAM" border="0" class="fullWidth" height="214" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcontent%252Fliberty_2018%252F5_may%252F180523-picnic%252Fimages%252Fprod-6.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="180"/>
               </a>
              </td>
             </tr>
             <tr>
              <td height="10">
               <!-- spacer -->
              </td>
             </tr>
             <!-- Height controls vertical spacing between product tiles -->
             <tr>
              <td align="center" height="100" valign="top">
               <a style="color:#333333; text-decoration: none;">
                <span style="font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;">
                 SIR|MADAM
                 <span style="font-family: 'Times New Roman', Georgia, serif; font-size: 13px; font-weight: normal; text-transform: none; letter-spacing: 0;">
                  <br/>
                  Solid Napkins
                 </span>
                 <br/>
                 £80
                </span>
               </a>
              </td>
             </tr>
            </table>
           </td>
          </tr>
         </table>
        </div>
        <!-- Product 7 -->
        <div class="halfWidth" style="float: left;">
         <table align="left" border="0" cellpadding="0" cellspacing="0" class="fullWidth" style="border: 1px solid #FFFFFF; float: left;" width="198">
          <tr>
           <td align="center" style="mso-table-lspace:0;mso-table-rspace:0;">
            <table border="0" cellpadding="0" cellspacing="0" class="innerTable" width="180">
             <tr>
              <td align="center">
               <a>
                <img alt="Slowdown Studio" border="0" class="fullWidth" height="214" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcontent%252Fliberty_2018%252F5_may%252F180523-picnic%252Fimages%252Fprod-7.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="180"/>
               </a>
              </td>
             </tr>
             <tr>
              <td height="10">
               <!-- spacer -->
              </td>
             </tr>
             <!-- Height controls vertical spacing between product tiles -->
             <tr>
              <td align="center" height="100" valign="top">
               <a style="color:#333333; text-decoration: none;">
                <span style="font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;">
                 Slowdown Studio
                 <span style="font-family: 'Times New Roman', Georgia, serif; font-size: 13px; font-weight: normal; text-transform: none; letter-spacing: 0;">
                  <br/>
                  Mayfield Throw
                 </span>
                 <br/>
                 £220
                </span>
               </a>
              </td>
             </tr>
            </table>
           </td>
          </tr>
         </table>
        </div>
        <!-- Product 8 -->
        <div class="halfWidth" style="float: left;">
         <table align="left" border="0" cellpadding="0" cellspacing="0" class="fullWidth" style="border: 1px solid #FFFFFF; float: left;" width="198">
          <tr>
           <td align="center" style="mso-table-lspace:0;mso-table-rspace:0;">
            <table border="0" cellpadding="0" cellspacing="0" class="innerTable" width="180">
             <tr>
              <td align="center">
               <a>
                <img alt="Made in India" border="0" class="fullWidth" height="214" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcontent%252Fliberty_2018%252F5_may%252F180523-picnic%252Fimages%252Fprod-8.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="180"/>
               </a>
              </td>
             </tr>
             <tr>
              <td height="10">
               <!-- spacer -->
              </td>
             </tr>
             <!-- Height controls vertical spacing between product tiles -->
             <tr>
              <td align="center" height="100" valign="top">
               <a style="color:#333333; text-decoration: none;">
                <span style="font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;">
                 Made in India
                 <span style="font-family: 'Times New Roman', Georgia, serif; font-size: 13px; font-weight: normal; text-transform: none; letter-spacing: 0;">
                  <br/>
                  Brass Lassi Glass
                 </span>
                 <br/>
                 £25
                </span>
               </a>
              </td>
             </tr>
            </table>
           </td>
          </tr>
         </table>
        </div>
        <!-- Product 9 -->
        <div class="hide" style="float: left;">
         <table align="left" border="0" cellpadding="0" cellspacing="0" style="border: 1px solid #FFFFFF; float: left;" width="198">
          <tr>
           <td align="center" style="mso-table-lspace:0;mso-table-rspace:0;">
            <table border="0" cellpadding="0" cellspacing="0" class="innerTable" width="180">
             <tr>
              <td align="center">
               <a>
                <img alt="Hay" border="0" class="fullWidth" height="214" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcontent%252Fliberty_2018%252F5_may%252F180523-picnic%252Fimages%252Fprod-9.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="180"/>
               </a>
              </td>
             </tr>
             <tr>
              <td height="10">
               <!-- spacer -->
              </td>
             </tr>
             <!-- Height controls vertical spacing between product tiles -->
             <tr>
              <td align="center" height="100" valign="top">
               <a style="color:#333333; text-decoration: none;">
                <span style="font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;">
                 Hay
                 <span style="font-family: 'Times New Roman', Georgia, serif; font-size: 13px; font-weight: normal; text-transform: none; letter-spacing: 0;">
                  <br/>
                  Sunday Forks
                 </span>
                 <br/>
                 £29
                </span>
               </a>
              </td>
             </tr>
            </table>
           </td>
          </tr>
         </table>
        </div>
       </td>
      </tr>
      <tr>
       <td class="medMblSpacer" height="10">
        <!-- spacer -->
       </td>
      </tr>
      <tr>
       <td align="center">
        <table border="0" cellpadding="0" cellspacing="0" width="300">
         <tr>
          <td align="center" class="buttonHover" style="padding: 10px 15px 10px 15px; -webkit-border-radius:3px; border: solid 1px #333333; border-radius:3px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">
           <a style="font-size: 12px; font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 700; color: #333333; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; display: inline-block;">
            <!--[if mso]>&nbsp;<![endif]-->
            <span>
             Shop Alfresco Dining
            </span>
            <!--[if mso]>&nbsp;<![endif]-->
           </a>
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <tr>
       <td class="xlMblSpacer" height="50">
        <!-- spacer -->
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- 12. Full width product grid with intro -->
   <tr bgcolor="#f6f1e9">
    <td align="center" class="outerTableCellWrap" style="min-width:640px;" width="640">
     <table align="center" border="0" cellpadding="0" cellspacing="0" class="innerTable" style="min-width:600px;" width="600">
      <tr>
       <td height="30">
        <!-- spacer -->
       </td>
      </tr>
      <!-- Inner content -->
      <!-- Iphis collection -->
      <!-- 3 to 2 product grid -->
      <tr>
       <td>
        <table align="center" border="0" cellpadding="0" cellspacing="0" class="fullWidth" style="min-width:600px;" width="600">
         <tr>
          <td align="center">
           <table border="0" cellpadding="0" cellspacing="0" class="fullWidth" width="600">
            <tr>
             <td align="center" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">
              <a style="color: #000000; text-decoration: none;">
               <span class="headline" style="font-family: 'Times New Roman', Georgia, serif; font-size: 35px; line-height: 32px; font-weight: bold; color: #000000;">
                The Look
               </span>
              </a>
             </td>
            </tr>
           </table>
          </td>
         </tr>
         <tr>
          <td align="center">
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="fullInnerTable" style="min-width: 300px;" width="300">
            <!-- Intro and paragraph text -->
            <tr>
             <td height="10">
              <!-- spacer -->
             </td>
            </tr>
            <tr>
             <td align="center">
              <a style="color: #000000; text-decoration: none;">
               <span class="smallParagraph" style="font-family: 'Times New Roman', Georgia, serif; font-size: 16px; line-height: 20px; font-weight: normal; font-style: normal; color: #000000;">
                Dress the part with our fair-weather essentials
               </span>
              </a>
             </td>
            </tr>
            <tr>
             <td height="20">
              <!-- spacer -->
             </td>
            </tr>
           </table>
          </td>
         </tr>
         <tr>
          <td align="left" class="fullWidth" style="min-width:600px;" width="600">
           <!-- Product 1 -->
           <div class="halfWidth" style="float: left;">
            <table align="left" border="0" cellpadding="0" cellspacing="0" class="fullWidth" style="border: 1px solid #f1f1f1; float: left;" width="198">
             <tr>
              <td align="center" style="mso-table-lspace:0;mso-table-rspace:0;">
               <table border="0" cellpadding="0" cellspacing="0" class="innerTable" width="180">
                <tr>
                 <td align="center">
                  <a>
                   <img alt="Shop Sunglasses" border="0" class="fullWidth" height="240" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcontent%252Fliberty_2018%252F5_may%252F180523-picnic%252Fimages%252F12-prod-1.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="180"/>
                  </a>
                 </td>
                </tr>
                <tr>
                 <td height="10">
                  <!-- spacer -->
                 </td>
                </tr>
                <!-- Height controls vertical spacing between product tiles -->
                <tr>
                 <td align="center" height="35" valign="top">
                  <a style="color:#333333; text-decoration: none;">
                   <span style="font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;">
                    Shop Sunglasses
                   </span>
                  </a>
                 </td>
                </tr>
               </table>
              </td>
             </tr>
            </table>
           </div>
           <!-- Product 2 -->
           <div class="hide" style="float: left;">
            <table align="left" border="0" cellpadding="0" cellspacing="0" class="fullWidth" style="border: 1px solid #f1f1f1; float: left;" width="198">
             <tr>
              <td align="center" style="mso-table-lspace:0;mso-table-rspace:0;">
               <table border="0" cellpadding="0" cellspacing="0" class="innerTable" width="180">
                <tr>
                 <td align="center">
                  <a>
                   <img alt="Shop Hats " border="0" class="fullWidth" height="240" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcontent%252Fliberty_2018%252F5_may%252F180523-picnic%252Fimages%252F12-prod-2.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="180"/>
                  </a>
                 </td>
                </tr>
                <tr>
                 <td height="10">
                  <!-- spacer -->
                 </td>
                </tr>
                <!-- Height controls vertical spacing between product tiles -->
                <tr>
                 <td align="center" height="35" valign="top">
                  <a style="color:#333333; text-decoration: none;">
                   <span style="font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;">
                    Shop Hats
                   </span>
                  </a>
                 </td>
                </tr>
               </table>
              </td>
             </tr>
            </table>
           </div>
           <!-- Product 3 -->
           <div class="halfWidth" style="float: left;">
            <table align="left" border="0" cellpadding="0" cellspacing="0" class="fullWidth" style="border: 1px solid #f1f1f1; float: left;" width="198">
             <tr>
              <td align="center" style="mso-table-lspace:0;mso-table-rspace:0;">
               <table border="0" cellpadding="0" cellspacing="0" class="innerTable" width="180">
                <tr>
                 <td align="center">
                  <a>
                   <img alt="Shop Dresses" border="0" class="fullWidth" height="240" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcontent%252Fliberty_2018%252F5_may%252F180523-picnic%252Fimages%252F12-prod-3.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="180"/>
                  </a>
                 </td>
                </tr>
                <tr>
                 <td height="10">
                  <!-- spacer -->
                 </td>
                </tr>
                <!-- Height controls vertical spacing between product tiles -->
                <tr>
                 <td align="center" height="35" valign="top">
                  <a style="color:#333333; text-decoration: none;">
                   <span style="font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase;">
                    Shop Dresses
                   </span>
                  </a>
                 </td>
                </tr>
               </table>
              </td>
             </tr>
            </table>
           </div>
          </td>
         </tr>
         <tr>
          <td class="medMblSpacer" height="20">
           <!-- spacer -->
          </td>
         </tr>
         <tr>
          <td align="center">
           <table border="0" cellpadding="0" cellspacing="0" class="halfWidth" width="220">
            <tr>
             <td align="center" class="buttonHover" style="padding: 10px 15px 10px 15px; -webkit-border-radius:3px; border: solid 1px #333333; border-radius:3px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">
              <a style="font-size: 12px; font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 700; color: #333333; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; display: inline-block;">
               <!--[if mso]>&nbsp;<![endif]-->
               <span class="smallerParagraph">
                Shop Summer
               </span>
               <!--[if mso]>&nbsp;<![endif]-->
              </a>
             </td>
            </tr>
           </table>
          </td>
         </tr>
         <!-- END Inner content -->
         <tr>
          <td class="lrgMblSpacer" height="40">
           <!-- spacer -->
          </td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- 12. END Full width product grid with intro -->
   <!-- Bottom banner -->
   <tr bgcolor="#ffffff">
    <td align="center" class="outerTableCellWrap" style="min-width:640px;" width="640">
     <table align="center" border="0" cellpadding="0" cellspacing="0" class="innerTable" style="min-width: 600px;" width="600">
      <tr>
       <td class="lrgMblSpacer" height="40">
        <!-- spacer -->
       </td>
      </tr>
      <tr>
       <td valign="top">
        <table align="center" border="0" cellpadding="0" cellspacing="0" class="innerTable" style="min-width:600px;" width="600">
         <tr bgcolor="#ffffff">
          <!-- image -->
          <td align="center" class="mobileColumn" width="300">
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="threeQuarterWidth" width="230">
            <tr>
             <td height="20">
              <!-- spacer -->
             </td>
            </tr>
            <tr>
             <td align="center">
              <a>
               <img alt="Men's Fashion" border="0" class="fullWidth" height="200" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcontent%252Fliberty_2018%252F5_may%252F180523-picnic%252Fimages%252Fbanner.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="250"/>
              </a>
             </td>
            </tr>
            <tr>
             <td class="mblSpacer" height="30">
              <!-- spacer -->
             </td>
            </tr>
           </table>
          </td>
          <!-- text -->
          <td align="center" class="mobileColumn" width="300">
           <table align="center" border="0" cellpadding="0" cellspacing="0" class="threeQuarterWidth" width="220">
            <tr>
             <td height="20">
              <!-- spacer -->
             </td>
            </tr>
            <tr>
             <td align="left" class="center">
              <a style="color: #333333; text-decoration: none;">
               <span style="font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 700; font-size: 12px; line-height: 24px; color: #333333; letter-spacing: 2px; text-transform: uppercase;">
                Fashion
               </span>
               <br/>
               <span style="font-family: 'Times New Roman', Georgia, serif; font-weight: bold; font-size: 20px; line-height: 28px; color: #333333; text-decoration: none; text-transform: uppercase;">
                Men's
               </span>
               <br/>
               <span style="font-family: 'Times New Roman', Georgia, serif; font-weight: normal; font-size: 14px; line-height: 18px; color: #333333; text-decoration: none; text-transform: none;">
                Your sartorial solutions for spring/summer '18
               </span>
               <br/>
               <span style="font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-weight: 700; font-size: 12px; line-height: 36px; color: #333333; letter-spacing: 2px; text-transform: uppercase;">
                Shop men's clothing
               </span>
              </a>
             </td>
            </tr>
            <tr>
             <td class="lrgMblSpacer" height="20">
              <!-- spacer -->
             </td>
            </tr>
           </table>
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <!-- END Inner content -->
      <tr>
       <td class="lrgMblSpacer" height="40">
        <!-- spacer -->
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- END content -->
   <!-- footer -->
   <tr bgcolor="#f5f5f5" style="border-top: solid 1px #e9e9e9;">
    <td align="center" class="outerTableCellWrap" style="min-width:640px;" width="640">
     <table align="center" border="0" cellpadding="0" cellspacing="0" class="innerTable" style="min-width:600px;" width="600">
      <tr>
       <td height="30">
        <!-- spacer -->
       </td>
      </tr>
      <tr>
       <td align="center">
        <span style="font-family: 'Times New Roman', Georgia, serif; font-size: 16px; color: #666666; text-decoration: none; text-transform: uppercase; letter-spacing: 1px;">
         Follow Liberty London
        </span>
       </td>
      </tr>
      <tr>
       <td height="30">
        <!-- spacer -->
       </td>
      </tr>
      <tr>
       <td align="center">
        <table cellpadding="0" cellspacing="0" class="socialIconTable" width="72%">
         <tr>
          <td align="center" width="12%">
           <a>
            <img alt="Follow us on Instagram" border="0" height="24" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcomponents%252F2016%252Finstagram-icon.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="26"/>
           </a>
          </td>
          <td align="center" width="12%">
           <a>
            <img alt="Follow us on Twitter" border="0" height="24" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcomponents%252F2016%252Ftwitter-icon.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="26"/>
           </a>
          </td>
          <td align="center" width="12%">
           <a>
            <img alt="Follow us on Facebook" border="0" height="24" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcomponents%252F2016%252Ffacebook-icon.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="26"/>
           </a>
          </td>
          <td align="center" width="12%">
           <a>
            <img alt="Follow us on Pinteret" border="0" height="24" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcomponents%252F2016%252Fpinterest-icon.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="26"/>
           </a>
          </td>
          <td align="center" width="12%">
           <a>
            <img alt="Follow us on Youtube" border="0" height="24" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcomponents%252F2016%252Fyoutube-icon.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="26"/>
           </a>
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <tr>
       <td height="30">
        <!-- spacer -->
       </td>
      </tr>
      <tr>
       <td align="center">
        <table align="center" border="0" cellpadding="0" cellspacing="0" class="innerTable" style="min-width:600px; border-top: solid 1px #e9e9e9; border-bottom: solid 1px #e9e9e9;" width="600">
         <tr>
          <td height="30">
           <!-- spacer -->
          </td>
         </tr>
         <tr>
          <td>
           <table align="left" cellpadding="5" cellspacing="0" class="deliveryTable" style="border:1px solid #f5f5f5;" width="198">
            <tr>
             <td align="center" class="deliveryColumn" style="mso-table-lspace:0;mso-table-rspace:0;" valign="middle">
              <a style="text-decoration: none; display: block;">
               <img align="left" alt="Click and Collect" border="0" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcomponents%252F2016%252Fclick-and-collect-icon.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="20"/>
               <span style="font-family: 'Times New Roman', Georgia, serif; font-size: 15px; color: #666666;">
                Click and Collect
               </span>
              </a>
             </td>
            </tr>
           </table>
           <table align="left" cellpadding="5" cellspacing="0" class="deliveryTable" style="border:1px solid #f5f5f5;" width="198">
            <tr>
             <td align="center" class="deliveryColumn" style="mso-table-lspace:0;mso-table-rspace:0;" valign="middle">
              <a style="text-decoration: none; display: block;">
               <img align="left" alt="Free UK Returns" border="0" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcomponents%252F2016%252Freturns-icon.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="20"/>
               <span style="font-family: 'Times New Roman', Georgia, serif; font-size: 15px; color: #666666;">
                Free UK Returns
               </span>
              </a>
             </td>
            </tr>
           </table>
           <table align="left" cellpadding="5" cellspacing="0" class="deliveryTable" style="border:1px solid #f5f5f5;" width="198">
            <tr>
             <td align="center" class="deliveryColumn" style="mso-table-lspace:0;mso-table-rspace:0;" valign="middle">
              <a style="text-decoration: none; display: block;">
               <img align="left" alt="Next Day Delivery" border="0" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fstatic.cdn.responsys.net%252Fi5%252Fresponsysimages%252Fliberty%252Fcontentlibrary%252Fcomponents%252F2016%252Fdelivery-icon.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzdGF0aWMuY2RuLiJ9:1kXPO4:WSR1xY6LpFPxrQX0dUc11wcM4ayRO9Ni6G2BQFFVWL0" style="display: block;" width="20"/>
               <span style="font-family: 'Times New Roman', Georgia, serif; font-size: 15px; color: #666666;">
                Next Day Delivery
               </span>
              </a>
             </td>
            </tr>
           </table>
          </td>
         </tr>
         <tr>
          <td height="30">
           <!-- spacer -->
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <tr>
       <td height="30">
        <!-- spacer -->
       </td>
      </tr>
      <tr>
       <td align="center" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;">
        <span style="font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; font-size: 12px; line-height: 18px; color: #999999">
         You have received this email from
         <a style="font-weight: 700; color: #666666; text-decoration: none;">
          Liberty London
         </a>
         <br/>
         <br/>
         To make sure our emails reach you, add
         <a style="font-weight: 700; color: #666666; text-decoration: none;">
          store@shop.libertylondon.com
         </a>
         to your address book.
         <br/>
         <br/>
         'Liberty Retail Limited' is registered in England and Wales.
         <br/>
         Registered Company Number:
         <b>
          42342
         </b>
         . Vat No:
         <b>
          GB 788 6688 37
         </b>
         .
         <br/>
         Registered Address: Liberty Retail Limited, Regent Street, London W1B 5AH.
         <br/>
         <br/>
         To unsubscribe please
         <a style="font-weight: 700; color: #666666; text-decoration: none;">
          click here
         </a>
         .
        </span>
       </td>
      </tr>
      <tr>
       <td height="70">
        <!-- spacer -->
       </td>
      </tr>
     </table>
    </td>
   </tr>
   <!-- END footer -->
  </table>
  <table cellpadding="0" cellspacing="0" style="border: 0px; padding: 0px; margin: 0px; position: absolute; display: none; float: left">
   <tr>
    <td height="1" style="font-size: 1px; line-height: 1px; padding: 0px;">
     <br/>
     <img src="https://inboxflows.com/_/image/https%253A%252F%252Fshop.libertylondon.com%252Fpub%252Fas%253F_ri_%253DX0Gzc2X%253DYQpglLjHJlYQGiaU73nS9zaeNO79FNjsITyPzbOwn0hfzbaKyzeXwskR8UBJ7dzgFwUcOb2UBMEkXcOVXHkMX%253Dw%2526_ei_%253DEolaGGF4SNMvxFF7KucKuWPjUT0_pUv0i7cQGeLsz6RSZBtY8-q3AlTfRwh494azienQvYvlGANMdIB1./?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzaG9wLmxpYmVydCJ9:1kXPO4:D3pZmeP9UMPlxLGT0ywRxoQblJjquBwkr02lAJEDh_w"/>
    </td>
   </tr>
  </table>
 </body>
</html>