cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

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.

            
              <!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="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head>

  <!--[if gte mso 9]><xml>
 <o:OfficeDocumentSettings>
  <o:AllowPNG/>
  <o:PixelsPerInch>96</o:PixelsPerInch>
 </o:OfficeDocumentSettings>
</xml><![endif]-->

  <style type="text/css">
    html, body {
      margin: 0;
      padding: 0;
    }
    table {
      margin-top: 0px !important;
      padding-top: 0px !important;
    }
  </style>

  <style type="text/css">
    [office365] button {
      margin: 0 !important;
      padding: 0 !important;
      display: block !important;
    }
    [office365] div {
      margin: 0 !important;
      padding: 0 !important;
      display: block !important;
    }
  </style>


  <style type="text/css">
    a img {
      color: #000001 !important;
    }
    
    .wysiwyg-text-align-right {
      text-align: right;
    }
    .wysiwyg-text-align-center {
      text-align: center;
    }
    .wysiwyg-text-align-left {
      text-align: left;
    }
    .wysiwyg-text-align-justify {
      text-align: justify;
    }
    
    h1, #email-472711 h1 {
      text-shadow: none;
      padding-top: 0;
      padding-right: 0;
      padding-bottom: 0;
      padding-left: 0;
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 0;
      margin-left: 0;
      color: #000000 !important;
      font-weight: 400;
      font-style: normal;
      font-family: Arial;
      font-size: 36px;
      line-height: 44px;
    }
    
    h2, #email-472711 h2 {
      text-shadow: none;
      padding-top: 0;
      padding-right: 0;
      padding-bottom: 0;
      padding-left: 0;
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 0;
      margin-left: 0;
      color: #000000 !important;
      font-weight: 400;
      font-style: normal;
      font-family: Arial;
      font-size: 24px;
      line-height: 32px;
    }
    
    h3, #email-472711 h3 {
      text-shadow: none;
      padding-top: 0;
      padding-right: 0;
      padding-bottom: 0;
      padding-left: 0;
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 0;
      margin-left: 0;
      color: #000000 !important;
      font-weight: 400;
      font-style: normal;
      font-family: Arial;
      font-size: 15px;
      line-height: 21px;
    }
    
    p, #email-472711 p {
      text-shadow: none;
      padding-top: 0;
      padding-right: 0;
      padding-bottom: 0;
      padding-left: 0;
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 0;
      margin-left: 0;
      color: #4F5154 !important;
      font-style: normal;
      font-family: Arial;
      font-size: 14px;
      line-height: 24px;
    }
    
    a, #email-472711 a {
      text-shadow: none;
      padding-top: 0;
      padding-right: 0;
      padding-bottom: 0;
      padding-left: 0;
      margin-top: 0;
      margin-right: 0;
      margin-bottom: 0;
      margin-left: 0;
      color: #1122CC !important;
      text-decoration: underline;
    }
    
    .h1_color_span_wrapper {
      color: #000000;
    }
    .h2_color_span_wrapper {
      color: #000000;
    }
    .h3_color_span_wrapper {
      color: #000000;
    }
    .p_color_span_wrapper {
      color: #4F5154;
    }
    .a_color_span_wrapper {
      color: #1122CC;
    }
    
    .mi-all {
      display: block;
    }
    .mi-desktop {
      display: block;
    }
    
    .mi-mobile {
      display: none;
      font-size: 0;
      max-height: 0;
      line-height: 0;
      padding: 0;
      float: left;
      overflow: hidden;
      mso-hide: all; /* hide elements in Outlook 2007-2013 */
    }
  </style>

  <style type="text/css">
    div, p, a, li, td {
      -webkit-text-size-adjust: none;
    }
    
    @media only screen and (max-device-width: 480px), screen and (max-width: 480px), screen and (orientation: landscape) and (max-width: 630px) {
      /* very important! all except 'all' and this current type get a display:none; */
      .mi-desktop {
        display: none !important;
      }
    
      /* then show the mobile one */
      .mi-mobile {
        display: block !important;
        font-size: 12px !important;
        max-height: none !important;
        line-height: 1.5 !important;
        float: none !important;
        overflow: visible !important;
      }
    }
  </style>


  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<body id="email-472711" style="background-color: #F0F1F5; font-family: sans-serif; margin-top: 0px !important; padding-top: 0px !important" bgcolor="#F0F1F5">
  <table width="1" height="1" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td style="font-size: 0px; line-height: 0px"><img src="http://t.inkbrush.com/p/cp/1fd195d8fc59c9fc/o.gif" width="1" height="1" /></td>
    </tr>
  </table>
  <table align="center" cellpadding="0" cellspacing="0" width="100%" style="background-color: #F0F1F5; border: 0; border-collapse: collapse; border-spacing: 0; margin: 0px 0 0; padding: 0" bgcolor="#F0F1F5">
    <tr align="center" style="border: 0; border-collapse: collapse; border-spacing: 0">
      <td align="center" valign="top" style="border: 0; border-collapse: collapse; border-spacing: 0">

        <div class="mi-all" style="display: block">
          <table width="700" class="mi-all" align="center" cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; display: block; margin: 0; min-width: 700px; padding: 0">
            <tbody>
              <tr align="left" style="border: 0; border-collapse: collapse; border-spacing: 0">
                <td>
                  <table cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; min-width: 700px">
                    <tbody>
                      <tr style="border: 0; border-collapse: collapse; border-spacing: 0">
                        <td align="left" valign="top">
                          <table align="center" cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; margin: 0; min-width: 700px; padding: 0">
                            <tbody>
                              <tr align="left" style="border: 0; border-collapse: collapse; border-spacing: 0">
                                <td>
                                  <table cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; min-width: 700px">
                                    <tbody>
                                      <tr style="border: 0; border-collapse: collapse; border-spacing: 0">
                                        <td align="left" valign="top" style="height: 51px; width: 324px">
                                          <a href="http://www.regalboats.com/" target="_blank" style="border: none; color: #1122CC !important; display: block; font-size: 10px; line-height: 0;  margin-top:0; padding-top:0; margin-right:0; padding-right:0; margin-bottom:0; padding-bottom:0; margin-left:0; padding-left:0;  text-decoration: none; text-shadow: none"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-8237a5fcde79892bcc95d2872011fcdfd9781e58.jpg" style="border: 0; color: #000001 !important; display: block; height: 51px; line-height: 0; max-height: 51px; max-width: 324px; min-height: 51px; min-width: 324px; width: 324px"
                                            /></a>
                                        </td>
                                        <td align="left" valign="top" style="height: 51px; width: 376px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-69bd26b1c1c2197a63cbd238b694026888ba5287.jpg" style="border: 0; display: block; height: 51px; line-height: 0; max-height: 51px; max-width: 376px; min-height: 51px; min-width: 376px; width: 376px"
                                          /></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr align="left" style="border: 0; border-collapse: collapse; border-spacing: 0">
                                <td>
                                  <table cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; min-width: 700px">
                                    <tbody>
                                      <tr style="border: 0; border-collapse: collapse; border-spacing: 0">
                                        <td align="left" valign="top" style="height: 463px; width: 700px">
                                          <a href="http://www.regalboats.com/model/33-xo-outboard/" target="_blank" style="border: none; color: #1122CC !important; display: block; font-size: 10px; line-height: 0;  margin-top:0; padding-top:0; margin-right:0; padding-right:0; margin-bottom:0; padding-bottom:0; margin-left:0; padding-left:0;  text-decoration: none; text-shadow: none"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-134ae77158a2b779732ef6b67bb0675ad0a2b5e2.jpg" style="border: 0; color: #000001 !important; display: block; height: 463px; line-height: 0; max-height: 463px; max-width: 700px; min-height: 463px; min-width: 700px; width: 700px"
                                            /></a>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr align="left" style="border: 0; border-collapse: collapse; border-spacing: 0">
                                <td>
                                  <table cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; min-width: 700px">
                                    <tbody>
                                      <tr style="border: 0; border-collapse: collapse; border-spacing: 0">
                                        <td align="left" valign="top" style="height: 151px; width: 184px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-09fe28afd234cfbb4f31ab7464b53f36a838f781.jpg" style="border: 0; display: block; height: 151px; line-height: 0; max-height: 151px; max-width: 184px; min-height: 151px; min-width: 184px; width: 184px"
                                          /></td>
                                        <td width="331" align="left" valign="top" height="151" style="background-color: #FFFFFF; height: 151px; width: 331px" bgcolor="#FFFFFF">
                                          <!-- content start -->
                                          <div style="height: 150px; max-height: 150px; max-width: 330px; overflow: hidden; width: 330px">
                                            <p style="color: #4F5154 !important; font-family: Arial; font-size: 14px; font-style: normal; line-height: 24px;  margin-top:0; padding-top:0; margin-right:0; padding-right:0; margin-bottom:0; padding-bottom:0; margin-left:0; padding-left:0;  text-align: center; text-shadow: none"
                                              align="center"><span class="p_color_span_wrapper" style="color: #4F5154">Meet the all-new outboard powered express cruiser, the Regal 33 XO! It will take your exploration to new heights and shallower waters. The combination of Regal’s brilliant express cruiser layout and outboard power allows you to venture where you never thought possible.</span></p>
                                          </div>
                                          <!-- content end -->
                                        </td>
                                        <td align="left" valign="top" style="height: 151px; width: 185px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-42a60e565fee8f4b7cd11f060ec50a62e2fc4af3.jpg" style="border: 0; display: block; height: 151px; line-height: 0; max-height: 151px; max-width: 185px; min-height: 151px; min-width: 185px; width: 185px"
                                          /></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr align="left" style="border: 0; border-collapse: collapse; border-spacing: 0">
                                <td>
                                  <table cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; min-width: 700px">
                                    <tbody>
                                      <tr style="border: 0; border-collapse: collapse; border-spacing: 0">
                                        <td align="left" valign="top" style="height: 85px; width: 176px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-badea4094757c414c10b5b90d2da556c4a717615.jpg" style="border: 0; display: block; height: 85px; line-height: 0; max-height: 85px; max-width: 176px; min-height: 85px; min-width: 176px; width: 176px"
                                          /></td>
                                        <td align="left" valign="top" style="height: 85px; width: 350px">
                                          <a href="http://www.regalboats.com/model/33-xo-outboard/" target="_blank" style="border: none; color: #1122CC !important; display: block; font-size: 10px; line-height: 0;  margin-top:0; padding-top:0; margin-right:0; padding-right:0; margin-bottom:0; padding-bottom:0; margin-left:0; padding-left:0;  text-decoration: none; text-shadow: none"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-470deeaf50251b1b4c34f112aa5468e990a43902.jpg" style="border: 0; color: #000001 !important; display: block; height: 85px; line-height: 0; max-height: 85px; max-width: 350px; min-height: 85px; min-width: 350px; width: 350px"
                                            /></a>
                                        </td>
                                        <td align="left" valign="top" style="height: 85px; width: 174px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-9eab6868c6ef2a7a9083004186265ababdcce0a2.jpg" style="border: 0; display: block; height: 85px; line-height: 0; max-height: 85px; max-width: 174px; min-height: 85px; min-width: 174px; width: 174px"
                                          /></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr align="left" style="border: 0; border-collapse: collapse; border-spacing: 0">
                                <td>
                                  <table cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; min-width: 700px">
                                    <tbody>
                                      <tr style="border: 0; border-collapse: collapse; border-spacing: 0">
                                        <td align="left" valign="top" style="height: 349px; width: 700px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-c412d75eccb1fd6366379a2d5a4033b5a126b156.jpg" style="border: 0; display: block; height: 349px; line-height: 0; max-height: 349px; max-width: 700px; min-height: 349px; min-width: 700px; width: 700px"
                                          /></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr align="left" style="border: 0; border-collapse: collapse; border-spacing: 0">
                                <td>
                                  <table cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; min-width: 700px">
                                    <tbody>
                                      <tr style="border: 0; border-collapse: collapse; border-spacing: 0">
                                        <td align="left" valign="top" style="height: 102px; width: 73px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-0975df1bfd3995ed91605ec9cd05945c0e43b513.jpg" style="border: 0; display: block; height: 102px; line-height: 0; max-height: 102px; max-width: 73px; min-height: 102px; min-width: 73px; width: 73px"
                                          /></td>
                                        <td width="226" align="left" valign="top" height="102" style="background-color: #FFFFFF; height: 102px; width: 226px" bgcolor="#FFFFFF">
                                          <!-- content start -->
                                          <div style="height: 101px; max-height: 101px; max-width: 225px; overflow: hidden; width: 225px">
                                            <p class="p1" style="color: #4F5154 !important; font-family: Arial; font-size: 14px; font-style: normal; line-height: 24px;  margin-top:0; padding-top:0; margin-right:0; padding-right:0; margin-bottom:0; padding-bottom:0; margin-left:0; padding-left:0;  text-shadow: none"><span class="p1_color_span_wrapper">The low-to-the-water swim <br />platform wraps around the outboards making moving <br />around the transom a breeze.</span></p>
                                          </div>
                                          <!-- content end -->
                                        </td>
                                        <td align="left" valign="top" style="height: 102px; width: 401px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-4e8df662bc790e1890f162a29f0ae409a999acc9.jpg" style="border: 0; display: block; height: 102px; line-height: 0; max-height: 102px; max-width: 401px; min-height: 102px; min-width: 401px; width: 401px"
                                          /></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr align="left" style="border: 0; border-collapse: collapse; border-spacing: 0">
                                <td>
                                  <table cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; min-width: 700px">
                                    <tbody>
                                      <tr style="border: 0; border-collapse: collapse; border-spacing: 0">
                                        <td align="left" valign="top" style="height: 506px; width: 700px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-49e2917967f05e1ae876651e6d93cb9d6f484eae.jpg" style="border: 0; display: block; height: 506px; line-height: 0; max-height: 506px; max-width: 700px; min-height: 506px; min-width: 700px; width: 700px"></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr align="left" style="border: 0; border-collapse: collapse; border-spacing: 0">
                                <td>
                                  <table cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; min-width: 700px">
                                    <tbody>
                                      <tr style="border: 0; border-collapse: collapse; border-spacing: 0">
                                        <td align="left" valign="top" style="height: 142px; width: 110px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-cc2100939d2010e54364037a963cb9852a444fa1.jpg" style="border: 0; display: block; height: 142px; line-height: 0; max-height: 142px; max-width: 110px; min-height: 142px; min-width: 110px; width: 110px"
                                          /></td>
                                        <td width="480" align="left" valign="top" height="142" style="background-color: #FFFFFF; height: 142px; width: 480px" bgcolor="#FFFFFF">
                                          <!-- content start -->
                                          <div style="height: 141px; max-height: 141px; max-width: 479px; overflow: hidden; width: 479px">
                                            <p class="p1" style="color: #4F5154 !important; font-family: Arial; font-size: 14px; font-style: normal; line-height: 24px;  margin-top:0; padding-top:0; margin-right:0; padding-right:0; margin-bottom:0; padding-bottom:0; margin-left:0; padding-left:0;  text-align: center; text-shadow: none"
                                              align="center"><span class="p1_color_span_wrapper">The 33 XO cockpit features a social friendly seating layout with a flippable backrest providing the ability to face forward or aft. Our innovative Slide-Away Seating allows you to expand the cockpit with only the push of a button, combine that with our unrivaled amount of storage and you will find the 33 XO is more than for any boating adventure.</span></p>
                                          </div>
                                          <!-- content end -->
                                        </td>
                                        <td align="left" valign="top" style="height: 142px; width: 110px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-662ed8a6d5865bc2918e18ba07e3ce3814b87503.jpg" style="border: 0; display: block; height: 142px; line-height: 0; max-height: 142px; max-width: 110px; min-height: 142px; min-width: 110px; width: 110px"
                                          /></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr align="left" style="border: 0; border-collapse: collapse; border-spacing: 0">
                                <td>
                                  <table cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; min-width: 700px">
                                    <tbody>
                                      <tr style="border: 0; border-collapse: collapse; border-spacing: 0">
                                        <td align="left" valign="top" style="height: 17px; width: 700px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-4d30c9c0d4955ff24098a3519c7e844454248905.jpg" style="border: 0; display: block; height: 17px; line-height: 0; max-height: 17px; max-width: 700px; min-height: 17px; min-width: 700px; width: 700px"
                                          /></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr align="left" style="border: 0; border-collapse: collapse; border-spacing: 0">
                                <td>
                                  <table cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; min-width: 700px">
                                    <tbody>
                                      <tr style="border: 0; border-collapse: collapse; border-spacing: 0">
                                        <td align="left" valign="top" style="height: 308px; width: 700px">
                                          <a href="http://www.regalboats.com/model/33-xo-outboard/#Gallery" target="_blank" style="border: none; color: #1122CC !important; display: block; font-size: 10px; line-height: 0;  margin-top:0; padding-top:0; margin-right:0; padding-right:0; margin-bottom:0; padding-bottom:0; margin-left:0; padding-left:0;  text-decoration: none; text-shadow: none"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-35bdd0d04893f09febc009834a686b8769bcad96.jpg" style="border: 0; color: #000001 !important; display: block; height: 308px; line-height: 0; max-height: 308px; max-width: 700px; min-height: 308px; min-width: 700px; width: 700px"
                                            /></a>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr align="left" style="border: 0; border-collapse: collapse; border-spacing: 0">
                                <td>
                                  <table cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; min-width: 700px">
                                    <tbody>
                                      <tr style="border: 0; border-collapse: collapse; border-spacing: 0">
                                        <td align="left" valign="top" style="height: 545px; width: 700px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-45a12ea0713f4464cd2ae01ebaae93697e328c18.jpg" style="border: 0; display: block; height: 545px; line-height: 0; max-height: 545px; max-width: 700px; min-height: 545px; min-width: 700px; width: 700px"
                                          /></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr align="left" style="border: 0; border-collapse: collapse; border-spacing: 0">
                                <td>
                                  <table cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; min-width: 700px">
                                    <tbody>
                                      <tr style="border: 0; border-collapse: collapse; border-spacing: 0">
                                        <td align="left" valign="top" style="height: 138px; width: 381px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-51363814d57b4e0b9657edd686b7e2587dafc65f.jpg" style="border: 0; display: block; height: 138px; line-height: 0; max-height: 138px; max-width: 381px; min-height: 138px; min-width: 381px; width: 381px"
                                          /></td>
                                        <td width="276" align="left" valign="top" height="138" style="background-color: #FFFFFF; height: 138px; width: 276px" bgcolor="#FFFFFF">
                                          <!-- content start -->
                                          <div style="height: 137px; max-height: 137px; max-width: 275px; overflow: hidden; width: 275px">
                                            <p class="p1" style="color: #4F5154 !important; font-family: Arial; font-size: 14px; font-style: normal; line-height: 24px;  margin-top:0; padding-top:0; margin-right:0; padding-right:0; margin-bottom:0; padding-bottom:0; margin-left:0; padding-left:0;  text-shadow: none"><span class="p1_color_span_wrapper">The spacious L-shaped cabin seating makes your time below deck as enjoyable as your time spent above it. The mid-cabin king size bed and convertible forward berth allow you to sleep like royalty.</span></p>
                                          </div>
                                          <!-- content end -->
                                        </td>
                                        <td align="left" valign="top" style="height: 138px; width: 43px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-8c653e5042df8c4b5a66db323b58b21c5cd1e23b.jpg" style="border: 0; display: block; height: 138px; line-height: 0; max-height: 138px; max-width: 43px; min-height: 138px; min-width: 43px; width: 43px"
                                          /></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr align="left" style="border: 0; border-collapse: collapse; border-spacing: 0">
                                <td>
                                  <table cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; min-width: 700px">
                                    <tbody>
                                      <tr style="border: 0; border-collapse: collapse; border-spacing: 0">
                                        <td align="left" valign="top" style="height: 298px; width: 700px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-148faca790799c148b5905c3ae244a0ed1e098ed.jpg" style="border: 0; display: block; height: 298px; line-height: 0; max-height: 298px; max-width: 700px; min-height: 298px; min-width: 700px; width: 700px"
                                          /></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr align="left" style="border: 0; border-collapse: collapse; border-spacing: 0">
                                <td>
                                  <table cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; min-width: 700px">
                                    <tbody>
                                      <tr style="border: 0; border-collapse: collapse; border-spacing: 0">
                                        <td align="left" valign="top" style="height: 109px; width: 85px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-a99985d6035b4a439aa229d71ae61a72d579774c.jpg" style="border: 0; display: block; height: 109px; line-height: 0; max-height: 109px; max-width: 85px; min-height: 109px; min-width: 85px; width: 85px"
                                          /></td>
                                        <td width="530" align="left" valign="top" height="109" style="background-color: #FFFFFF; height: 109px; width: 530px" bgcolor="#FFFFFF">
                                          <!-- content start -->
                                          <div style="height: 108px; max-height: 108px; max-width: 529px; overflow: hidden; width: 529px">
                                            <p class="p1" style="color: #4F5154 !important; font-family: Arial; font-size: 14px; font-style: normal; line-height: 24px;  margin-top:0; padding-top:0; margin-right:0; padding-right:0; margin-bottom:0; padding-bottom:0; margin-left:0; padding-left:0;  text-align: center; text-shadow: none"
                                              align="center"><span class="p1_color_span_wrapper">Thanks to the advancements in boat building technology we <br />are able to craft our boats lighter, stronger and with a perfect <br />glass to resin ratio, every single time. This means better fuel <br />economy, higher performance, and a greater peace of mind.</span></p>
                                          </div>
                                          <!-- content end -->
                                        </td>
                                        <td align="left" valign="top" style="height: 109px; width: 85px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-fb5d1cce8f79b400356ec99ea7f391a197488b53.jpg" style="border: 0; display: block; height: 109px; line-height: 0; max-height: 109px; max-width: 85px; min-height: 109px; min-width: 85px; width: 85px"
                                          /></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr align="left" style="border: 0; border-collapse: collapse; border-spacing: 0">
                                <td>
                                  <table cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; min-width: 700px">
                                    <tbody>
                                      <tr style="border: 0; border-collapse: collapse; border-spacing: 0">
                                        <td align="left" valign="top" style="height: 109px; width: 223px">
                                          <a href="http://www.regalboats.com/model/33-xo-outboard/design/" target="_blank" style="border: none; color: #1122CC !important; display: block; font-size: 10px; line-height: 0;  margin-top:0; padding-top:0; margin-right:0; padding-right:0; margin-bottom:0; padding-bottom:0; margin-left:0; padding-left:0;  text-decoration: none; text-shadow: none"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-a98fbed3f5d170b228be8715f1393869cda61be9.jpg" style="border: 0; color: #000001 !important; display: block; height: 109px; line-height: 0; max-height: 109px; max-width: 223px; min-height: 109px; min-width: 223px; width: 223px"
                                            /></a>
                                        </td>
                                        <td align="left" valign="top" style="height: 109px; width: 249px">
                                          <a href="http://www.regalboats.com/model/33-xo-outboard/" target="_blank" style="border: none; color: #1122CC !important; display: block; font-size: 10px; line-height: 0;  margin-top:0; padding-top:0; margin-right:0; padding-right:0; margin-bottom:0; padding-bottom:0; margin-left:0; padding-left:0;  text-decoration: none; text-shadow: none"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-c2b2beaa3f5c7bf75a816e34831ec6068db6694f.jpg" style="border: 0; color: #000001 !important; display: block; height: 109px; line-height: 0; max-height: 109px; max-width: 249px; min-height: 109px; min-width: 249px; width: 249px"
                                            /></a>
                                        </td>
                                        <td align="left" valign="top" style="height: 109px; width: 228px">
                                          <a href="http://www.regalboats.com/find-your-dealer/" target="_blank" style="border: none; color: #1122CC !important; display: block; font-size: 10px; line-height: 0;  margin-top:0; padding-top:0; margin-right:0; padding-right:0; margin-bottom:0; padding-bottom:0; margin-left:0; padding-left:0;  text-decoration: none; text-shadow: none"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-4286fb4388d93e8a70e61d0e56cce0eb40b6ae39.jpg" style="border: 0; color: #000001 !important; display: block; height: 109px; line-height: 0; max-height: 109px; max-width: 228px; min-height: 109px; min-width: 228px; width: 228px"
                                            /></a>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr align="left" style="border: 0; border-collapse: collapse; border-spacing: 0">
                                <td>
                                  <table cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; min-width: 700px">
                                    <tbody>
                                      <tr style="border: 0; border-collapse: collapse; border-spacing: 0">
                                        <td align="left" valign="top" style="height: 23px; width: 700px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-fede16a3d0c0221fd1018065ea6a577a7e0d5490.jpg" style="border: 0; display: block; height: 23px; line-height: 0; max-height: 23px; max-width: 700px; min-height: 23px; min-width: 700px; width: 700px"
                                          /></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr align="left" style="border: 0; border-collapse: collapse; border-spacing: 0">
                                <td>
                                  <table cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; min-width: 700px">
                                    <tbody>
                                      <tr style="border: 0; border-collapse: collapse; border-spacing: 0">
                                        <td align="left" valign="top" style="height: 59px; width: 255px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-62ebc6ee2ea13fc7b6eb9feb7280fa00fa3d9b5f.jpg" style="border: 0; display: block; height: 59px; line-height: 0; max-height: 59px; max-width: 255px; min-height: 59px; min-width: 255px; width: 255px"
                                          /></td>
                                        <td align="left" valign="top" style="height: 59px; width: 52px">
                                          <a href="https://www.facebook.com/RegalMarine/" target="_blank" style="border: none; color: #1122CC !important; display: block; font-size: 10px; line-height: 0;  margin-top:0; padding-top:0; margin-right:0; padding-right:0; margin-bottom:0; padding-bottom:0; margin-left:0; padding-left:0;  text-decoration: none; text-shadow: none"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-c81d4e2dc9063fb01a3d634a1eab6ea56dde8a90.jpg" style="border: 0; color: #000001 !important; display: block; height: 59px; line-height: 0; max-height: 59px; max-width: 52px; min-height: 59px; min-width: 52px; width: 52px"
                                            /></a>
                                        </td>
                                        <td align="left" valign="top" style="height: 59px; width: 41px">
                                          <a href="https://vimeo.com/regalboats" target="_blank" style="border: none; color: #1122CC !important; display: block; font-size: 10px; line-height: 0;  margin-top:0; padding-top:0; margin-right:0; padding-right:0; margin-bottom:0; padding-bottom:0; margin-left:0; padding-left:0;  text-decoration: none; text-shadow: none"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-0d22f9f69ac7f30256830de85031ed0af4ad3ac6.jpg" style="border: 0; color: #000001 !important; display: block; height: 59px; line-height: 0; max-height: 59px; max-width: 41px; min-height: 59px; min-width: 41px; width: 41px"
                                            /></a>
                                        </td>
                                        <td align="left" valign="top" style="height: 59px; width: 40px">
                                          <a href="https://www.youtube.com/user/RegalMarine" target="_blank" style="border: none; color: #1122CC !important; display: block; font-size: 10px; line-height: 0;  margin-top:0; padding-top:0; margin-right:0; padding-right:0; margin-bottom:0; padding-bottom:0; margin-left:0; padding-left:0;  text-decoration: none; text-shadow: none"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-5987cb0bdac72a482e9247fbae4187a52f58f74e.jpg" style="border: 0; color: #000001 !important; display: block; height: 59px; line-height: 0; max-height: 59px; max-width: 40px; min-height: 59px; min-width: 40px; width: 40px"
                                            /></a>
                                        </td>
                                        <td align="left" valign="top" style="height: 59px; width: 51px">
                                          <a href="https://www.instagram.com/regalboats/" target="_blank" style="border: none; color: #1122CC !important; display: block; font-size: 10px; line-height: 0;  margin-top:0; padding-top:0; margin-right:0; padding-right:0; margin-bottom:0; padding-bottom:0; margin-left:0; padding-left:0;  text-decoration: none; text-shadow: none"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-38b5a6ff1934523092ac8925cc0c54fd095f9778.jpg" style="border: 0; color: #000001 !important; display: block; height: 59px; line-height: 0; max-height: 59px; max-width: 51px; min-height: 59px; min-width: 51px; width: 51px"
                                            /></a>
                                        </td>
                                        <td align="left" valign="top" style="height: 59px; width: 261px"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-c64c8746808cc52d1c6732b37941858ae944f1f3.jpg" style="border: 0; display: block; height: 59px; line-height: 0; max-height: 59px; max-width: 261px; min-height: 59px; min-width: 261px; width: 261px"
                                          /></td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr align="left" style="border: 0; border-collapse: collapse; border-spacing: 0">
                                <td>
                                  <table cellspacing="0" cellpadding="0" border="0" style="border: 0; border-collapse: collapse; border-spacing: 0; min-width: 700px">
                                    <tbody>
                                      <tr style="border: 0; border-collapse: collapse; border-spacing: 0">
                                        <td align="left" valign="top" style="height: 34px; width: 700px">
                                          <a href="http://www.regalboats.com/" target="_blank" style="border: none; color: #1122CC !important; display: block; font-size: 10px; line-height: 0;  margin-top:0; padding-top:0; margin-right:0; padding-right:0; margin-bottom:0; padding-bottom:0; margin-left:0; padding-left:0;  text-decoration: none; text-shadow: none"><img border="0" src="http://html-emails-72235.s3.amazonaws.com/html-emails/images/image-c9bf5ca0b589260f60bb034e38bfd1eaa49eb03b.jpg" style="border: 0; color: #000001 !important; display: block; height: 34px; line-height: 0; max-height: 34px; max-width: 700px; min-height: 34px; min-width: 700px; width: 700px"
                                            /></a>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
            </tbody>
          </table>
        </div>


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


  <div style="display: none; font: 15px courier; white-space: nowrap">


  </div>

</body>

</html>
            
          
!
999px
Close

Asset uploading is a PRO feature.

As a PRO member, you can drag-and-drop upload files here to use as resources. Images, Libraries, JSON data... anything you want. You can even edit them anytime, like any other code on CodePen.

Go PRO

Loading ..................

Console