Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>display block Newsletter</title>
    <style>


        body{ width:100% !important; -webkit-text; size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0; }
        .ReadMsgBody { width: 100%; }
        .ExternalClass {width:100%;}
        .backgroundTable {margin:0 auto; padding:0; width:100%;!important;}
        table td {border-collapse: collapse;}
        .ExternalClass * {line-height: 115%;}


     @import url(https://fonts.googleapis.com/css?family=Oswald);
        @media screen and (max-width: 630px){
            *[class="fl"] { float:left !important;}
            *[class="mobile-column"] {display: block;}
            *[class="mob-column"] {float: none !important;width: 100% !important; padding-bottom:20px !important;}
            *[class="mob-column-2"] {float: none !important;width: 100% !important;}
            *[class="hide"] {display:none !important;}
            *[class="100p"] {width:100% !important; height:auto !important;}
            *[class="condensed"] {display: block;}
            *[class="condensed-2"] {display: block; background-color: #7ec240 !important;}
            *[class="center"] {text-align:center !important; width:100% !important; height:auto !important;}
            *[class="100pad"] {width:100% !important; padding:20px;}
            *[class="100pad2"] {width:100% !important; padding:20px 10px 10px 10px;}
            *[class="100padc"] {width:100% !important; padding:20px; text-align:center !important;}
            *[class="100padleftright"] {width:100% !important; padding:0 20px 0 20px;}
            *[class="100padtopbottom"] {width:100% !important; padding:20px 0px 20px 0px;}
            *[class="100padbottom"] {width:100% !important; padding:0px 0px 20px 0px;}
            *[class="100padbottom2"] {display:block;padding:0px 0px 30px 0px;}
            *[class="m-left"] {margin-left:20px !important;}
            *[class=head]{display:table-header-group!important; display: block; width:100%!important;}
            *[class=foot]{display:table-footer-group!important; display: block; width:100%!important;}
            *[class="m-button"] {display:block; padding-bottom:15px;}
            *[class="m-button-l"] {display:block;}
            *[class="full"] {display:block; width:100%;}
            *[class].mobbg {background: #f0f2f1 !important;}
            *[class].reveal:hover {
        	opacity: 1; }
            #reveal2 {width:100% !important;}

            *[class="h20"] {height:10px !important;}
            *[class="heading"] { mso-line-height-rule: exactly;font-size:22px;}


        }

        .reveal:hover {
        	opacity: 0;
        }
        .pulse {
          -webkit-animation: pulsate 3s linear infinite;
          -moz-animation: pulsate 3s linear infinite;
          -o-animation: pulsate 3s linear infinite;
          }
          @-webkit-keyframes pulsate {
              0% {-webkit-transform: scale(1);transform: scale(1);}
              30% {-webkit-transform: scale(1.4);transform: scale(1.4);}
              50% 30% {-webkit-transform: scale(1);transform: scale(1);}
              100% {-webkit-transform: scale(1);transform: scale(1);}
          }

          #animate-area	{ 
	width:650px;
	background-image: url(http://alexilhan.com/images/cloudbg.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;

	animation: animatedBackground 20s linear infinite;
	-moz-animation: animatedBackground 20s linear infinite;
	-webkit-animation: animatedBackground 20s linear infinite;
	-ms-animation: animatedBackground 20s linear infinite;
	-o-animation: animatedBackground 20s linear infinite;

}

.bobble {
     animation: bobble 2s infinite;
}

@keyframes bobble {
    0% {
        transform: translate3d(50px, 40px, 0px);
        animation-timing-function: ease-in;
    }
    50% {
        transform: translate3d(50px, 50px, 0px);
        animation-timing-function: ease-out;
    }
    100% {
        transform: translate3d(50px, 40px, 0px);
    }
}

#animate-area2   { 
    width:650px;
    background-image: url(http://alexilhan.com/images/cloudbg2.jpg);
    background-position: 0px 0px;
    background-repeat: repeat-x;

    animation: animatedBackground2 17s linear infinite;
    -moz-animation: animatedBackground2 17s linear infinite;
    -webkit-animation: animatedBackground2 17s linear infinite;
    -ms-animation: animatedBackground2 17s linear infinite;
    -o-animation: animatedBackground2 17s linear infinite;
}


@keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: -650px 0; }
}
@-moz-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: -650px 0; }
}
@-webkit-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: -650px 0; }
}
@-ms-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: -650px 0; }
}
@-o-keyframes animatedBackground {
	0% { background-position: 0 0; }
	100% { background-position: -650px 0; }
}

