Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="noindex,nofollow" />
<title>[email:subject]</title>
<style type="text/css">
        #outlook a{padding:0;}
        .ReadMsgBody{width:100%;} .ExternalClass{width:100%;}
        .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}
        body, table, td, a{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
        table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;}
        img{-ms-interpolation-mode:bicubic;}

        img{border:0; line-height:100%; outline:none; text-decoration:none;}
        table{border-collapse:collapse !important;}
        body{margin:0; padding:0; width:100% !important;}

		 @media only screen and (max-width: 480px){
		td[class="main_image"] img{
			max-width: 100% !important;
			height: auto !important;
		}
		td[class="header_image"]{
			background-image:url(http://simpleviewdemo.dmplocal.com/dsc/collateral/Email_Test_Header_398px.jpg);
		}
		td[class="button"]{
			text-align:left !important;
			Padding:10px 15px 10px 15px !important;
		}
        td[class="button2"]{
			text-align:left !important;
			padding:0px 15px 0px 15px !important;
		}
		td[class="mobile-hide"]{
			display:none !important;
		}
		td[class="header-text"]{
			text-align:left !important;
			font-size:15px !important;
			padding:0px 0px 0px 130px !important;
		}
        td[class="article-title"]{
            text-align:left;
            padding:0px 15px 0px 15px !important;
             }
		td[class="padding"]{
			padding:0px 0px 16px 0px !important;
			height:0 !important;
		}
		td[class="padding2"]{
			padding:0px 0px 27px 0px !important;
			height:0 !important;
		}
		td[class="padding3"]{
			padding:0px 0px 22px 0px !important;
			height:0 !important;
		}
		td[class="title-text"]{
			text-align:center !important;
			font-size:30px !important;
			line-height:29px !important;
			padding:0px 15px 0px 15px !important;
		}
		td[class="text"]{
			padding:0px 15px 0px 15px !important;
		}
		td[class="article"]{
			padding:30px 0px 0px 15px !important;
		}
		table[class="responsive-table"]{
      		width:100% !important;
		}
		 }
</style>

<style type="text/css" media="screen">
a:link { color:#d43b6d; text-decoration: none; font-weight: normal; }
a:visited { color:#d43b6d; text-decoration: none; font-weight: normal; }
a:hover { color:#d43b6d; text-decoration: none; font-weight: normal; }
a:active { color:#d43b6d; text-decoration: none; font-weight: normal; }
</style>
    <!--[if gte mso 9]>
    <xml>
 <o:OfficeDocumentSettings>
  <o:AllowPNG/>
  <o:PixelsPerInch>96</o:PixelsPerInch>
 </o:OfficeDocumentSettings>
</xml>
<![endif]-->
</head>
<body style="margin: 0; padding: 0;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#2e4e61">
	<tr>
    	<td align="center" valign="top">
        	<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#ffffff">
            	<tr>
            		<td align="center" valign="top" class="mobile-hide" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; color: #2e4e61; text-align: center; height: 30px;" height="30"><a href="[weblinkURL]" target="_blank" title="View on Web" style="color: #2e4e61; text-decoration: none;">Click here to view online</a></td>
            	</tr>
            </table>
        </td>
    </tr>
    <tr>
    	<td align="center" valign="top">
        	<table border="0" cellpadding="0" cellspacing="0" width="600" style="width:600px;" align="center">
            	<tr>
                	<td align="center" valign="top" bgcolor="#ffffff">
                        <table border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
                        	<tr>
                        		<td class="main_image" align="center"><img src="http://simpleviewdemo.dmplocal.com/dsc/collateral/Email_Test_Header_Image.jpg" title="Header" alt="Header" border="0" height="256" width="600"></td>
                        	</tr>
                        </table>
                        <table border="0" cellpadding="0" cellspacing="0">
                        	<tr>
                        		<td style="height: 27px;" class="padding2" height="27"></td>
                        	</tr>
                        </table>
                        <table border="0" cellpadding="0" cellspacing="0">
                        	<tr>
                        		<td style="width: 20px;" class="mobile-hide"></td>
                        		<td style="font-family: Arial, Helvetica, sans-serif; font-size: 22px; line-height: 24px; font-weight: bold; color: #000000; text-align: center; width: 560px;" class="title-text">This is the title of my email</td>
                        		<td style="width: 20px;" class="mobile-hide"></td>
                        	</tr>
                        </table>
                   	</td>
               	</tr>
            </table>
        </td>
    </tr>
</table>
</body>
</html>