Unable to approve email template. What does "...contains HTML verification errors duplicate 'ID' and cannot be approved" refer to? | Community
Skip to main content
A
Anonymous
January 30, 2014
Solved

Unable to approve email template. What does "...contains HTML verification errors duplicate 'ID' and cannot be approved" refer to?

  • January 30, 2014
  • 11 replies
  • 3473 views
Just looking to approve some templates, and unsure of what to fix in order to stop the subject error from appearing on all. Any suggestions are appreciated.
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by
Give this a try and see if it looks the same: 

<!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=us-ascii" />
 
    <title>360pi</title>
    <style type="text/css">
 
 
            /* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
            #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
            .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
            .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
            body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
            table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
            img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
 
            /* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */
 
            @media only screen and (max-device-width: 480px), screen and (max-width: 480px){
            /* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
            body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
            body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */
 
                    /* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */
                    #bodyCell{padding:0px !important;}
 
                    /* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */
 
                    /* ======== Page Styles ======== */
 
                    #templateContainer{
                            max-width:600px !important;
                            width:100% !important;
                    }
 
                    h1{
                            font-size:24px !important;
                            line-height:100% !important;
                    }
 
                    h2{
                            font-size:20px !important;
                            line-height:100% !important;
                    }
 
                    h3{
                            font-size:18px !important;
                            line-height:100% !important;
                    }
 
                    h4{
                            font-size:16px !important;
                            line-height:100% !important;
                    }
 
                    /* ======== Header Styles ======== */
 
                    /* #templatePreheader{display:none !important;}  Hide the template preheader to save space */
 
                    #headerImage{
                            /* height:auto !important; */
                            max-width:600px !important;
                            width:100% !important;
                    }
 
                    #templateHeader{background-position: center;}
 
                    #templateHeaderTable {
                            width: 90% !important;
                    }
 
                    .headerContent{
                            font-size:20px !important;
                            line-height:125% !important;
                    }
                    #headerIcon {
                            vertical-align: top !important;
                    }
                    #headerTitles {
                            padding-left: 3% !important;
                    }
                    #singleName {
                        color: #000 !important;
                        font-size: 4px !important;
                    }
 
                    /* ======== Body Styles ======== */
 
                    .bodyContent{
                            font-size:18px !important;
                            line-height:125% !important;
                    }
 
                    /* ======== Column Styles ======== */
 
                    #templateColumns { width: 100% !important; }
                    #templateColumnTable { width: 100% !important;}
 
                    .templateColumnContainer_ts {display:block !important; width:100% !important;}
                    #contentColumnLeft {display:block !important; width:100% !important;}
                    #contentColumnRight {display:block !important; width:100% !important;}
 
                    .columnImage{
                            height:auto !important;
                            max-width:100% !important;
                            width:100% !important;
                    }
 
                    .leftColumnContent_ts{
                            font-size:16px !important;
                            line-height:125% !important;
                    }
 
                    .rightColumnContent_ts{
                            font-size:16px !important;
                            line-height:125% !important;
                    }
 
                    /* ======== Footer Styles ======== */
 
                    #footerLinksContent {
                            width: 100%;
                    }
 
                    #footerLinksContentLeft {
                            display:block !important; width:100% !important;
                            font-size: 9px !important;
 
 
                    }
                    #footerLinksIcons {
                            width: 100% !important;
                            text-align: center !important;
                            margin-bottom: 8px;
                    }
                    #footerLinksIconsText {
                            width: 100px !important;
                    }
 
                    #footerLinksContentRight {
                            display:block !important; width:100% !important;
                            text-align: center !important;
                            font-size: 9px !important;
                    }
 
 
                    .footerContent{
                            font-size:14px !important;
                            line-height:115% !important;
                    }
 
                    .footerContent a{display:block !important;} /* Place footer social and utility links on their own lines, for easier access */
            }
 
 
    </style>
    <style type="text/css">
 
     body.c16 {margin: 0;padding: 0;background-color: #f2f2f2;height: 100%;width: 100%;}
     div.c15 {text-align: center}
     table.c14 {margin: 0;padding: 0;background-color: #f2f2f2;border-collapse: collapse;height: 100%;width: 100%;}
     td.c13 {margin: 0;padding: 0px;height: 100%;width: 100%; border-top: 4px solid #e9e9e9;}
     table.c12 {width: 100%;background-color: #e9e9e9;border-collapse: collapse;}
     table.c11 {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse; margin-bottom: 30px}
     table.c10 {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse; background-color: black}
     td.c9 {text-align: center;background: black;padding: 10px 15px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;}
     a.c8 {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
     img.c7 {-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;}
     table.c6 {background-color: #F4F4F4;border-collapse: collapse;}
     td.c5 {background-color: #fff;color: #505050;font-family: 'PT Sans' , Helvetica, sans-serif;font-size: 16px;line-height: 150%;text-align: left;width: 60%;}
     table.c4 {border-collapse: collapse;}
     td.c3 {padding: 20px;}
     table.c2 {width: 600px; border-collapse: collapse; text-align: center;}
     td.c1 {color: #505050;font-family: Helvetica;font-size: 14px;line-height: 150%;padding-top: 0;text-align: left; width: 100%;}
 
    </style>
    <style type="text/css">
 
    div.c1 {text-align: center}
 
    </style>
</head>
 
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" class="c16">
    <div class="c15 c1">
        <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" class="c14">
            <tr>
                <td align="center" valign="top" id="bodyCell" class="c13">
                    <!-- BEGIN TEMPLATE // -->
 
                    <table border="0" cellpadding="0" cellspacing="0" id="templateContainer" class="c12">
                        <tr>
                            <td align="center" valign="top">
                                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateColumns" class="c6">
                                    <tr>
                                        <td id="contentColumnLeft" valign="top" class="templateColumnContainer_ts bodyContent c5">
                                            <table align="center" border="0" cellpadding="0" cellspacing="0" class="c4">
                                                <tr>
                                                    <td valign="top" class="c3">
                                                        <table align="center" id="templateColumnTable" border="0" cellpadding="0" cellspacing="0" class="c2">
                                                            <tr>
                                                                <td class="leftColumnContent_ts c1">
                                                                    <div class="mktEditable" id="singleColumnContent">
                                                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quam dui, sollicitudin non imperdiet in, consequat vitae arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nisi ac nulla tempor, id auctor elit tempor. Aenean varius odio sit amet sem venenatis euismod.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quam dui, sollicitudin non imperdiet in, consequat vitae arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nisi ac nulla tempor, id auctor elit tempor. Aenean varius odio sit amet sem venenatis euismod.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quam dui, sollicitudin non imperdiet in, consequat vitae arcu. Lorem
                                                                        ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nisi ac nulla tempor, id auctor elit tempor. Aenean varius odio sit amet sem venenatis euismod.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quam dui, sollicitudin non imperdiet in, consequat vitae arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nisi ac nulla tempor, id auctor elit tempor. Aenean varius odio sit amet sem venenatis euismod.</p>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
 
                        <tr>
                            <td>
                                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="c11">
                                    <tr>
                                        <td>
                                            <table align="center" border="0" cellpadding="0" cellspacing="0" id="templatePreheader" class="c10">
                                                <tr>
                                                    <td nowrap="nowrap" class="c9"><a href="http://www.360pi.com/" target="_blank" class="c8"><img src="http://resources.360pi.com/rs/gazaro/images/personal_logo.png" alt="360pi" class="c7" /></a></td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table><!-- // END TEMPLATE -->
                </td>
            </tr>
        </table>
    </div>
</body>
</html>
 

11 replies

A
Anonymous
August 12, 2016

I'm having the same issue. Getting this error message when I try to approve an email template: "ADO_Client Weekly Newsletter" contains HTML verification errors (duplicate 'ID') and cannot be approved.

I searched through all the mktEditable ids and none of them are duped. I also tried HTML Tidy and it said it found 0 errors, but a lot of warnings. Any help would be appreciated! Thank you!

Justin_Cooperm2
Justin_Cooperm2
New Participant
August 12, 2016

It definitely means you have duplicate IDs. Why don't you just copy and paste your code here and see what it says The W3C Markup Validation Service

A
Anonymous
August 14, 2014
Hey Jason,

Thank you for your response! I think I've solved the duplicate ID tage issue (they were associated with other elements, rather than divs before) but now I am experiencing a new issue. It seems that the urls I've inserted in a couple of buttons are being duplicated, and so the styling is being eliminated. This is occuring in the "Latest News" section, and only the first and second buttons - the third button is formatted properly. This isn't showing up in local html, and not in the preview area of the Marketo editor - just when a test email is sent.

Any idea what's going on or how to fix it? Thank you in advance!

Melissa


http://pastebin.com/pnNWr7LD#
A
Anonymous
August 11, 2014
If possible, please post your code using Pastebin: pastebin.com/ and I'll review it!
A
Anonymous
May 31, 2016

Hi Jason,

Can you check my code as well? I've used HTML Tidy and also deleted all the "mktEditable" class and there's still an error. Much appreciated!

pastebin.com/6zrPhPW7

SanfordWhiteman
SanfordWhiteman
New Participant
June 1, 2016

id="image5" is duped. Probably more. Just search thoroughly.

A
Anonymous
August 6, 2014
Hi Jason,

I'm experiencing the same issue! Not sure what's wrong, as I have checked to make sure all of the id tags are unique. Could you please assist?
A
Anonymous
March 18, 2014
Emily,

Can you post your code? I'd be happy to help.
A
Anonymous
March 17, 2014
Hi Jason,

Can you help me as well? I tried using HTML Tidy but it didn't seem to make a difference. I even went through and numbered all my ID tags to make sure there were no duplicates so I have no idea what is causing the error!!

Thank you so much in advance for an insight into the problem.
A
Anonymous
January 31, 2014
No problem! I used HTML Tidy to help clean it up and look for some unclosed tags (which I think was the problem).
A
Anonymous
January 31, 2014

Hi Jason, thanks for your help! The email template has been approved with no errors :)

Much appreciated!

A
Anonymous
Accepted solution
January 30, 2014
Give this a try and see if it looks the same: 

<!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=us-ascii" />
 
    <title>360pi</title>
    <style type="text/css">
 
 
            /* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
            #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
            .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
            .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
            body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
            table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
            img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
 
            /* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */
 
            @media only screen and (max-device-width: 480px), screen and (max-width: 480px){
            /* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
            body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
            body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */
 
                    /* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */
                    #bodyCell{padding:0px !important;}
 
                    /* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */
 
                    /* ======== Page Styles ======== */
 
                    #templateContainer{
                            max-width:600px !important;
                            width:100% !important;
                    }
 
                    h1{
                            font-size:24px !important;
                            line-height:100% !important;
                    }
 
                    h2{
                            font-size:20px !important;
                            line-height:100% !important;
                    }
 
                    h3{
                            font-size:18px !important;
                            line-height:100% !important;
                    }
 
                    h4{
                            font-size:16px !important;
                            line-height:100% !important;
                    }
 
                    /* ======== Header Styles ======== */
 
                    /* #templatePreheader{display:none !important;}  Hide the template preheader to save space */
 
                    #headerImage{
                            /* height:auto !important; */
                            max-width:600px !important;
                            width:100% !important;
                    }
 
                    #templateHeader{background-position: center;}
 
                    #templateHeaderTable {
                            width: 90% !important;
                    }
 
                    .headerContent{
                            font-size:20px !important;
                            line-height:125% !important;
                    }
                    #headerIcon {
                            vertical-align: top !important;
                    }
                    #headerTitles {
                            padding-left: 3% !important;
                    }
                    #singleName {
                        color: #000 !important;
                        font-size: 4px !important;
                    }
 
                    /* ======== Body Styles ======== */
 
                    .bodyContent{
                            font-size:18px !important;
                            line-height:125% !important;
                    }
 
                    /* ======== Column Styles ======== */
 
                    #templateColumns { width: 100% !important; }
                    #templateColumnTable { width: 100% !important;}
 
                    .templateColumnContainer_ts {display:block !important; width:100% !important;}
                    #contentColumnLeft {display:block !important; width:100% !important;}
                    #contentColumnRight {display:block !important; width:100% !important;}
 
                    .columnImage{
                            height:auto !important;
                            max-width:100% !important;
                            width:100% !important;
                    }
 
                    .leftColumnContent_ts{
                            font-size:16px !important;
                            line-height:125% !important;
                    }
 
                    .rightColumnContent_ts{
                            font-size:16px !important;
                            line-height:125% !important;
                    }
 
                    /* ======== Footer Styles ======== */
 
                    #footerLinksContent {
                            width: 100%;
                    }
 
                    #footerLinksContentLeft {
                            display:block !important; width:100% !important;
                            font-size: 9px !important;
 
 
                    }
                    #footerLinksIcons {
                            width: 100% !important;
                            text-align: center !important;
                            margin-bottom: 8px;
                    }
                    #footerLinksIconsText {
                            width: 100px !important;
                    }
 
                    #footerLinksContentRight {
                            display:block !important; width:100% !important;
                            text-align: center !important;
                            font-size: 9px !important;
                    }
 
 
                    .footerContent{
                            font-size:14px !important;
                            line-height:115% !important;
                    }
 
                    .footerContent a{display:block !important;} /* Place footer social and utility links on their own lines, for easier access */
            }
 
 
    </style>
    <style type="text/css">
 
     body.c16 {margin: 0;padding: 0;background-color: #f2f2f2;height: 100%;width: 100%;}
     div.c15 {text-align: center}
     table.c14 {margin: 0;padding: 0;background-color: #f2f2f2;border-collapse: collapse;height: 100%;width: 100%;}
     td.c13 {margin: 0;padding: 0px;height: 100%;width: 100%; border-top: 4px solid #e9e9e9;}
     table.c12 {width: 100%;background-color: #e9e9e9;border-collapse: collapse;}
     table.c11 {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse; margin-bottom: 30px}
     table.c10 {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse; background-color: black}
     td.c9 {text-align: center;background: black;padding: 10px 15px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;}
     a.c8 {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
     img.c7 {-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;}
     table.c6 {background-color: #F4F4F4;border-collapse: collapse;}
     td.c5 {background-color: #fff;color: #505050;font-family: 'PT Sans' , Helvetica, sans-serif;font-size: 16px;line-height: 150%;text-align: left;width: 60%;}
     table.c4 {border-collapse: collapse;}
     td.c3 {padding: 20px;}
     table.c2 {width: 600px; border-collapse: collapse; text-align: center;}
     td.c1 {color: #505050;font-family: Helvetica;font-size: 14px;line-height: 150%;padding-top: 0;text-align: left; width: 100%;}
 
    </style>
    <style type="text/css">
 
    div.c1 {text-align: center}
 
    </style>
</head>
 
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" class="c16">
    <div class="c15 c1">
        <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" class="c14">
            <tr>
                <td align="center" valign="top" id="bodyCell" class="c13">
                    <!-- BEGIN TEMPLATE // -->
 
                    <table border="0" cellpadding="0" cellspacing="0" id="templateContainer" class="c12">
                        <tr>
                            <td align="center" valign="top">
                                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateColumns" class="c6">
                                    <tr>
                                        <td id="contentColumnLeft" valign="top" class="templateColumnContainer_ts bodyContent c5">
                                            <table align="center" border="0" cellpadding="0" cellspacing="0" class="c4">
                                                <tr>
                                                    <td valign="top" class="c3">
                                                        <table align="center" id="templateColumnTable" border="0" cellpadding="0" cellspacing="0" class="c2">
                                                            <tr>
                                                                <td class="leftColumnContent_ts c1">
                                                                    <div class="mktEditable" id="singleColumnContent">
                                                                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quam dui, sollicitudin non imperdiet in, consequat vitae arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nisi ac nulla tempor, id auctor elit tempor. Aenean varius odio sit amet sem venenatis euismod.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quam dui, sollicitudin non imperdiet in, consequat vitae arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nisi ac nulla tempor, id auctor elit tempor. Aenean varius odio sit amet sem venenatis euismod.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quam dui, sollicitudin non imperdiet in, consequat vitae arcu. Lorem
                                                                        ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nisi ac nulla tempor, id auctor elit tempor. Aenean varius odio sit amet sem venenatis euismod.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quam dui, sollicitudin non imperdiet in, consequat vitae arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nisi ac nulla tempor, id auctor elit tempor. Aenean varius odio sit amet sem venenatis euismod.</p>
                                                                    </div>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
 
                        <tr>
                            <td>
                                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="c11">
                                    <tr>
                                        <td>
                                            <table align="center" border="0" cellpadding="0" cellspacing="0" id="templatePreheader" class="c10">
                                                <tr>
                                                    <td nowrap="nowrap" class="c9"><a href="http://www.360pi.com/" target="_blank" class="c8"><img src="http://resources.360pi.com/rs/gazaro/images/personal_logo.png" alt="360pi" class="c7" /></a></td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table><!-- // END TEMPLATE -->
                </td>
            </tr>
        </table>
    </div>
</body>
</html>
 
A
Anonymous
January 30, 2014

Hi Jason, thanks for the note. Our template designer created these and I checked through it also, but didn't catch what might be causing this. I've attached the code below for one of the templates that is causing this error. I appreciate the help!

 

<!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" />
        
        <title>360pi</title>
 
        <style type="text/css">
 
            /* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
            #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
            .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
            .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
            body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
            table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
            img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
 
            /* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */
 
            @media only screen and (max-device-width: 480px), screen and (max-width: 480px){
            /* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
            body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
            body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */
 
                    /* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */
                    #bodyCell{padding:0px !important;}
 
                    /* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */
 
                    /* ======== Page Styles ======== */
 
                    #templateContainer{
                            max-width:600px !important;
                            width:100% !important;
                    }
 
                    h1{
                            font-size:24px !important;
                            line-height:100% !important;
                    }
 
                    h2{
                            font-size:20px !important;
                            line-height:100% !important;
                    }
 
                    h3{
                            font-size:18px !important;
                            line-height:100% !important;
                    }
 
                    h4{
                            font-size:16px !important;
                            line-height:100% !important;
                    }
 
                    /* ======== Header Styles ======== */
 
                    /* #templatePreheader{display:none !important;}  Hide the template preheader to save space */
 
                    #headerImage{
                            /* height:auto !important; */
                            max-width:600px !important;
                            width:100% !important;
                    }
 
                    #templateHeader{background-position: center;}
 
                    #templateHeaderTable {
                            width: 90% !important;
                    }
 
                    .headerContent{
                            font-size:20px !important;
                            line-height:125% !important;
                    }
                    #headerIcon {
                            vertical-align: top !important;
                    }
                    #headerTitles {
                            padding-left: 3% !important;
                    }
                    #singleName {
                        color: #000 !important;
                        font-size: 4px !important;
                    }
 
                    /* ======== Body Styles ======== */
 
                    .bodyContent{
                            font-size:18px !important;
                            line-height:125% !important;
                    }
 
                    /* ======== Column Styles ======== */
 
                    #templateColumns { width: 100% !important; }
                    #templateColumnTable { width: 100% !important;}
 
                    .templateColumnContainer_ts {display:block !important; width:100% !important;}
                    #contentColumnLeft {display:block !important; width:100% !important;}
                    #contentColumnRight {display:block !important; width:100% !important;}
 
                    .columnImage{
                            height:auto !important;
                            max-width:100% !important;
                            width:100% !important;
                    }
 
                    .leftColumnContent_ts{
                            font-size:16px !important;
                            line-height:125% !important;
                    }
 
                    .rightColumnContent_ts{
                            font-size:16px !important;
                            line-height:125% !important;
                    }
 
                    /* ======== Footer Styles ======== */
 
                    #footerLinksContent {
                            width: 100%;
                    }
 
                    #footerLinksContentLeft {
                            display:block !important; width:100% !important;
                            font-size: 9px !important;
 
 
                    }
                    #footerLinksIcons {
                            width: 100% !important;
                            text-align: center !important;
                            margin-bottom: 8px;
                    }
                    #footerLinksIconsText {
                            width: 100px !important;
                    }
 
                    #footerLinksContentRight {
                            display:block !important; width:100% !important;
                            text-align: center !important;
                            font-size: 9px !important;
                    }
 
 
                    .footerContent{
                            font-size:14px !important;
                            line-height:115% !important;
                    }
 
                    .footerContent a{display:block !important;} /* Place footer social and utility links on their own lines, for easier access */
            }
 
        </style>
        
    </head>
    <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" style="margin: 0;padding: 0;background-color: #f2f2f2;height: 100%;width: 100%;">
            <center>
                <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable" style="margin: 0;padding: 0;background-color: #f2f2f2;border-collapse: collapse;height: 100%;width: 100%;">
                    <tr>
                        <td align="center" valign="top" id="bodyCell" style="margin: 0;padding: 0px;height: 100%;width: 100%; border-top: 4px solid #e9e9e9;">
                            <!-- BEGIN TEMPLATE // -->
                            <table border="0" cellpadding="0" cellspacing="0" id="templateContainer" style="width: 100%;background-color: #e9e9e9;border-collapse: collapse;">
                                <tr>
                                    
                                        <td align="center" valign="top">
 
                                                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateColumns" style="background-color: #F4F4F4;border-collapse: collapse;">
                                                <tr>
                                                <td id="contentColumnLeft" valign="top" class="templateColumnContainer_ts bodyContent" style="background-color: #fff;color: #505050;font-family: 'PT Sans' , Helvetica, sans-serif;font-size: 16px;line-height: 150%;text-align: left;width: 60%;">
 
                                                <table align="center" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;">
                                                    <tr>
                                                        <td valign="top" style="padding: 20px;">
 
                                                            <table align="center" id="templateColumnTable" border="0" cellpadding="0" cellspacing="0" style="width: 600px; border-collapse: collapse; text-align: center;"> 
                                                                <tr>
                                                                    <td class="leftColumnContent_ts" style="color: #505050;font-family: Helvetica;font-size: 14px;line-height: 150%;padding-top: 0;text-align: left; width: 100%;">
 
                                                                        <span class="mktEditable" id="singleColumnContent"><p>
                                                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quam dui, sollicitudin non imperdiet in, consequat vitae arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nisi ac nulla tempor, id auctor elit tempor. Aenean varius odio sit amet sem venenatis euismod.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quam dui, sollicitudin non imperdiet in, consequat vitae arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nisi ac nulla tempor, id auctor elit tempor. Aenean varius odio sit amet sem venenatis euismod.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quam dui, sollicitudin non imperdiet in, consequat vitae arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nisi ac nulla tempor, id auctor elit tempor. Aenean varius odio sit amet sem venenatis euismod.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quam dui, sollicitudin non imperdiet in, consequat vitae arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eleifend nisi ac nulla tempor, id auctor elit tempor. Aenean varius odio sit amet sem venenatis euismod.
                                                                        </p></span>
 
                                                                    </td>
 
                                                                </tr>
                                                            </table>
 
                                                        </td>
                                                    </tr>
                                                </table>
 
                                        </td>
 
                                        </tr>
                                    </table>
 
                                    </td>
                                </tr> 
 
 
                                <tr>
 
                                
                                    <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse; margin-bottom: 30px">
                                        <tr>
 
                                            <td>
 
                                                <table align="center" border="0" cellpadding="0" cellspacing="0" id="templatePreheader" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;border-collapse: collapse; background-color: black">
                                                    <tr>
                                            
                                                        <td nowrap style="text-align: center;background: black;padding: 10px 15px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;">
 
                                                            <a href="http://www.360pi.com/" target="_blank" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;">
 
                                                                <img src="http://resources.360pi.com/rs/gazaro/images/personal_logo.png" alt="360pi" style="-ms-interpolation-mode: bicubic;border: 0;height: auto;line-height: 100%;outline: none;text-decoration: none;" />
 
                                                            </a>
                                                                    
                                                        </td>
 
                                                    </tr>
                                                </table>
 
                                            </td>
 
                                        </tr>
 
 
                                    </table>
                                                               
                                </tr>             
 
                        </table>
                        <!-- // END TEMPLATE -->
                    
                
            
        </center>
    </body>
</html>
Show more replies
Terms & ConditionsAccessibility statement

Loading footer...