@keyframes animatedBackground2 {
    0% { background-position: -650px 0; }
    100% { background-position: 0 0; }
}
@-moz-keyframes animatedBackground2 {
    0% { background-position: -650px 0; }
    100% { background-position: 0 0; }
}
@-webkit-keyframes animatedBackground2 {
    0% { background-position: -650px 0; }
    100% { background-position: 0 0; }
}
@-ms-keyframes animatedBackground2 {
    0% { background-position: -650px 0; }
    100% { background-position: 0 0; }
}
@-o-keyframes animatedBackground2 {
    0% { background-position: -650px 0; }
    100% { background-position: 0 0; }
}

  .bump {

  -webkit-animation: bump 3s linear 2s infinite;
  -moz-animation: bump 3s linear 2s infinite;
  -o-animation: bump 3s linear 2s infinite;
  }
  @-webkit-keyframes bump {
  0% {

    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
  25% {

    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  50% {
     -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0); 
  }
  
  75% {
    -webkit-transform: translate3d(0, 10px,0);
            transform: translate3d(0, 10px,0);
  }
  100% {

    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
  }
  @keyframes bump {
  0% {

    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
  25% {

    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  50% {
     -webkit-transform: translate3d(0, 0px, 0);
            transform: translate3d(0, 0px, 0); 
  }
  
  75% {
    -webkit-transform: translate3d(0, 10px,0);
            transform: translate3d(0, 10px,0);
  }
  100% {

    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
  }


    #animate-area3   { 
    width:74px;
    background-image: url(http://alexilhan.com/images/i.png);
    background-position: 0px 0px;
    background-repeat: repeat-y;

    animation: animatedBackground3 10s linear infinite;
    -moz-animation: animatedBackground3 10s linear infinite;
    -webkit-animation: animatedBackground3 10s linear infinite;
    -ms-animation: animatedBackground3 10s linear infinite;
    -o-animation: animatedBackground3 10s linear infinite;
}

@keyframes animatedBackground3 {
    0% { background-position: 0 0; }

    100% { background-position: 0 -280px; }
}
@-moz-keyframes animatedBackground3 {
    0% { background-position: 0 0; }

    100% { background-position: 0 -280px; }
}
@-webkit-keyframes animatedBackground3 {
     0% { background-position: 0 0; }

    100% { background-position: 0 -280px; }
}
@-ms-keyframes animatedBackground3 {
    0% { background-position: 0 0; }

    100% { background-position: 0 -280px; }
@-o-keyframes animatedBackground3 {
    0% { background-position: 0 0; }

    100% { background-position: 0 -280px; }
}



    </style>


</head>

<body style="padding:0; margin:0" bgcolor="#ffffff">

<table border="0" cellpadding="0" cellspacing="0" style="margin: 0; padding: 0" width="100%" bgcolor="#ffffff">

    <tr>
        <td align="center" valign="top">

            <table width="650" border="0" cellpadding="10" cellspacing="0" class="100p" bgcolor="#f0f2f1">
                <tr>
                    <td align="center" style=" mso-line-height-rule: exactly;font-size:12px; color:#b2b9c0; font-family:Arial, sans-serif;"><a href="{?$view_online?}" style="color:#b2b9c0;">View in browser</a></td>
                </tr>
                
                <tr>
                    <td align="center"><a href="http://www.displayblock.com"><img src="http://alexilhan.com/images/logo2.png" border="0" alt="" style="display:block;"></a></td>
                </tr>
            </table>


            <table width="650" border="0" cellspacing="0" cellpadding="0" class="100p" bgcolor="#f0f2f1">
                <tr>
                    <td height="20" class="hide"></td>
                </tr>
                <tr>
                    <td height="20"></td>
                </tr>
                <tr>
                    <td align="center" style=" mso-line-height-rule: exactly;font-size:26px; color:#2a2a2a;">
                    <font face="'Oswald', Arial, sans-serif">

                        <span style=" mso-line-height-rule: exactly;font-size:40px; font-weight:bold; text-transform:uppercase;">Mobile opens</span>
                        <br><br>

                    Regardless of what industry you're in...
                    </font>
                    </td>
                </tr>
                <tr>
                    <td height="20"></td>
                </tr>
                <tr>
                    <td height="20" class="hide"></td>
                </tr>
            </table>

            <table width="650" border="0" cellspacing="0" cellpadding="0" class="100p" bgcolor="#f0f2f1">
                <tr>
                    <td align="center" valign="top">
                        <table border="0" cellpadding="0" cellspacing="0" class="100p" width="100%">
                            <tr>
                                <td width="30" class="hide" bgcolor="#7ec240"></td>
                                <td align="left" class="condensed" valign="top" bgcolor="#7ec240">
                                    <table align="left" border="0" cellpadding="20" cellspacing="0" class="mob-column-2" width="265">
                                        <tr>
                                            <td align="center">
                                                <table border="0" cellspacing="0" cellpadding="0">
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:20px; color:#ffffff;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            Charities
                                                            </font>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td height="15"></td>
                                                    </tr>
                                                    

                                                    <tr>
                                                        <td align="center"><img src="http://alexilhan.com/images/sec1.jpg" border="0" alt="" class="bump"></td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="30" class="hide" bgcolor="#7ec240"></td>
                                <td align="left" class="hide" valign="middle" bgcolor="#f0f2f1">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" width="30">
                                        <tr>
                                            <td valign="top" align="center">
                                                <img src="http://alexilhan.com/images/arrow1.jpg" border="0" alt=""style="display:block;">
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td align="left" class="condensed" valign="middle" bgcolor="#f0f2f1">
                                    <table align="left" border="0" cellpadding="20" cellspacing="0" class="mob-column-2" width="265">
                                        <tr>
                                            <td align="center">
                                                <table border="0" cellspacing="0" cellpadding="0">
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:20px; color:#171717; font-weight:bold;" width="100%">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            Average opens on<br> mobile devices
                                                            </font>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                    
                                                        <td height="5"></td>
                                                    </tr>
                                                </table>
                                                <table border="0" cellspacing="0" cellpadding="0" width="100%">
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:70px; color:#7ec240; font-weight:bold; line-height:70px;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            54.6%
                                                            </font>
                                                        </td>
                                                    </tr>

                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="30" class="hide" bgcolor="#f0f2f1"></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>


            <table width="650" border="0" cellspacing="0" cellpadding="0" class="100p" bgcolor="#f0f2f1">
                <tr>
                    <td align="center" valign="top">
                        <table dir="rtl" width="100%" cellpadding="0" cellspacing="0" border="0">
                            <tr>
                                <td width="30" class="hide" bgcolor="#f7933b"></td>

                                <td dir="ltr" align="left" class="full" valign="top" bgcolor="#f7933b">
                                    <table align="left" border="0" cellpadding="20" cellspacing="0" class="mob-column-2" width="265">
                                        <tr>
                                            <td align="center">
                                                <table border="0" cellspacing="0" cellpadding="0">
                                                   
                                                    <tr>
                                                        <td align="center" style="line-height:20px; mso-line-height-rule: exactly;font-size:20px; color:#ffffff;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            Travel
                                                            </font>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td height="15"></td>
                                                    </tr>
                                                    

                                                    <tr>

                                                        <td background="http://alexilhan.com/images/sec2.jpg" bgcolor="#ff731f" width="94" valign="top" height="118">
                                                              <!--[if gte mso 9]>
                                                              <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:94px;height:118px;">
                                                                <v:fill type="tile" src="https://mailerdocs.s3.amazonaws.com/inbox_warriors/email_assets/9041/sec2.jpg" color="#ff731f" />
                                                                <v:textbox inset="0,0,0,0">
                                                              <![endif]-->
                                                              <div>
                                                                                                                    <img src="http://alexilhan.com/images/globe.png" border="0" alt="" class="pulse" width="94" height="118">

                                                                                                                      </div>
                                                              <!--[if gte mso 9]>
                                                                </v:textbox>
                                                              </v:rect>
                                                              <![endif]-->
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>

                                <td width="30" class="hide" bgcolor="#f7933b"></td>
                                <td align="left" class="hide" valign="middle" bgcolor="#f0f2f1">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" width="30">
                                        <tr>
                                            <td valign="top" align="center">
                                                <img src="http://alexilhan.com/images/arrow2.jpg" border="0" alt=""style="display:block;">
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td align="left" dir="ltr" align="right" class="full" valign="middle" bgcolor="#f0f2f1">
                                    <table align="left" border="0" cellpadding="20" cellspacing="0" class="mob-column-2" width="265">
                                        <tr>
                                            <td align="center">
                                                <table border="0" cellspacing="0" cellpadding="0" width="100%">
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:20px; color:#171717; font-weight:bold;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            Average opens on<br> mobile devices
                                                            </font>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td height="5"></td>
                                                    </tr>
                                                </table>
                                                <table border="0" cellspacing="0" cellpadding="0" width="100%">
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:70px; color:#f7933b; font-weight:bold; line-height:70px;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            54.2%
                                                            </font>
                                                        </td>
                                                    </tr>

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


                                <td width="30" class="hide" bgcolor="#f0f2f1"></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>

            <table width="650" border="0" cellspacing="0" cellpadding="0" class="100p" bgcolor="#f0f2f1">
                <tr>
                    <td align="center" valign="top">
                        <table border="0" cellpadding="0" cellspacing="0" class="100p" width="100%">
                            <tr>
                                <td width="30" class="hide" bgcolor="#2caae1"></td>
                                <td align="left" class="condensed" valign="top" bgcolor="#2caae1">
                                    <table align="left" border="0" cellpadding="20" cellspacing="0" class="mob-column-2" width="265">
                                        <tr>
                                            <td align="center">
                                                <table border="0" cellspacing="0" cellpadding="0">
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:20px; color:#ffffff;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            Marketing
                                                            </font>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td height="15"></td>
                                                    </tr>
                                                    

                                                    <tr>
                                                        <td align="center"><img src="http://alexilhan.com/images/sec3.gif" border="0" alt=""></td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="30" class="hide" bgcolor="#2caae1"></td>
                                <td align="left" class="hide" valign="middle" bgcolor="#f0f2f1">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" width="30">
                                        <tr>
                                            <td valign="top" align="center">
                                                <img src="http://alexilhan.com/images/arrow3.jpg" border="0" alt=""style="display:block;">
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td align="left" class="condensed" valign="middle" bgcolor="#f0f2f1">
                                    <table align="left" border="0" cellpadding="20" cellspacing="0" class="mob-column-2" width="265">
                                        <tr>
                                            <td align="center">
                                                <table border="0" cellspacing="0" cellpadding="0" width="100%">
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:20px; color:#171717; font-weight:bold;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            Average opens on<br> mobile devices
                                                            </font>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td height="5"></td>
                                                    </tr>
                                                </table>
                                                <table border="0" cellspacing="0" cellpadding="0" width="100%">
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:70px; color:#2caae1; font-weight:bold; line-height:70px;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            53.8%
                                                            </font>
                                                        </td>
                                                    </tr>

                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="30" class="hide" bgcolor="#f0f2f1"></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>

            <table width="650" border="0" cellspacing="0" cellpadding="0" class="100p" bgcolor="#f0f2f1">
                <tr>
                    <td align="center" valign="top">
                        <table dir="rtl" width="100%" cellpadding="0" cellspacing="0" border="0">
                            <tr>
                                <td width="30" class="hide" bgcolor="#ff336d"></td>

                                <td dir="ltr" align="left" class="full" valign="top" bgcolor="#ff336d">
                                    <table align="left" border="0" cellpadding="20" cellspacing="0" class="mob-column-2" width="265">
                                        <tr>
                                            <td align="center">
                                                <table border="0" cellspacing="0" cellpadding="0">
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:20px; color:#ffffff;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            Retail
                                                            </font>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td height="15"></td>
                                                    </tr>
                                                    

                                                    <tr>
                                                        <td align="center"><img src="http://alexilhan.com/images/sec4.gif" border="0" alt=""></td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>

                                <td width="30" class="hide" bgcolor="#ff336d"></td>
                                <td align="left" class="hide" valign="middle" bgcolor="#f0f2f1">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" width="30">
                                        <tr>
                                            <td valign="top" align="center">
                                                <img src="http://alexilhan.com/images/rrow4.jpg" border="0" alt=""style="display:block;">
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td align="left" dir="ltr" align="right" class="full" valign="middle" bgcolor="#f0f2f1">
                                    <table align="left" border="0" cellpadding="20" cellspacing="0" class="mob-column-2" width="265">
                                        <tr>
                                            <td align="center">
                                                <table border="0" cellspacing="0" cellpadding="0" width="100%">
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:20px; color:#171717; font-weight:bold;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            Average opens on<br> mobile devices
                                                            </font>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td height="5"></td>
                                                    </tr>
                                                </table>
                                                <table border="0" cellspacing="0" cellpadding="0" width="100%">
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:70px; color:#ff336d; font-weight:bold; line-height:70px;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            52.4%
                                                            </font>
                                                        </td>
                                                    </tr>

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


                                <td width="30" class="hide" bgcolor="#f0f2f1"></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>

            <table width="650" border="0" cellspacing="0" cellpadding="0" class="100p" bgcolor="#f0f2f1">
                <tr>
                    <td align="center" valign="top">
                        <table border="0" cellpadding="0" cellspacing="0" class="100p" width="100%">
                            <tr>
                                <td width="30" class="hide" bgcolor="#8c6f4c"></td>
                                <td align="left" class="condensed" valign="top" bgcolor="#8c6f4c">
                                    <table align="left" border="0" cellpadding="20" cellspacing="0" class="mob-column-2" width="265">
                                        <tr>
                                            <td align="center">
                                                <table border="0" cellspacing="0" cellpadding="0">
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:20px; color:#ffffff;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            Education / Training
                                                            </font>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td height="15"></td>
                                                    </tr>
                                                    

                                                    <tr>
                                                        <td align="center"><img src="http://alexilhan.com/images/sec5.gif" border="0" alt=""  class="bounce"></td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="30" class="hide" bgcolor="#8c6f4c"></td>
                                <td align="left" class="hide" valign="middle" bgcolor="#f0f2f1">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" width="30">
                                        <tr>
                                            <td valign="top" align="center">
                                                <img src="http://alexilhan.com/images/arrow5.jpg" border="0" alt=""style="display:block;">
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td align="left" class="condensed" valign="middle" bgcolor="#f0f2f1">
                                    <table align="left" border="0" cellpadding="20" cellspacing="0" class="mob-column-2" width="265">
                                        <tr>
                                            <td align="center">
                                                <table border="0" cellspacing="0" cellpadding="0" width="100%">
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:20px; color:#171717; font-weight:bold;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            Average opens on<br> mobile devices
                                                            </font>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td height="5"></td>
                                                    </tr>
                                                </table>
                                                <table border="0" cellspacing="0" cellpadding="0" width="100%">
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:70px; color:#8c6f4c; font-weight:bold; line-height:70px;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            40.1%
                                                            </font>
                                                        </td>
                                                    </tr>

                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="30" class="hide" bgcolor="#f0f2f1"></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>

            <table width="650" border="0" cellspacing="0" cellpadding="0" class="100p" bgcolor="#f0f2f1">
                <tr>
                    <td align="center" valign="top">
                        <table border="0" cellpadding="0" cellspacing="0" class="100p" width="100%">
                            <tr>
                                <td width="30" class="hide" bgcolor="#f0f2f1"></td>
                                <td align="left" class="condensed" valign="top" bgcolor="#f0f2f1">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="mob-column-2" width="265">
                                        <tr>
                                            <td align="center">
                                                <table border="0" cellspacing="0" cellpadding="0" class="100pad">
                                                	<tr>
                                                	    <td height="30" class="hide"></td>
                                                	</tr>
                                                	

                                                    <tr>
                                                        <td align="center"><img src="http://alexilhan.com/images/sec6.gif" border="0" alt=""></td>
                                                    </tr>
                                                    <tr>
                                                   	    <td height="15"></td>
                                                   	</tr>
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:70px; color:#2a2a2a; font-weight:bold;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            80.8%
                                                            </font>
                                                        </td>
                                                    </tr>
                                                   
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="30" class="hide" bgcolor="#f0f2f1"></td>
                                <td width="30" class="hide" bgcolor="#686868"></td>
                               
                                <td align="left" class="condensed" valign="bottom" bgcolor="#686868">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="mob-column-2" width="265">
                                        <tr>
                                            <td align="center">
                                                <table border="0" cellspacing="0" cellpadding="0" class="100pad">
                                                	<tr>
                                                	    <td height="30" class="hide"></td>
                                                	</tr>
                                                	

                                                    <tr>
                                                        <td align="center"><img src="http://alexilhan.com/images/sec6b.jpg" border="0" alt=""></td>
                                                    </tr>
                                                   	<tr>
                                                   	    <td height="29"></td>
                                                   	</tr>
                                                   	
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:22px; color:#ffffff; font-weight:bold;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            of users report reading<br>
                                                            email on mobile devices
                                                            </font>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td height="15" class="hide"></td>
                                                    </tr>
                                                    
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="30" class="hide" bgcolor="#686868"></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
			
			<table border="0" cellspacing="0" cellpadding="0" class="hide">
				<tr>
					<td valign="top"><img src="http://alexilhan.com/images/splitter.jpg" border="0" alt="" style="display:block;">
					</td>
				</tr>
			</table>

			<table width="650" border="0" cellspacing="0" cellpadding="0" class="100p" bgcolor="#f0f2f1">
                <tr>
                    <td align="center" valign="top">
                        <table border="0" cellpadding="0" cellspacing="0" class="100p" width="100%">
                            <tr>
                                <td width="30" class="hide" bgcolor="#f0f2f1"></td>
                                <td align="left" class="condensed" valign="top" bgcolor="#f0f2f1">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="mob-column" width="265">
                                        <tr>
                                            <td align="center">
                                                <table border="0" cellspacing="0" cellpadding="0" class="100pad">
                                                	<tr>
                                                	    <td height="30" class="hide"></td>
                                                	</tr>
                                                	

                                                    <tr>
                                                        <td align="center" colspan="3" background="http://alexilhan.com/images/sec7.gif" style="background-image:url('http://alexilhan.com/images/sec7.gif')" class="mobbg">

                                                                    <img src="http://alexilhan.com/images/sec7.gif" alt="" style="display: block; border: 0" class="reveal">

                                                		</td>
                                                    </tr>
                                                </table>
                                                <table border="0" cellspacing="0" cellpadding="0">
                                                    <tr>
                                                   	    <td height="15"></td>
                                                   	</tr>
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:70px; color:#2a2a2a; font-weight:bold;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            37%
                                                            </font>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:15px; color:#2a2a2a; font-weight:bold;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            of consumers
                                                            </font>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td height="20" ></td>
                                                    </tr>
                                                    
                                                    <tr>
                                                        <td align="left" class="center" style=" mso-line-height-rule: exactly;font-size:20px; color:#2a2a2a; font-weight:bold;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            are more likely to purchase<br> on a mobile-optimised site
                                                            </font>
                                                        </td>
                                                    </tr>

                                                   
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="30" class="hide" bgcolor="#f0f2f1"></td>
                                <td width="30" class="hide" bgcolor="#686868"></td>
                               
                                <td align="left" class="condensed" valign="bottom" bgcolor="#686868">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="mob-column" width="265">
                                        <tr>
                                            <td align="center">
                                                <table border="0" cellspacing="0" cellpadding="0" class="100pad">
                                                	<tr>
                                                	    <td height="30" class="hide"></td>
                                                	</tr>
                                                	

                                                    <tr>
                                                        <td align="center" colspan="3">

                                                                    <img src="http://alexilhan.com/images/sec7b.jpg" alt="" style="display: block; border: 0">

                                                		</td>
                                                    </tr>
                                                </table>
                                                <table border="0" cellspacing="0" cellpadding="0">
                                                    <tr>
                                                   	    <td height="15"></td>
                                                   	</tr>
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:70px; color:#ffffff; font-weight:bold;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            27%
                                                            </font>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:15px; color:#ffffff; font-weight:bold;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            of consumers
                                                            </font>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td height="20"></td>
                                                    </tr>
                                                    
                                                    <tr>
                                                        <td align="left" class="center" style=" mso-line-height-rule: exactly;font-size:20px; color:#ffffff; font-weight:bold;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            will leave a site if it<br> is not optimised
                                                            </font>
                                                        </td>
                                                    </tr>

                                                   
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="30" class="hide" bgcolor="#686868"></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>

            <table border="0" cellspacing="0" cellpadding="0" class="hide">
				<tr>
					<td valign="top"><img src="http://alexilhan.com/images/splitter.jpg" border="0" alt="" style="display:block;">
					</td>
				</tr>
			</table>

			<table width="650" border="0" cellspacing="0" cellpadding="0" class="100p" bgcolor="#f0f2f1">
                <tr>
                    <td align="center" valign="top">
                        <table border="0" cellpadding="0" cellspacing="0" class="100p" width="100%">
                            <tr>
                                <td width="30" class="hide" bgcolor="#f0f2f1"></td>
                                <td align="left" class="condensed" valign="top" bgcolor="#f0f2f1">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="mob-column" width="265">
                                        <tr>
                                            <td align="center">
                                                <table border="0" cellspacing="0" cellpadding="0" class="100pad">
                                                	<tr>
                                                	    <td height="30" class="hide"></td>
                                                	</tr>
                                                	

                                                    <tr>
                                                        <td align="center">
                                                            <table border="0" cellspacing="0" cellpadding="0" height="151">
                                                                <tr>
                                                        <td background="http://alexilhan.com/images/i.png" bgcolor="#ffffff" align="center" width="74" height="151" valign="top" id="animate-area3">
  <!--[if gte mso 9]>
  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:74px;height:151px;">
    <v:fill type="tile" src="https://mailerdocs.s3.amazonaws.com/inbox_warriors/email_assets/9041/i.png" color="#ffffff" />
    <v:textbox inset="0,0,0,0">
  <![endif]-->
  <div>

                                                                    <img src="http://alexilhan.com/images/phone.png" alt="" style="display: block; border: 0">

                                                		  </div>
  <!--[if gte mso 9]>
    </v:textbox>
  </v:rect>
  <![endif]-->
</td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>

                                                </table>
                                                <table border="0" cellspacing="0" cellpadding="0">
                                                    <tr>
                                                        <td height="20"></td>
                                                    </tr>
                                                
                                                    <tr>
                                                        <td><img src="http://alexilhan.com/images/people.png" border="0" style="display:block;" alt=""></td>
                                                    </tr>
                                                    <tr>
                                                   	    <td height="15"></td>
                                                   	</tr>
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:70px; color:#2a2a2a; font-weight:bold;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            54%
                                                            </font>
                                                        </td>
                                                    </tr>
                                                    
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="30" class="hide" bgcolor="#f0f2f1"></td>
                                <td width="30" class="hide" bgcolor="#686868"></td>
                               
                                <td align="left" class="condensed" valign="top" bgcolor="#686868">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="mob-column-2" width="265">
                                        <tr>
                                            <td align="center">
                                                <table border="0" cellspacing="0" cellpadding="0" class="100pad">
                                                	<tr>
                                                	    <td height="30" class="hide"></td>
                                                	</tr>
                                                	

                                                    <tr>
                                                        <td align="center" colspan="3">

                                                                    <img src="http://alexilhan.com/images/sec8.jpg" alt="" style="display: block; border: 0">

                                                		</td>
                                                    </tr>
                                                </table>
                                                <table border="0" cellspacing="0" cellpadding="0" class="100pad">
                                                  
                                                    <tr>
                                                        <td height="20" class="hide"></td>
                                                    </tr>
                                                    
                                                    <tr>
                                                        <td align="left" class="center" style=" mso-line-height-rule: exactly;font-size:24px; color:#ffffff; font-weight:bold;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            of consumers believe that it is easier to find information on mobile-optimised sites
                                                            </font>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td height="20" class="hide"></td>
                                                    </tr>
                                                    

                                                   
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="30" class="hide" bgcolor="#686868"></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>

            <table border="0" cellspacing="0" cellpadding="0" class="hide">
                <tr>
                    <td valign="top"><img src="http://alexilhan.com/images/splitter.jpg" border="0" alt="" style="display:block;">
                    </td>
                </tr>
            </table>

            <table width="650" border="0" cellspacing="0" cellpadding="0" class="100p" bgcolor="#f0f2f1">
                <tr>
                    <td align="center" valign="top">
                        <table border="0" cellpadding="0" cellspacing="0" class="100p" width="100%">
                            <tr>
                                <td width="30" class="hide" bgcolor="#f0f2f1"></td>
                                <td align="left" class="condensed" valign="top" bgcolor="#f0f2f1">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="mob-column" width="265">
                                        <tr>
                                            <td align="center">
                                                <table border="0" cellspacing="0" cellpadding="0" class="100pad">
                                                    <tr>
                                                        <td height="30" class="hide"></td>
                                                    </tr>
                                                    

                                                    <tr>
                                                        <td align="center" colspan="3" background="http://alexilhan.com/images/sec9.gif" style="background-image:url('http://alexilhan.com/images/sec9.gif')" class="mobbg">

                                                                    <img src="http://alexilhan.com/images/sec9.gif" alt="" style="display: block; border: 0" class="reveal">

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

                                                <table border="0" cellspacing="0" cellpadding="0">
                                                    <tr>
                                                        <td height="20"></td>
                                                    </tr>
                                                
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:12px; color:#2a2a2a; font-weight:bold;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            Mobile commerce will account for
                                                            </font>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td height="20" style=" mso-line-height-rule: exactly;font-size: 20px; line-height: 20px;">&nbsp;</td>
                                                    </tr>
                                                    
                                               </table>
                                               <table border="0" cellspacing="0" cellpadding="0">
                                                   
                                                    <tr>
                                                        <td align="center" style=" mso-line-height-rule: exactly;font-size:70px; color:#2a2a2a; font-weight:bold; line-height:70px;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            24.4%
                                                            </font>
                                                        </td>
                                                    </tr>
                                                    
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="30" class="hide" bgcolor="#f0f2f1"></td>
                                <td width="30" class="hide" bgcolor="#686868"></td>
                               
                                <td align="left" class="condensed" valign="top" bgcolor="#686868">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="mob-column-2" width="265">
                                        <tr>
                                            <td align="center">
                                                <table border="0" cellspacing="0" cellpadding="0" class="100p">
                                                    <tr>
                                                        <td height="30"></td>
                                                    </tr>
                                                    

                                                    <tr>
                                                        <td align="center" colspan="3">

                                                                    <img src="http://alexilhan.com/images/sec9b.jpg" alt="" style="display: block; border: 0">

                                                        </td>
                                                    </tr>
                                                </table>
                                                <table border="0" cellspacing="0" cellpadding="0" class="100pad">
                                                  
                                                    <tr>
                                                        <td height="20"></td>
                                                    </tr>
                                                    
                                                    <tr>
                                                        <td align="left" class="center" style=" mso-line-height-rule: exactly;font-size:24px; color:#ffffff; font-weight:bold;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                                of overall ecommerce revenues by<span class="hide"><br></span> the end of 2017
                                                            </font>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td height="20"></td>
                                                    </tr>
                                                    

                                                   
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="30" class="hide" bgcolor="#686868"></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>

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

<table border="0" cellpadding="0" cellspacing="0" style="margin: 0; padding: 0" width="100%" bgcolor="#ffffff">

    <tr>
        <td align="center" valign="top">

            <table width="650" border="0" cellpadding="0" cellspacing="0" class="100p" bgcolor="#f0f2f1">
                <tr>
                    <td height="40" colspan="3"></td>
                </tr>
                <tr>
                    <td width="100" class="hide"></td>
                    <td width="470" class="100padc" align="left" style=" mso-line-height-rule: exactly;font-size:24px; color:#333333;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                                On mobile phones, email marketing generated 26.7% of sales, compared to 20.9% on desktop and 23.1% on tablet.
                                                            </font>
                                                        </td>
                                                        <td width="80" class="hide"></td>
                </tr>
                <tr>
                    <td height="10" colspan="3"></td>
                </tr>
            </table>

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

<table border="0" cellpadding="0" cellspacing="0" style="margin: 0; padding: 0" width="100%" bgcolor="#ffffff">

    <tr>
        <td align="center" valign="top">

                

            <table width="650" border="0" cellspacing="0" cellpadding="0" class="100p">
            	<tr>
            		<td background="http://alexilhan.com/images/cloudbg.jpg" bgcolor="#f0f2f1" width="650" valign="top" id="animate-area">
					  <!--[if gte mso 9]>
					  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:650px; height:551px">
					    <v:fill type="tile" src="https://mailerdocs.s3.amazonaws.com/inbox_warriors/email_assets/9041/cloudbg.jpg" color="#f0f2f1" />
					    <v:textbox inset="0,0,0,0">
					  <![endif]-->
					  <div>
					  <img src="http://alexilhan.com/images/sec10.png" border="0" alt="" class="100p">
					  </div>
					  <!--[if gte mso 9]>
					    </v:textbox>
					  </v:rect>
					  <![endif]-->
					</td>
            	</tr>
            </table>

            <table width="650" border="0" cellpadding="0" cellspacing="0" class="100p" bgcolor="#f0f2f1">
                <tr>
                    <td height="40" colspan="3"></td>
                </tr>
                <tr>
                    <td width="100" class="hide"></td>
                    <td width="480" class="100padc" align="left" style="font-size:24px; color:#333333;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                               The iPhone was the most commonly used mobile device for email opens (68%) and clicks (58%). The iPhone produced 40% of the mobile email transactions
                                                            </font>
                                                        </td>
                                                        <td width="60" class="hide"></td>
                </tr>
                <tr>
                    <td height="20" colspan="3"></td>
                </tr>
            </table>

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

<table border="0" cellpadding="0" cellspacing="0" style="margin: 0; padding: 0" width="100%" bgcolor="#ffffff">

    <tr>
        <td align="center" valign="top">

                

            <table width="650" border="0" cellspacing="0" cellpadding="0" class="100p">
                <tr>
                    <td background="http://alexilhan.com/images/cloudbg2.jpg" bgcolor="#f0f2f1" width="650" valign="top" id="animate-area2">
                      <!--[if gte mso 9]>
                      <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:650px; height:576px;">
                        <v:fill type="tile" src="https://mailerdocs.s3.amazonaws.com/inbox_warriors/email_assets/9041/cloudbg2.jpg" color="#f0f2f1" />
                        <v:textbox inset="0,0,0,0">
                      <![endif]-->
                      <div>
                      <img src="http://alexilhan.com/images/sec11.png" border="0" alt="" class="100p" width="650" height="576">
                      </div>
                      <!--[if gte mso 9]>
                        </v:textbox>
                      </v:rect>
                      <![endif]-->
                    </td>
                </tr>
            </table>

        </td></tr></table>
        <table border="0" cellpadding="0" cellspacing="0" style="margin: 0; padding: 0" width="100%" bgcolor="#ffffff">

    <tr>
        <td align="center" valign="top">

        

            <table width="650" border="0" cellspacing="0" cellpadding="0" class="100pad" background="http://alexilhan.com/images/ukbg.jpg" height="300">
                <tr>
                    <td background="http://alexilhan.com/images/ukbg.jpg" bgcolor="#f0f2f1" width="650" valign="top" height="300">
                      <!--[if gte mso 9]>
                      <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:650px; height:300px">
                        <v:fill type="tile" src="https://mailerdocs.s3.amazonaws.com/inbox_warriors/email_assets/9041/ukbg.jpg" color="#f0f2f1" />
                        <v:textbox inset="0,0,0,0">
                      <![endif]-->
                      <div>
                        <table border="0" cellpadding="0" cellspacing="0" width="650" class="100p">
                            <tr>
                                <td width="236" class="hide"></td>
                                <td align="left" class="condensed" valign="top">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="mob-column-2" width="340">
                                    <tr>
                                        <td height="80" class="h20"></td>
                                    </tr>
                                    
                                        <tr>
                                            <td align="left" class="center" style=" mso-line-height-rule: exactly;font-size:23px; color:#222222;">
                                            <font face="'Oswald', Arial, sans-serif">

                                            The UK is the European capital of m-commerce, with...
                                            </font>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="5"></td>
                                        </tr>
                                        
                                        
                                    </table>
                                </td>
                                <td width="74" class="hide"></td>
                                
                            </tr>
                        </table>
                        <table border="0" cellpadding="0" cellspacing="0" class="100p" width="100%">
                            <tr>
                                <td width="154" class="hide"></td>
                                <td align="left" class="condensed" valign="top">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="mob-column-2" width="120">
                                        <tr>
                                                        <td align="left" class="center" style=" mso-line-height-rule: exactly;font-size:70px; color:#222222; font-weight:bold; display:block; line-height:70px;" >
                                                            <font face="'Oswald', Arial, sans-serif">

                                                           10%
                                                            </font>
                                                        </td>
                                                    </tr>
                                    </table>
                                </td>
                                <td width="10" class="hide"></td>

                                <td align="left" class="condensed" valign="middle">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="mob-column-2" width="326">
                                        <tr>
                                            
                                                        <td align="left" class="center" style=" mso-line-height-rule: exactly;font-size:23px; color:#222222;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            saying their smartphone is their main method of shopping
                                                            </font>
                                                        
                                            </td>
                                        </tr>
                                        <tr>
                                            <td height="85" class="hide"></td>
                                        </tr>
                                        
                                    </table>
                                </td>
                                <td width="40" class="hide"></td>
                            </tr>
                        </table>
                    </div>
                      <!--[if gte mso 9]>
                        </v:textbox>
                      </v:rect>
                      <![endif]-->
                    </td>
                </tr>
            </table>

            <table width="650" border="0" cellspacing="0" cellpadding="0" class="100p" bgcolor="#f0f2f1">
                <tr>
                    <td height="20" colspan="3"></td>
                </tr>
                
                <tr>
                    <td width="124" class="hide"></td>
                    <td align="center" width="402">

                        <img src="http://alexilhan.com/images/scales.gif" alt="" style="display: block; border: 0; max-width:402px;" id="reveal2" width="402" height="233">

                     </td>
                    <td width="124" class="hide"></td>
                </tr>
            </table>

            <table width="650" border="0" cellspacing="0" cellpadding="0" class="100p" bgcolor="#f0f2f1">
                <tr>
                    <td height="20" colspan="3" class="hide"></td>
                </tr>
                
                <tr>
                    <td width="60" class="hide"></td>
                    <td align="left" class="100padc" width="530" style=" mso-line-height-rule: exactly;font-size:23px; color:#222222;">
                        <font face="'Oswald', Arial, sans-serif">

                        of mobile online sales originating from a marketing email take place on an iPad
                        </font>
                    </td>
                    <td width="60" class="hide"></td>
                </tr>
                <tr>
                    <td height="40" colspan="2"></td>
                </tr>
                
            </table>


            <table width="650" border="0" cellspacing="0" cellpadding="0" class="100p" bgcolor="#f0f2f1">
                <tr>
                    <td align="center" valign="top">
                        <table border="0" cellpadding="0" cellspacing="0" class="100p" width="100%">
                            <tr>
                                <td width="60" class="hide"></td>
                                <td align="left" class="condensed" valign="top">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="mob-column" width="240">
                                        <tr>
                                                        <td align="left" class="center" style=" mso-line-height-rule: exactly;font-size:70px; color:#2a2a2a; font-weight:bold;">
                                                            <font face="'Oswald', Arial, sans-serif">

                                                            46%
                                                            </font>
                                                        </td>
                                                    </tr>
                                        <tr>
                                            <td align="left" class="100padc" style=" mso-line-height-rule: exactly;font-size:22px; color:#2a2a2a;">
                                                <font face="'Oswald', Arial, sans-serif">

                                                say if newsletters are too poorly designed to be read on a smartphone, it reduces the chance they buy something from the vendor
                                                </font>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="10" class="hide"></td>
                                
                                <td align="left" class="condensed" valign="bottom" bgcolor="#f0f2f1">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="mob-column-2" width="292">
                                        
                                        <tr>
                                            <td valign="top" align="center">
                                                <img src="http://alexilhan.com/images/bottom.gif" border="0" alt=""style="display:block;">
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="48" class="hide" bgcolor="#f0f2f1"></td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td height="60" class="h20"></td>
                </tr>
                
            </table>

            <table width="650" border="0" cellspacing="0" cellpadding="0" class="100p" bgcolor="#32aae1">
                <tr>
                    <td height="30" class="hide" colspan="3"></td>
                </tr>
                
                <tr>
                    <td width="60" class="hide"></td>
                    <td align="center" class="100padc" width="530" style=" mso-line-height-rule: exactly;font-size:30px; color:#ffffff;">
                        <font face="'Oswald', Arial, sans-serif">

                        <span class="heading"><a href="http://www.displayblock.com" style="color:#ffffff; text-decoration:none;">Don't head for the exit.<br>
                            Head over to display block.</a></span>
                        </font>
                    </td>
                    <td width="60" class="hide"></td>
                </tr>
                <tr>
                    <td height="30"></td>
                </tr>
                
            </table>

            <table width="650" border="0" cellspacing="0" cellpadding="20" class="100p" bgcolor="#32aae1">
                <tr>
                    <td align="center" valign="top">
                        <table border="0" cellpadding="0" cellspacing="0" class="100p" width="610">
                            <tr>
                                <td align="left" class="condensed" valign="bottom">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="mob-column" width="174">
                                        <tr>
                                            <td align="center" class="100p"><a href="http://www.displayblock.com"><img src="http://alexilhan.com/images/logo.jpg" border="0" alt="" style="display:block;"></a></td>
                                        </tr>
                                    </table>
                                </td>
                                <td width="30" class="hide"></td>
                                
                                <td align="left" class="condensed" valign="bottom">
                                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="mob-column-2" width="406">
                                        
                                        <tr>
                                            <td valign="top" align="right" style=" mso-line-height-rule: exactly;font-size:10px; color:#ffffff; font-family:Arial, sans-serif;">

                                                <span style=" mso-line-height-rule: exactly;font-size:20px;">References</span><br><br>

                                                <a href="https://www.hubspot.com/marketing-statistics" style="text-decoration:none; color:#ffffff">HubSpot Marketing Statistics</a><br><br>

                                                HubSpot<br>
                                                ExactTarget, 2014 Mobile Behaviour Report<br>
                                                ABI Research<br><br>

                                                Custora E-commerce Pulse mobile report (2014)<br>
                                                Ipsos Public Affairs Vouchercode survey (2013)<br>
                                                Apsis The email Barometer, Email on mobile devices (2013)<br>
                                                Email marketing compass: consumer purchase behaviour (2013)<br>
                                                Experian Marketing Services The 2014 Digital Marketer trend report (2014)
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                
                
            </table>


            <table cellpadding="0" cellspacing="0" border="0" width="620" class="100padleftright">
                <tr>
                    <td height="30"></td>
                </tr>
                <tr>
                    <td align="center" style="color:#b2b9c0;  mso-line-height-rule: exactly;font-size:13px;"><font face=" 'PT Sans', Arial, sans-serif">
                    <a href="{?$view_online?}" style="color:#b2b9c0;">View in browser</a><br>

                    {?if $contacts_data_30 =="Website" ?}
                    You're getting this email because you signed up for it on our website.
                    {?elseif $contacts_data_30 == "Datacorp" ?}
                    You're getting this email because you opted in to receive select 3rd party emails from corpdata.
                    {?elseif $contacts_data_30 == "LCOC" ?}
                    You're getting this email as a member of the London Chamber of Commerce.
                    {?else?}
                    You're getting this email because you signed up for it on our website or visited us at a trade show.
                    {?/if?}

                    <br><br>We respect your privacy and hate spam as much as you do, so if you'd rather not hear from us please <a href="{?$optout_link?}" style="color:#b2b9c0;">unsubscribe</a><br>
                    &copy; {?$date|date_format:"%Y"?} display block Ltd. All Rights Reserved.

                    </font>
                    </td>
                </tr>
                <tr>
                    <td height="30"></td>
                </tr>


            </table>

            

        </td>
    </tr>
    <tr>
        <td height="30"></td>
    </tr>
</table>

</body>

</html>
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console