The Perl Toolchain Summit needs more sponsors. If your company depends on Perl, please support this very important event.
<!DOCTYPE html>
<html>
 <head>
  <title>
  </title>
  <style type="text/css">

img {
border: 0;
}

.ReadMsgBody {
width: 100%;
}

.ExternalClass {
width: 100%;
}

body {
background-color:#CCCCCC;
}

.wrapper {
width: 600px;
}

.nested {
width: 100%;
}

.backgroundTable {
background-color:#CCCCCC;
}

h1 {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

h2 {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

h3 {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

h4 {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

h5 {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

h6 {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

p {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

td {
vertical-align:top;
}

.topArea {
background-color: #ffffff;
}

.mastheadArea {
background-color: #ffffff;
}

.topArea {
padding:20px;
}

.topArea {
color: #000000;
font-size: 12px;
font-family: Tahoma;
font-weight: normal;
font-style: normal;
text-align:left;
}

.topArea a {
text-decoration: underline;
color: #6c8b9e;
}

.firstAreaWrapper {
background-color: #ffffff;
padding:20px;
}

.firstArea {
color: #000000;
font-size: 12px;
font-family: Tahoma;
font-weight: normal;
font-style: normal;
text-align:left;
}

.firstArea a {
text-decoration: underline;
color: #6c8b9e;
}

.secondAreaWrapper {
background-color: #ffffff;
padding:20px;
}

.secondArea {
color: #000000;
font-size: 12px;
font-family: Tahoma;
font-weight: normal;
font-style: normal;
text-align:left;
}

.secondArea a {
text-decoration: underline;
color: #6c8b9e;
}

.thirdAreaWrapper {
background-color: #ffffff;
padding:20px;
}

.thirdArea {
color: #000000;
font-size: 12px;
font-family: Tahoma;
font-weight: normal;
font-style: normal;
text-align:left;
}

.thirdArea a {
text-decoration: underline;
color: #6c8b9e;
}

.contentBorder {
border: 1px none #ffffff/* @editable */;
}

.heading_1 {
color: #333333;
font-size: 20px;
font-family: Tahoma;
font-weight: bold;
font-style: normal;
}

.heading_2 {
color: #6c8b9e;
font-size: 16px;
font-family: Tahoma;
font-weight: normal;
font-style: normal;
}

.previewArea {
background-color: #ffffff;
border-top:0px none;
border-bottom:0px none;
text-align: center;
padding:5px;
}

.previewArea {
color: #12347A;
font-size: 12px;
font-family: Tahoma;
font-weight: normal;
font-style: normal;
}

.previewArea a {
text-decoration: none;
color: #6c8b9e;
}

.mastheadArea {
text-align: center;
}

.mastheadArea img {
border:none;
display:block;
}

.footerArea {
border-top: 1px none #ffffff;
background-color: #ffffff;
text-align: center;
}

.footerArea {
color: #000000;
font-size: 12px;
font-family: Tahoma;
font-weight: normal;
font-style: normal;
}

.footerArea a {
text-decoration: none;
color: #6c8b9e;
}

.bodySettings {
font-size:12px;
margin:0 0 0 0;
padding:0 0 0 0;
}

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

table[class="wrapper"] {
width: 95% !important;
}

table[class="col-3"] {
width: 100% !important;
}

img {
width: 100% !important;
}

td[class="firstAreaWrapper"] {
display: block;
}

td[class="secondAreaWrapper"] {
display: block;
}

td[class="thirdAreaWrapper"] {
display: block;
}

td[class="firstAreaWrapper"] img {
float: right;
margin-left: 10px;
}

td[class="secondAreaWrapper"] img {
float: right;
margin-left: 10px;
}

td[class="thirdAreaWrapper"] img {
float: right;
margin-left: 10px;
}

td[class="mastheadArea"] img {
height:auto !important;
width:100% !important;
}

}
</style>
 </head>
 <body style="background-color: #CCCCCC;">
  <table cellpadding="0" cellspacing="0" class="backgroundTable" style="background-color: #CCCCCC;" width="100%">
   <tr>
    <td align="center" style="vertical-align: top;" valign="top">
     <table cellpadding="0" cellspacing="0" class="wrapper" style="width: 600px;">
      <tr>
       <td class="contentBorder" style="border: 1px none #ffffff; vertical-align: top;">
        <table cellpadding="0" cellspacing="0" class="nested" style="width: 100%;">
         <tr>
          <td class="previewArea" style="background-color: #ffffff; border-bottom: 0px none; border-top: 0px none; color: #12347A; font-family: Tahoma; font-size: 12px; font-style: normal; font-weight: normal; padding: 5px; text-align: center; vertical-align: top;">
           <div mm:edit="header">
            <p style="margin: 0 0 0 0; padding: 0 0 0 0; text-align: center;">Having trouble reading this email? <a href="#[ONLINEVIEW]# " style="color: #6c8b9e; text-decoration: none;">View it in your browser.</a></p>
           </div>
          </td>
         </tr>
         <tr>
          <td class="mastheadArea" style="background-color: #ffffff; text-align: center; vertical-align: top;"><img mm:masthead="masthead" src="http://www.mailermailer.com/images/tmpl/mastheads/news_and_updates/newsletter.jpg" style="border: none; display: block;" /></td>
         </tr>
        </table>
        <table cellpadding="0" cellspacing="0" class="nested" style="width: 100%;">
         <tr>
          <td class="topArea" style="background-color: #ffffff; color: #000000; font-family: Tahoma; font-size: 12px; font-style: normal; font-weight: normal; padding: 20px; text-align: left; vertical-align: top;" valign="top"><img mm:image="image_top" src="http://images.mailermailer.com/showplaceholder.bin?width=560" style="border: 0; max-width: 560px;" /><div>&nbsp;</div>
           <div mm:edit="top">
            <p style="margin: 0 0 0 0; padding: 0 0 0 0;"><span class="heading_1" style="color: #333333; font-family: Tahoma; font-size: 20px; font-style: normal; font-weight: bold;">Heading</span></p>
            <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
            <p style="margin: 0 0 0 0; padding: 0 0 0 0;">Normal text.</p>
            <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
            <p style="margin: 0 0 0 0; padding: 0 0 0 0;"><span class="heading_2" style="color: #6c8b9e; font-family: Tahoma; font-size: 16px; font-style: normal; font-weight: normal;">Sub-Heading</span></p>
            <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
            <p style="margin: 0 0 0 0; padding: 0 0 0 0;">Normal text.</p>
           </div>
          </td>
         </tr>
        </table>
        <table cellpadding="0" cellspacing="0" class="nested" style="width: 100%;">
         <tr>
          <td class="firstAreaWrapper" style="background-color: #ffffff; padding: 20px; vertical-align: top;" valign="top">
           <table cellpadding="0" cellspacing="0" class="col-3">
            <tr>
             <td class="firstArea" style="color: #000000; font-family: Tahoma; font-size: 12px; font-style: normal; font-weight: normal; text-align: left; vertical-align: top;" valign="top"><img alt="" mm:image="image_first" src="http://images.mailermailer.com/showplaceholder.bin?width=160" style="border: 0; max-width: 160px;" /><div>&nbsp;</div>
              <div mm:edit="first">
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;"><span class="heading_1" style="color: #333333; font-family: Tahoma; font-size: 20px; font-style: normal; font-weight: bold;">Heading</span></p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">Normal text.</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;"><span class="heading_2" style="color: #6c8b9e; font-family: Tahoma; font-size: 16px; font-style: normal; font-weight: normal;">Sub-Heading</span></p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">Normal text.</p>
              </div>
             </td>
            </tr>
           </table>
          </td>
          <td class="secondAreaWrapper" style="background-color: #ffffff; padding: 20px; vertical-align: top;" valign="top">
           <table cellpadding="0" cellspacing="0" class="col-3">
            <tr>
             <td class="secondArea" style="color: #000000; font-family: Tahoma; font-size: 12px; font-style: normal; font-weight: normal; text-align: left; vertical-align: top;" valign="top"><img alt="" mm:image="image_second" src="http://images.mailermailer.com/showplaceholder.bin?width=160" style="border: 0; max-width: 160px;" /><div>&nbsp;</div>
              <div mm:edit="second">
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;"><span class="heading_1" style="color: #333333; font-family: Tahoma; font-size: 20px; font-style: normal; font-weight: bold;">Heading</span></p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">Normal text.</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;"><span class="heading_2" style="color: #6c8b9e; font-family: Tahoma; font-size: 16px; font-style: normal; font-weight: normal;">Sub-Heading</span></p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">Normal text.</p>
              </div>
             </td>
            </tr>
           </table>
          </td>
          <td class="thirdAreaWrapper" style="background-color: #ffffff; padding: 20px; vertical-align: top;" valign="top">
           <table cellpadding="0" cellspacing="0" class="col-3">
            <tr>
             <td class="thirdArea" style="color: #000000; font-family: Tahoma; font-size: 12px; font-style: normal; font-weight: normal; text-align: left; vertical-align: top;" valign="top"><img alt="" mm:image="image_third" src="http://images.mailermailer.com/showplaceholder.bin?width=160" style="border: 0; max-width: 160px;" /><div>&nbsp;</div>
              <div mm:edit="third">
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;"><span class="heading_1" style="color: #333333; font-family: Tahoma; font-size: 20px; font-style: normal; font-weight: bold;">Heading</span></p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">Normal text.</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;"><span class="heading_2" style="color: #6c8b9e; font-family: Tahoma; font-size: 16px; font-style: normal; font-weight: normal;">Sub-Heading</span></p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">&nbsp;</p>
               <p style="margin: 0 0 0 0; padding: 0 0 0 0;">Normal text.</p>
              </div>
             </td>
            </tr>
           </table>
          </td>
         </tr>
        </table>
        <table cellpadding="20" cellspacing="0" class="nested" style="width: 100%;">
         <tr>
          <td class="footerArea" colspan="2" style="background-color: #ffffff; border-top: 1px none #ffffff; color: #000000; font-family: Tahoma; font-size: 12px; font-style: normal; font-weight: normal; text-align: center; vertical-align: top;">
           <div mm:footer="footer"> #[SENDER_COMPANY]# <br /> #[SENDER_ADDRESS]# <br /> This email was sent to: <a href="mailto:#[USER_EMAIL]#" style="color: #6c8b9e; text-decoration: none;">#[USER_EMAIL]#</a><br /><a href="#[UNSUB_LINK]#" style="color: #6c8b9e; text-decoration: none;">Unsubscribe</a></div>
          </td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
 </body>
</html>