API tools faq
paste
Advertisement
Guest User

Template code

a guest
May 17th, 2012
284
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 50.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>MACROKIOSK Blackmail</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6. <style type="text/css">
  7. /* Mobile-specific Styles */
  8. @media only screen and (max-device-width: 480px) {
  9.     table[class=hide], td[class=hide], img[class=hide], p[class=hide], span[class=hide], .hide {
  10.         display:none !important;
  11.     }
  12.     table[class=h0], td[class=h0] {
  13.         height: 0 !important;
  14.     }
  15.     p[class=footer-content-left] {
  16.         text-align: center !important;
  17.     }
  18.     #headline p {
  19.         font-size: 30px !important;
  20.     }
  21. }
  22.  
  23. /* Client-specific Styles ----------------------------- */
  24. /* Force Outlook to provide a "view in browser" button. */
  25. #outlook a {
  26.     padding: 0;
  27. }  
  28. body {
  29.     font-size: 12px;
  30.     width: 100% !important;
  31. }
  32. .ReadMsgBody {
  33.     width: 100%;
  34. }
  35. /* Force Hotmail to display emails at full width */
  36. .ExternalClass {
  37.     width: 100%;
  38.     display:block !important;
  39. }
  40. /* Reset Styles ----------------------------- */
  41. /* Add 100px so mobile switch bar doesn't cover street address. */
  42. html, body {
  43.     background-color: #000000;
  44.     margin: 0;
  45.     padding: 0;
  46. }
  47. img {
  48.     height: auto;
  49.     line-height: 100%;
  50.     outline: none;
  51.     text-decoration: none;
  52.     display: block;
  53. }
  54. br, strong br, b br, em br, i br {
  55.     line-height:100%;
  56. }
  57. h1, h2, h3, h4, h5, h6 {
  58.     color: #111 !important;
  59.     line-height: 100% !important;
  60.     -webkit-font-smoothing: antialiased;
  61. }
  62. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  63.     color: #111 !important;
  64. }
  65. h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
  66.     color: #111 !important;
  67. }
  68. /* Preferably not the same color as the normal header link color.  There is limited support for psuedo classes in email clients, this was added just for good measure. */
  69. h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
  70.     color: #111 !important;
  71. }
  72. /* Preferably not the same color as the normal header link color. There is limited support for psuedo classes in email clients, this was added just for good measure. */  
  73. table td, table tr {
  74.     border-collapse: collapse;
  75. }
  76. /* Body text color for the New Yahoo. */
  77. .yshortcuts, a span.yshortcuts {
  78.     color: #242424 !important;
  79. }
  80. /* Link text color for Yahoo */
  81. .article-content a span,
  82. .yshortcuts a, .yshortcuts a:link, .yshortcuts a:visited, .yshortcuts a:hover {
  83.     color: #f7941d !important;
  84.     text-decoration: none !important;
  85.     border-bottom: none !important;
  86.     background: none !important;
  87. }  
  88. /* This most probably won't work in all email clients. Don't include <code> blocks in email. */
  89. code {
  90.     white-space: normal;
  91.     word-break: break-all;
  92. }
  93. #background-table {
  94.     background-color: #000000;
  95. }
  96. /* Fonts and Content */
  97. body {
  98.     font-family: Arial, Helvetica, Geneva, sans-serif;
  99. }
  100. .header-content {
  101.     font-size: 11px;
  102.     color: #FFFFFF;
  103. }
  104. .header-content a {
  105.     color: #f7941d;
  106.     text-decoration: none;
  107. }
  108. /* Prevent Webkit and Windows Mobile platforms from changing default font sizes on header and footer. */
  109. .header-content, .footer-content-left, .footer-content-right {
  110.     -webkit-text-size-adjust: none;
  111.     -ms-text-size-adjust: none;
  112. }
  113.  
  114. .article-title {
  115.     font-size: 30px;
  116.     line-height:42px;
  117.     color: #111111;
  118.     font-weight:bold;
  119.     padding: 0;
  120.     margin:0px;
  121.     /* margin-bottom:18px; */
  122.     font-family: Arial, Helvetica, Geneva, sans-serif;
  123. }
  124. .article-title a,
  125. .article-title a span {
  126.     color: #111111 !important;
  127.     border: 0 !important;
  128.     background: transparent !important;
  129.     text-decoration: none;
  130. }
  131. .article-title.with-meta {
  132.     margin-bottom: 0;
  133. }
  134. .article-meta {
  135.     font-size: 12px;
  136.     line-height: 20px;
  137.     color: #242424;
  138.     margin-top: 0;
  139. }
  140. .article-image img {
  141.     display: block;
  142.     max-width: 100%;
  143.     margin: 12px 0;
  144. }
  145. .col-image .article-image img {
  146.     display: block;
  147.     max-width: 100%;
  148.     margin-bottom: 0;
  149. }
  150. .article-content {
  151.     font-size: 14px;
  152.     line-height: 18px;
  153.     color: #242424;
  154.     margin-top: 0px;
  155.     /*margin-bottom: 18px;*/
  156.     font-family: Arial, Helvetica, Geneva, sans-serif;
  157. }
  158. .article-content a {
  159.     color: #f7941d;
  160.     font-weight:bold;
  161.     text-decoration:none;
  162. }
  163. .article-content img {
  164.     display: inline;
  165.     max-width: 100%;
  166.     margin-bottom:12px;
  167. }
  168.  
  169. .article-content .backtotop img {
  170.     margin-bottom: 0;
  171. }
  172.  
  173. .article-content ol,
  174. .article-content ul {
  175.     margin-top:12px;
  176.     margin-bottom:12px;
  177.     margin-left:19px;
  178.     padding:0;
  179. }
  180. .article-content li {
  181.     font-size: 14px;
  182.     line-height: 18px;
  183.     color: #242424;
  184. }
  185. .article-content li a {
  186.     color: #f7941d;
  187.     text-decoration:underline;
  188. }
  189. .article-content p {
  190.     margin-top: 12px;
  191.     margin-bottom: 12px;
  192. }
  193.  
  194. .col240 h2.article-title {
  195.     margin-top: 12px;
  196.     margin-bottom: 12px;
  197. }
  198.  
  199. .col240 .article-image img {
  200.     margin-top: 0;
  201.     margin-bottom: 12px;
  202. }
  203.  
  204. .col240 h2.article-title,
  205. .col240 h2.article-title a {
  206.     color: #FFFFFF !important;
  207.     font-size: 20px;
  208.     line-height: 26px;
  209. }
  210.  
  211. .col240 .article-content {
  212.     color: #FFF;
  213. }
  214.  
  215. .footer-content {
  216.     text-align: center;
  217.     font-size: 12px;
  218.     color: #EBEBEB;
  219. }
  220. .footer-content p {
  221.     margin-bottom: 12px;
  222. }
  223.  
  224. /* Content Styles ----------------------------- */
  225. .bg-gray {
  226.     background: #CFCFCF;
  227. }
  228. .bg-lightgray {
  229.     background: #e4e4e4;
  230. }
  231. .bg-white {
  232.     background: #fefdfd;
  233. }
  234.  
  235.  
  236. </style>
  237. <!--[if gte mso 9]>
  238. <style>
  239. .article-content ol,
  240. .article-content ul {
  241.   margin: 0 0 0 24px;
  242.   padding: 0;
  243.   list-style-position: inside;
  244. }
  245. </style>
  246. <![endif]-->
  247. </head>
  248.  
  249. <body>
  250. <table id="background-table" width="100%" border="0" cellspacing="0" cellpadding="0">
  251.     <tr>
  252.         <td align="center" bgcolor="#000000"><a name="top">&nbsp;</a></td>
  253.     </tr>
  254.     <tr>
  255.         <td align="center" bgcolor="#000000">
  256.            
  257.         <table id="main" width="546px" border="0" cellspacing="0" cellpadding="0">
  258.             <tr>
  259.                 <td>
  260.                
  261.                     <table id="preheader" class="w546" width="546" border="0" cellspacing="0" cellpadding="0">
  262.                         <tr>
  263.                             <td valign="middle"><div class="header-content">Having trouble viewing this email? <webversion style="color:#f7941d; text-decoration:none;"><span style="color:#f7941d; text-decoration:none;">Click here for the web version</span></webversion> </div></td>
  264.                             <td width="172" valign="top"><img src="assets/preheader-logo.png" width="172" height="24" alt="MACROKIOSK" /></td>
  265.                         </tr>
  266.                         <tr>
  267.                             <td valign="top" height="10" class="h10">&nbsp;</td>
  268.                             <td valign="top" height="10" class="h10">&nbsp;</td>
  269.                         </tr>
  270.                     </table>
  271.                    
  272.                     <table id="header" class="w546" width="546" border="0" cellspacing="0" cellpadding="0">
  273.                         <tr>
  274.                             <td>
  275.                                 <h1 style="color:#FFFFFF !important; font-size:24px;">
  276.                                     <img src="assets/header.png" width="546" height="72" class="w546" editable="true" label="Header" />
  277.                                 </h1>
  278.                             </td>
  279.                         </tr>
  280.                         <tr>
  281.                             <td height="10" class="h10">&nbsp;</td>
  282.                         </tr>
  283.                     </table>
  284.  
  285.                     <repeater>
  286.                    
  287.                         <layout label="Headline with full-width image (gray)">
  288.                             <table class="w546 bg-gray" width="546" border="0" cellspacing="0" cellpadding="0">
  289.                                 <tr>
  290.                                     <td class="w20"  width="20">&nbsp;</td>
  291.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  292.                                     <td class="w20"  width="20">&nbsp;</td>
  293.                                 </tr>
  294.                                 <tr>
  295.                                     <td class="w20"  width="20">&nbsp;</td>
  296.                                     <td class="w506" width="506" valign="top">
  297.                                         <h2 align="left" class="article-title"><singleline label="Title">Headline with full-width image</singleline></h2>
  298.                                         <div align="left" class="article-image"><img editable="true" label="Image" class="w506" width="506" border="0" src="http://placehold.it/506x200/fff&text=506px"></div>
  299.                                         <div align="left" class="article-content">
  300.                                             <multiline label="Description">
  301.                                                 <p>Tip: Remove the image for a headline and text-only layout.</p></multiline>
  302.                                         </div>
  303.                                     </td>
  304.                                     <td class="w20"  width="20">&nbsp;</td>
  305.                                 </tr>
  306.                                 <tr>
  307.                                     <td class="w20"  width="20">&nbsp;</td>
  308.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  309.                                     <td class="w20"  width="20">&nbsp;</td>
  310.                                 </tr>
  311.                                 <tr>
  312.                                     <td class="w20"  width="20">&nbsp;</td>
  313.                                     <td class="w506" width="506" valign="top">
  314.                                         <table class="w84 backtotop" width="84" border="0" cellspacing="0" cellpadding="0" align="center">
  315.                                             <tr>
  316.                                                 <td><a style="text-decoration:none;" href="#top"><img src="assets/backtotop-gray.png" alt="Back to top" width="84" height="21" border="0" /></a></td>
  317.                                             </tr>
  318.                                         </table>   
  319.                                     </td>
  320.                                     <td class="w20"  width="20">&nbsp;</td>
  321.                                 </tr>
  322.                                 <tr>
  323.                                     <td class="w20"  width="20">&nbsp;</td>
  324.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  325.                                     <td class="w20"  width="20">&nbsp;</td>
  326.                                 </tr>
  327.                             </table>
  328.                         </layout>
  329.                        
  330.                         <layout label="Headline with full-width image (light gray)">
  331.                             <table class="w546 bg-lightgray" width="546" border="0" cellspacing="0" cellpadding="0">
  332.                                 <tr>
  333.                                     <td class="w20"  width="20">&nbsp;</td>
  334.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  335.                                     <td class="w20"  width="20">&nbsp;</td>
  336.                                 </tr>
  337.                                 <tr>
  338.                                     <td class="w20"  width="20">&nbsp;</td>
  339.                                     <td class="w506" width="506" valign="top">
  340.                                         <h2 align="left" class="article-title"><singleline label="Title">Headline with full-width image</singleline></h2>
  341.                                         <div align="left" class="article-image"><img editable="true" label="Image" class="w506" width="506" border="0" src="http://placehold.it/506x200/fff&text=506px"></div>
  342.                                         <div align="left" class="article-content">
  343.                                             <multiline label="Description">
  344.                                                 <p>Tip: Remove the image for a headline and text-only layout.</p></multiline>
  345.                                         </div>
  346.                                     </td>
  347.                                     <td class="w20"  width="20">&nbsp;</td>
  348.                                 </tr>
  349.                                 <tr>
  350.                                     <td class="w20"  width="20">&nbsp;</td>
  351.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  352.                                     <td class="w20"  width="20">&nbsp;</td>
  353.                                 </tr>
  354.                                 <tr>
  355.                                     <td class="w20"  width="20">&nbsp;</td>
  356.                                     <td class="w506" width="506" valign="top">
  357.                                         <table class="w84 backtotop" width="84" border="0" cellspacing="0" cellpadding="0" align="center">
  358.                                             <tr>
  359.                                                 <td><a style="text-decoration:none;" href="#top"><img src="assets/backtotop-lightgray.png" alt="Back to top" width="84" height="21" border="0" /></a></td>
  360.                                             </tr>
  361.                                         </table>   
  362.                                     </td>
  363.                                     <td class="w20"  width="20">&nbsp;</td>
  364.                                 </tr>
  365.                                 <tr>
  366.                                     <td class="w20"  width="20">&nbsp;</td>
  367.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  368.                                     <td class="w20"  width="20">&nbsp;</td>
  369.                                 </tr>
  370.                             </table>
  371.                         </layout>
  372.                        
  373.                         <layout label="Headline with full-width image (white)">
  374.                             <table class="w546 bg-white" width="546" border="0" cellspacing="0" cellpadding="0">
  375.                                 <tr>
  376.                                     <td class="w20"  width="20">&nbsp;</td>
  377.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  378.                                     <td class="w20"  width="20">&nbsp;</td>
  379.                                 </tr>
  380.                                 <tr>
  381.                                     <td class="w20"  width="20">&nbsp;</td>
  382.                                     <td class="w506" width="506" valign="top">
  383.                                         <h2 align="left" class="article-title"><singleline label="Title">Headline with full-width image</singleline></h2>
  384.                                         <div align="left" class="article-image"><img editable="true" label="Image" class="w506" width="506" border="0" src="http://placehold.it/506x200&text=506px"></div>
  385.                                         <div align="left" class="article-content">
  386.                                             <multiline label="Description">
  387.                                                 <p>Tip: Remove the image for a headline and text-only layout.</p></multiline>
  388.                                         </div>
  389.                                     </td>
  390.                                     <td class="w20"  width="20">&nbsp;</td>
  391.                                 </tr>
  392.                                 <tr>
  393.                                     <td class="w20"  width="20">&nbsp;</td>
  394.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  395.                                     <td class="w20"  width="20">&nbsp;</td>
  396.                                 </tr>
  397.                                 <tr>
  398.                                     <td class="w20"  width="20">&nbsp;</td>
  399.                                     <td class="w506" width="506" valign="top">
  400.                                         <table class="w84 backtotop" width="84" border="0" cellspacing="0" cellpadding="0" align="center">
  401.                                             <tr>
  402.                                                 <td><a style="text-decoration:none;" href="#top"><img src="assets/backtotop-white.png" alt="Back to top" width="84" height="21" border="0" /></a></td>
  403.                                             </tr>
  404.                                         </table>   
  405.                                     </td>
  406.                                     <td class="w20"  width="20">&nbsp;</td>
  407.                                 </tr>
  408.                                 <tr>
  409.                                     <td class="w20"  width="20">&nbsp;</td>
  410.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  411.                                     <td class="w20"  width="20">&nbsp;</td>
  412.                                 </tr>
  413.                             </table>
  414.                         </layout>
  415.                        
  416.                         <layout label="Headline with 2-col image + text (gray)">
  417.                             <table class="w546 bg-gray" width="546" border="0" cellspacing="0" cellpadding="0">
  418.                                 <tr>
  419.                                     <td class="w20"  width="20">&nbsp;</td>
  420.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  421.                                     <td class="w20"  width="20">&nbsp;</td>
  422.                                 </tr>
  423.                                 <tr>
  424.                                     <td class="w20"  width="20">&nbsp;</td>
  425.                                     <td class="w506" width="506" valign="top">
  426.                                         <h2 align="left" class="article-title">
  427.                                             <singleline label="Title">Headline with 2-col image + text</singleline></h2>
  428.                                         <table width="506" border="0" cellspacing="0" cellpadding="0">
  429.                                             <tr>
  430.                                                 <td width="240" valign="top" class="w240">
  431.                                                     <div align="left" class="article-image"><img editable="true" label="Image" class="w240" width="240" border="0" src="http://placehold.it/240x200/fff&text=240px"></div>
  432.                                                     <div align="left" class="article-content">
  433.                                                         <multiline label="Description"><p>Tip: remove the image to make a text + image layout.</p></multiline>
  434.                                                     </div>
  435.                                                 </td>
  436.                                                 <td width="26" valign="top" class="w26">&nbsp;</td>
  437.                                                 <td width="240" valign="top" class="w240">
  438.                                                     <div align="left" class="article-image"><img editable="true" label="Image" class="w240" width="240" border="0" src="http://placehold.it/240x200/fff&text=240px"></div>
  439.                                                     <div align="left" class="article-content">
  440.                                                         <multiline label="Description"><p>Reduce the font size to 12 to make this into a caption.</p></multiline>
  441.                                                     </div>
  442.                                                 </td>
  443.                                             </tr>
  444.                                         </table>
  445.                                     </td>
  446.                                     <td class="w20"  width="20">&nbsp;</td>
  447.                                 </tr>
  448.                                 <tr>
  449.                                     <td class="w20"  width="20">&nbsp;</td>
  450.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  451.                                     <td class="w20"  width="20">&nbsp;</td>
  452.                                 </tr>
  453.                                 <tr>
  454.                                     <td class="w20"  width="20">&nbsp;</td>
  455.                                     <td class="w506" width="506" valign="top">
  456.                                         <table class="w84 backtotop" width="84" border="0" cellspacing="0" cellpadding="0" align="center">
  457.                                             <tr>
  458.                                                 <td><a style="text-decoration:none;" href="#top"><img src="assets/backtotop-gray.png" alt="Back to top" width="84" height="21" border="0" /></a></td>
  459.                                             </tr>
  460.                                         </table>   
  461.                                     </td>
  462.                                     <td class="w20"  width="20">&nbsp;</td>
  463.                                 </tr>
  464.                                 <tr>
  465.                                     <td class="w20"  width="20">&nbsp;</td>
  466.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  467.                                     <td class="w20"  width="20">&nbsp;</td>
  468.                                 </tr>
  469.                             </table>
  470.                         </layout>
  471.                        
  472.                         <layout label="Headline with 2-col image + text (light gray)">
  473.                             <table class="w546 bg-lightgray" width="546" border="0" cellspacing="0" cellpadding="0">
  474.                                 <tr>
  475.                                     <td class="w20"  width="20">&nbsp;</td>
  476.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  477.                                     <td class="w20"  width="20">&nbsp;</td>
  478.                                 </tr>
  479.                                 <tr>
  480.                                     <td class="w20"  width="20">&nbsp;</td>
  481.                                     <td class="w506" width="506" valign="top">
  482.                                         <h2 align="left" class="article-title">
  483.                                             <singleline label="Title">Headline with 2-col image + text</singleline></h2>
  484.                                         <table width="506" border="0" cellspacing="0" cellpadding="0">
  485.                                             <tr>
  486.                                                 <td width="240" valign="top" class="w240">
  487.                                                     <div align="left" class="article-image"><img editable="true" label="Image" class="w240" width="240" border="0" src="http://placehold.it/240x200/fff&text=240px"></div>
  488.                                                     <div align="left" class="article-content">
  489.                                                         <multiline label="Description"><p>Reduce the font size to 12 to make this into a caption.</p></multiline>
  490.                                                     </div>
  491.                                                 </td>
  492.                                                 <td width="26" valign="top" class="w26">&nbsp;</td>
  493.                                                 <td width="240" valign="top" class="w240">
  494.                                                     <div align="left" class="article-image"><img editable="true" label="Image" class="w240" width="240" border="0" src="http://placehold.it/240x200/fff&text=240px"></div>
  495.                                                     <div align="left" class="article-content">
  496.                                                         <multiline label="Description"><p>Tip: remove the image to make a text + image layout.</p></multiline>
  497.                                                     </div>
  498.                                                 </td>
  499.                                             </tr>
  500.                                         </table>
  501.                                     </td>
  502.                                     <td class="w20"  width="20">&nbsp;</td>
  503.                                 </tr>
  504.                                 <tr>
  505.                                     <td class="w20"  width="20">&nbsp;</td>
  506.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  507.                                     <td class="w20"  width="20">&nbsp;</td>
  508.                                 </tr>
  509.                                 <tr>
  510.                                     <td class="w20"  width="20">&nbsp;</td>
  511.                                     <td class="w506" width="506" valign="top">
  512.                                         <table class="w84 backtotop" width="84" border="0" cellspacing="0" cellpadding="0" align="center">
  513.                                             <tr>
  514.                                                 <td><a style="text-decoration:none;" href="#top"><img src="assets/backtotop-gray.png" alt="Back to top" width="84" height="21" border="0" /></a></td>
  515.                                             </tr>
  516.                                         </table>   
  517.                                     </td>
  518.                                     <td class="w20"  width="20">&nbsp;</td>
  519.                                 </tr>
  520.                                 <tr>
  521.                                     <td class="w20"  width="20">&nbsp;</td>
  522.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  523.                                     <td class="w20"  width="20">&nbsp;</td>
  524.                                 </tr>
  525.                             </table>
  526.                         </layout>
  527.                        
  528.                         <layout label="Headline with 2-col image + text (white)">
  529.                             <table class="w546 bg-white" width="546" border="0" cellspacing="0" cellpadding="0">
  530.                                 <tr>
  531.                                     <td class="w20"  width="20">&nbsp;</td>
  532.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  533.                                     <td class="w20"  width="20">&nbsp;</td>
  534.                                 </tr>
  535.                                 <tr>
  536.                                     <td class="w20"  width="20">&nbsp;</td>
  537.                                     <td class="w506" width="506" valign="top">
  538.                                         <h2 align="left" class="article-title">
  539.                                             <singleline label="Title">Headline with 2-col image + text</singleline></h2>
  540.                                         <table width="506" border="0" cellspacing="0" cellpadding="0">
  541.                                             <tr>
  542.                                                 <td width="240" valign="top" class="w240">
  543.                                                     <div align="left" class="article-image"><img editable="true" label="Image" class="w240" width="240" border="0" src="http://placehold.it/240x200&text=240px"></div>
  544.                                                     <div align="left" class="article-content">
  545.                                                         <multiline label="Description"><p>Tip: remove the image to make a text + image layout.</p></multiline>
  546.                                                     </div>
  547.                                                 </td>
  548.                                                 <td width="26" valign="top" class="w26">&nbsp;</td>
  549.                                                 <td width="240" valign="top" class="w240">
  550.                                                     <div align="left" class="article-image"><img editable="true" label="Image" class="w240" width="240" border="0" src="http://placehold.it/240x200&text=240px"></div>
  551.                                                     <div align="left" class="article-content">
  552.                                                         <multiline label="Description"><p>Reduce the font size to 12 to make this into a caption.</p></multiline>
  553.                                                     </div>
  554.                                                 </td>
  555.                                             </tr>
  556.                                         </table>
  557.                                     </td>
  558.                                     <td class="w20"  width="20">&nbsp;</td>
  559.                                 </tr>
  560.                                 <tr>
  561.                                     <td class="w20"  width="20">&nbsp;</td>
  562.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  563.                                     <td class="w20"  width="20">&nbsp;</td>
  564.                                 </tr>
  565.                                 <tr>
  566.                                     <td class="w20"  width="20">&nbsp;</td>
  567.                                     <td class="w506" width="506" valign="top">
  568.                                         <table class="w84 backtotop" width="84" border="0" cellspacing="0" cellpadding="0" align="center">
  569.                                             <tr>
  570.                                                 <td><a style="text-decoration:none;" href="#top"><img src="assets/backtotop-gray.png" alt="Back to top" width="84" height="21" border="0" /></a></td>
  571.                                             </tr>
  572.                                         </table>   
  573.                                     </td>
  574.                                     <td class="w20"  width="20">&nbsp;</td>
  575.                                 </tr>
  576.                                 <tr>
  577.                                     <td class="w20"  width="20">&nbsp;</td>
  578.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  579.                                     <td class="w20"  width="20">&nbsp;</td>
  580.                                 </tr>
  581.                             </table>
  582.                         </layout>
  583.                        
  584.                         <layout label="2 headline + 2 column A">
  585.                             <table class="w546" width="546" border="0" cellspacing="0" cellpadding="0">
  586.                                 <tr>
  587.                                     <td width="273" valign="top" style="background-color:#8e8e8e;">
  588.                                         <table class="w273" width="273" border="0" cellspacing="0" cellpadding="0">
  589.                                             <tr>
  590.                                                 <td class="w18" width="18">&nbsp;</td>
  591.                                                 <td class="w240">&nbsp;</td>
  592.                                                 <td class="w15" width="15">&nbsp;</td>
  593.                                             </tr>
  594.                                             <tr>
  595.                                                 <td class="w18" width="18">&nbsp;</td>
  596.                                                 <td class="w240 col240">
  597.                                                     <div align="left" class="article-image"><img editable="true" label="Image" class="w240" width="240" border="0" src="http://placehold.it/240x200/fff&text=240px"></div>
  598.                                                     <h2 align="left" class="article-title" style="color:#FFFFFF !important;"><singleline label="Title">2-col headline + image + text</singleline></h2>
  599.                                                     <div align="left" class="article-content">
  600.                                                         <multiline label="Description">
  601.                                                             <p>Tip: The image can be removed in this layout.</p></multiline>
  602.                                                     </div>                                             
  603.                                                 </td>
  604.                                                 <td class="w15" width="15">&nbsp;</td>
  605.                                             </tr>
  606.                                             <tr>
  607.                                                 <td class="w18" width="18">&nbsp;</td>
  608.                                                 <td class="w240">&nbsp;</td>
  609.                                                 <td class="w15" width="15">&nbsp;</td>
  610.                                             </tr>
  611.                                         </table>
  612.                                     </td>
  613.                                     <td width="273" valign="top" style="background-color:#727272;">
  614.                                         <table class="w273" width="273" border="0" cellspacing="0" cellpadding="0">
  615.                                             <tr>
  616.                                                 <td class="w15" width="15">&nbsp;</td>
  617.                                                 <td class="w240">&nbsp;</td>
  618.                                                 <td class="w18" width="18">&nbsp;</td>
  619.                                             </tr>
  620.                                             <tr>
  621.                                                 <td class="w15" width="15">&nbsp;</td>
  622.                                                 <td class="w240 col240">
  623.                                                     <div align="left" class="article-image"><img editable="true" label="Image" class="w240" width="240" border="0" src="http://placehold.it/240x200/fff&text=240px"></div>
  624.                                                     <h2 align="left" class="article-title" style="color:#FFFFFF !important;"><singleline label="Title">2-col headline + image + text</singleline></h2>
  625.                                                     <div align="left" class="article-content">
  626.                                                         <multiline label="Description">
  627.                                                             <p>Tip: The image can be removed in this layout.</p></multiline>
  628.                                                     </div>
  629.                                                 </td>
  630.                                                 <td class="w18" width="18">&nbsp;</td>
  631.                                             </tr>
  632.                                             <tr>
  633.                                                 <td class="w15" width="15">&nbsp;</td>
  634.                                                 <td class="w240">&nbsp;</td>
  635.                                                 <td class="w18" width="18">&nbsp;</td>
  636.                                             </tr>
  637.                                         </table>
  638.  
  639.                                     </td>
  640.                                 </tr>
  641.                                 <tr>
  642.                                     <td class="w546" colspan="2">
  643.                                         <table class="w546 bg-darkgray" width="546" border="0" cellspacing="0" cellpadding="0" bgcolor="#303030" style="background-color:#303030;">
  644.                                             <tr>
  645.                                                 <td>&nbsp;</td>
  646.                                                 <td>&nbsp;</td>
  647.                                                 <td>&nbsp;</td>
  648.                                             </tr>
  649.                                             <tr>
  650.                                                 <td class="w20"  width="20">&nbsp;</td>
  651.                                                 <td class="w506" width="506" valign="top">
  652.                                                     <table class="w84 backtotop" width="84" border="0" cellspacing="0" cellpadding="0" align="center">
  653.                                                         <tr>
  654.                                                             <td><a style="text-decoration:none;" href="#top"><img src="assets/backtotop-darkgray.png" alt="Back to top" width="84" height="21" border="0" /></a></td>
  655.                                                         </tr>
  656.                                                     </table>   
  657.                                                 </td>
  658.                                                 <td class="w20"  width="20">&nbsp;</td>
  659.                                             </tr>
  660.                                             <tr>
  661.                                                 <td>&nbsp;</td>
  662.                                                 <td>&nbsp;</td>
  663.                                                 <td>&nbsp;</td>
  664.                                             </tr>
  665.                                         </table>                                   
  666.                                     </td>
  667.                                 </tr>
  668.                             </table>
  669.                         </layout>
  670.                        
  671.                         <layout label="2 headline + 2 column B">
  672.                             <table class="w546" width="546" border="0" cellspacing="0" cellpadding="0">
  673.                                 <tr>
  674.                                     <td width="273" valign="top" style="background-color:#727272;">
  675.                                         <table class="w273" width="273" border="0" cellspacing="0" cellpadding="0">
  676.                                             <tr>
  677.                                                 <td class="w18" width="18">&nbsp;</td>
  678.                                                 <td class="w240">&nbsp;</td>
  679.                                                 <td class="w15" width="15">&nbsp;</td>
  680.                                             </tr>
  681.                                             <tr>
  682.                                                 <td class="w18" width="18">&nbsp;</td>
  683.                                                 <td class="w240 col240">
  684.                                                     <div align="left" class="article-image"><img editable="true" label="Image" class="w240" width="240" border="0" src="http://placehold.it/240x200/fff&text=240px"></div>
  685.                                                     <h2 align="left" class="article-title" style="color:#FFFFFF !important;"><singleline label="Title">2-col headline + image + text</singleline></h2>
  686.                                                     <div align="left" class="article-content">
  687.                                                         <multiline label="Description">
  688.                                                             <p>Tip: The image can be removed in this layout.</p></multiline>
  689.                                                     </div>                                             
  690.                                                 </td>
  691.                                                 <td class="w15" width="15">&nbsp;</td>
  692.                                             </tr>
  693.                                             <tr>
  694.                                                 <td class="w18" width="18">&nbsp;</td>
  695.                                                 <td class="w240">&nbsp;</td>
  696.                                                 <td class="w15" width="15">&nbsp;</td>
  697.                                             </tr>
  698.                                         </table>
  699.                                     </td>
  700.                                     <td width="273" valign="top" style="background-color:#8e8e8e;">
  701.                                         <table class="w273" width="273" border="0" cellspacing="0" cellpadding="0">
  702.                                             <tr>
  703.                                                 <td class="w15" width="15">&nbsp;</td>
  704.                                                 <td class="w240">&nbsp;</td>
  705.                                                 <td class="w18" width="18">&nbsp;</td>
  706.                                             </tr>
  707.                                             <tr>
  708.                                                 <td class="w15" width="15">&nbsp;</td>
  709.                                                 <td class="w240 col240">
  710.                                                     <div align="left" class="article-image"><img editable="true" label="Image" class="w240" width="240" border="0" src="http://placehold.it/240x200/fff&text=240px"></div>
  711.                                                     <h2 align="left" class="article-title" style="color:#FFFFFF !important;"><singleline label="Title">2-col headline + image + text</singleline></h2>
  712.                                                     <div align="left" class="article-content">
  713.                                                         <multiline label="Description">
  714.                                                             <p>Tip: The image can be removed in this layout.</p></multiline>
  715.                                                     </div>
  716.                                                 </td>
  717.                                                 <td class="w18" width="18">&nbsp;</td>
  718.                                             </tr>
  719.                                             <tr>
  720.                                                 <td class="w15" width="15">&nbsp;</td>
  721.                                                 <td class="w240">&nbsp;</td>
  722.                                                 <td class="w18" width="18">&nbsp;</td>
  723.                                             </tr>
  724.                                         </table>
  725.  
  726.                                     </td>
  727.                                 </tr>
  728.                                 <tr>
  729.                                     <td class="w546" colspan="2">
  730.                                         <table class="w546 bg-darkgray" width="546" border="0" cellspacing="0" cellpadding="0" bgcolor="#303030" style="background-color:#303030;">
  731.                                             <tr>
  732.                                                 <td>&nbsp;</td>
  733.                                                 <td>&nbsp;</td>
  734.                                                 <td>&nbsp;</td>
  735.                                             </tr>
  736.                                             <tr>
  737.                                                 <td class="w20"  width="20">&nbsp;</td>
  738.                                                 <td class="w506" width="506" valign="top">
  739.                                                     <table class="w84 backtotop" width="84" border="0" cellspacing="0" cellpadding="0" align="center">
  740.                                                         <tr>
  741.                                                             <td><a style="text-decoration:none;" href="#top"><img src="assets/backtotop-darkgray.png" alt="Back to top" width="84" height="21" border="0" /></a></td>
  742.                                                         </tr>
  743.                                                     </table>   
  744.                                                 </td>
  745.                                                 <td class="w20"  width="20">&nbsp;</td>
  746.                                             </tr>
  747.                                             <tr>
  748.                                                 <td>&nbsp;</td>
  749.                                                 <td>&nbsp;</td>
  750.                                                 <td>&nbsp;</td>
  751.                                             </tr>
  752.                                         </table>                                   
  753.                                     </td>
  754.                                 </tr>
  755.                             </table>
  756.                         </layout>
  757.                                        
  758.                         <layout label="Headline with text + 160px image (gray)">
  759.                             <table class="w546 bg-gray" width="546" border="0" cellspacing="0" cellpadding="0">
  760.                                 <tr>
  761.                                     <td class="w20"  width="20">&nbsp;</td>
  762.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  763.                                     <td class="w20"  width="20">&nbsp;</td>
  764.                                 </tr>
  765.                                 <tr>
  766.                                     <td class="w20"  width="20">&nbsp;</td>
  767.                                     <td class="w506" width="506" valign="top">
  768.                                         <h2 align="left" class="article-title"><singleline label="Title">Headline with text + 160px image</singleline></h2>
  769.                                         <table width="506" border="0" cellspacing="0" cellpadding="0">
  770.                                             <tr>
  771.                                                 <td width="326" valign="top" class="w326">
  772.                                                     <div align="left" class="article-content">
  773.                                                         <multiline label="Description"><p>Enter your description</p></multiline>
  774.                                                     </div>
  775.                                                 </td>
  776.                                                 <td width="20" valign="top" class="w20">&nbsp;</td>
  777.                                                 <td width="160" valign="top" class="w160 col-image">
  778.                                                     <div align="left" class="article-image" style="margin-top:16px;"><img editable="true" label="Image" class="w160" width="160" border="0" src="http://placehold.it/160x200/fff/&text=160px"></div>
  779.                                                     <div align="left" class="article-meta">
  780.                                                         <multiline label="Caption"><p>Image caption (optional)</p></multiline>
  781.                                                     </div>
  782.                                                 </td>
  783.                                             </tr>
  784.                                         </table>
  785.                                     </td>
  786.                                     <td class="w20"  width="20">&nbsp;</td>
  787.                                 </tr>
  788.                                 <tr>
  789.                                     <td class="w20"  width="20">&nbsp;</td>
  790.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  791.                                     <td class="w20"  width="20">&nbsp;</td>
  792.                                 </tr>
  793.                                 <tr>
  794.                                     <td class="w20"  width="20">&nbsp;</td>
  795.                                     <td class="w506" width="506" valign="top">
  796.                                         <table class="w84 backtotop" width="84" border="0" cellspacing="0" cellpadding="0" align="center">
  797.                                             <tr>
  798.                                                 <td><a style="text-decoration:none;" href="#top"><img src="assets/backtotop-gray.png" alt="Back to top" width="84" height="21" border="0" /></a></td>
  799.                                             </tr>
  800.                                         </table>   
  801.                                     </td>
  802.                                     <td class="w20"  width="20">&nbsp;</td>
  803.                                 </tr>
  804.                                 <tr>
  805.                                     <td class="w20"  width="20">&nbsp;</td>
  806.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  807.                                     <td class="w20"  width="20">&nbsp;</td>
  808.                                 </tr>
  809.                             </table>
  810.                         </layout>
  811.                        
  812.                         <layout label="Headline with text + 160px image (light gray)">
  813.                             <table class="w546 bg-lightgray" width="546" border="0" cellspacing="0" cellpadding="0">
  814.                                 <tr>
  815.                                     <td class="w20"  width="20">&nbsp;</td>
  816.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  817.                                     <td class="w20"  width="20">&nbsp;</td>
  818.                                 </tr>
  819.                                 <tr>
  820.                                     <td class="w20"  width="20">&nbsp;</td>
  821.                                     <td class="w506" width="506" valign="top">
  822.                                         <h2 align="left" class="article-title"><singleline label="Title">Headline with text + 160px image</singleline></h2>
  823.                                         <table width="506" border="0" cellspacing="0" cellpadding="0">
  824.                                             <tr>
  825.                                                 <td width="326" valign="top" class="w326">
  826.                                                     <div align="left" class="article-content">
  827.                                                         <multiline label="Description"><p>Enter your description</p></multiline>
  828.                                                     </div>
  829.                                                 </td>
  830.                                                 <td width="20" valign="top" class="w20">&nbsp;</td>
  831.                                                 <td width="160" valign="top" class="w160 col-image">
  832.                                                     <div align="left" class="article-image" style="margin-top:16px;"><img editable="true" label="Image" class="w160" width="160" border="0" src="http://placehold.it/160x200/fff/&text=160px"></div>
  833.                                                     <div align="left" class="article-meta">
  834.                                                         <multiline label="Caption"><p>Image caption (optional)</p></multiline>
  835.                                                     </div>
  836.                                                 </td>
  837.                                             </tr>
  838.                                         </table>
  839.                                     </td>
  840.                                     <td class="w20"  width="20">&nbsp;</td>
  841.                                 </tr>
  842.                                 <tr>
  843.                                     <td class="w20"  width="20">&nbsp;</td>
  844.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  845.                                     <td class="w20"  width="20">&nbsp;</td>
  846.                                 </tr>
  847.                                 <tr>
  848.                                     <td class="w20"  width="20">&nbsp;</td>
  849.                                     <td class="w506" width="506" valign="top">
  850.                                         <table class="w84 backtotop" width="84" border="0" cellspacing="0" cellpadding="0" align="center">
  851.                                             <tr>
  852.                                                 <td><a style="text-decoration:none;" href="#top"><img src="assets/backtotop-lightgray.png" alt="Back to top" width="84" height="21" border="0" /></a></td>
  853.                                             </tr>
  854.                                         </table>   
  855.                                     </td>
  856.                                     <td class="w20"  width="20">&nbsp;</td>
  857.                                 </tr>
  858.                                 <tr>
  859.                                     <td class="w20"  width="20">&nbsp;</td>
  860.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  861.                                     <td class="w20"  width="20">&nbsp;</td>
  862.                                 </tr>
  863.                             </table>
  864.                         </layout>
  865.                        
  866.                         <layout label="Headline with text + 160px image (white)">
  867.                             <table class="w546 bg-white" width="546" border="0" cellspacing="0" cellpadding="0">
  868.                                 <tr>
  869.                                     <td class="w20"  width="20">&nbsp;</td>
  870.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  871.                                     <td class="w20"  width="20">&nbsp;</td>
  872.                                 </tr>
  873.                                 <tr>
  874.                                     <td class="w20"  width="20">&nbsp;</td>
  875.                                     <td class="w506" width="506" valign="top">
  876.                                         <h2 align="left" class="article-title"><singleline label="Title">Headline with text + 160px image</singleline></h2>
  877.                                         <table width="506" border="0" cellspacing="0" cellpadding="0">
  878.                                             <tr>
  879.                                                 <td width="326" valign="top" class="w326">
  880.                                                     <div align="left" class="article-content">
  881.                                                         <multiline label="Description"><p>Enter your description</p></multiline>
  882.                                                     </div>
  883.                                                 </td>
  884.                                                 <td width="20" valign="top" class="w20">&nbsp;</td>
  885.                                                 <td width="160" valign="top" class="w160 col-image">
  886.                                                     <div align="left" class="article-image" style="margin-top:16px;"><img editable="true" label="Image" class="w160" width="160" border="0" src="http://placehold.it/160x200/&text=160px"></div>
  887.                                                     <div align="left" class="article-meta">
  888.                                                         <multiline label="Caption"><p>Image caption (optional)</p></multiline>
  889.                                                     </div>
  890.                                                 </td>
  891.                                             </tr>
  892.                                         </table>
  893.                                     </td>
  894.                                     <td class="w20"  width="20">&nbsp;</td>
  895.                                 </tr>
  896.                                 <tr>
  897.                                     <td class="w20"  width="20">&nbsp;</td>
  898.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  899.                                     <td class="w20"  width="20">&nbsp;</td>
  900.                                 </tr>
  901.                                 <tr>
  902.                                     <td class="w20"  width="20">&nbsp;</td>
  903.                                     <td class="w506" width="506" valign="top">
  904.                                         <table class="w84 backtotop" width="84" border="0" cellspacing="0" cellpadding="0" align="center">
  905.                                             <tr>
  906.                                                 <td><a style="text-decoration:none;" href="#top"><img src="assets/backtotop-white.png" alt="Back to top" width="84" height="21" border="0" /></a></td>
  907.                                             </tr>
  908.                                         </table>   
  909.                                     </td>
  910.                                     <td class="w20"  width="20">&nbsp;</td>
  911.                                 </tr>
  912.                                 <tr>
  913.                                     <td class="w20"  width="20">&nbsp;</td>
  914.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  915.                                     <td class="w20"  width="20">&nbsp;</td>
  916.                                 </tr>
  917.                             </table>
  918.                         </layout>
  919.                        
  920.                         <layout label="Headline with 160px image + text (gray)">
  921.                             <table class="w546 bg-gray" width="546" border="0" cellspacing="0" cellpadding="0">
  922.                                 <tr>
  923.                                     <td class="w20"  width="20">&nbsp;</td>
  924.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  925.                                     <td class="w20"  width="20">&nbsp;</td>
  926.                                 </tr>
  927.                                 <tr>
  928.                                     <td class="w20"  width="20">&nbsp;</td>
  929.                                     <td class="w506" width="506" valign="top">
  930.                                         <h2 align="left" class="article-title"><singleline label="Title">Headline with 160px + text</singleline></h2>
  931.                                         <table width="506" border="0" cellspacing="0" cellpadding="0">
  932.                                             <tr>
  933.                                                 <td width="160" valign="top" class="w160 col-image">
  934.                                                     <div align="left" class="article-image" style="margin-top:16px;"><img editable="true" label="Image" class="w160" width="160" border="0" src="http://placehold.it/160x200/fff/&text=160px"></div>
  935.                                                     <div align="left" class="article-meta">
  936.                                                         <multiline label="Caption"><p>Image caption (optional)</p></multiline>
  937.                                                     </div>
  938.                                                 </td>
  939.                                                 <td width="20" valign="top" class="w20">&nbsp;</td>
  940.                                                 <td width="326" valign="top" class="w326">
  941.                                                     <div align="left" class="article-content">
  942.                                                         <multiline label="Description"><p>Enter your description</p></multiline>
  943.                                                     </div>
  944.                                                 </td>
  945.                                             </tr>
  946.                                         </table>
  947.                                     </td>
  948.                                     <td class="w20"  width="20">&nbsp;</td>
  949.                                 </tr>
  950.                                 <tr>
  951.                                     <td class="w20"  width="20">&nbsp;</td>
  952.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  953.                                     <td class="w20"  width="20">&nbsp;</td>
  954.                                 </tr>
  955.                                 <tr>
  956.                                     <td class="w20"  width="20">&nbsp;</td>
  957.                                     <td class="w506" width="506" valign="top">
  958.                                         <table class="w84 backtotop" width="84" border="0" cellspacing="0" cellpadding="0" align="center">
  959.                                             <tr>
  960.                                                 <td><a style="text-decoration:none;" href="#top"><img src="assets/backtotop-gray.png" alt="Back to top" width="84" height="21" border="0" /></a></td>
  961.                                             </tr>
  962.                                         </table>   
  963.                                     </td>
  964.                                     <td class="w20"  width="20">&nbsp;</td>
  965.                                 </tr>
  966.                                 <tr>
  967.                                     <td class="w20"  width="20">&nbsp;</td>
  968.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  969.                                     <td class="w20"  width="20">&nbsp;</td>
  970.                                 </tr>
  971.                             </table>
  972.                         </layout>
  973.                        
  974.                         <layout label="Headline with 160px image + text (light gray)">
  975.                             <table class="w546 bg-lightgray" width="546" border="0" cellspacing="0" cellpadding="0">
  976.                                 <tr>
  977.                                     <td class="w20"  width="20">&nbsp;</td>
  978.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  979.                                     <td class="w20"  width="20">&nbsp;</td>
  980.                                 </tr>
  981.                                 <tr>
  982.                                     <td class="w20"  width="20">&nbsp;</td>
  983.                                     <td class="w506" width="506" valign="top">
  984.                                         <h2 align="left" class="article-title"><singleline label="Title">Headline with 160px + text</singleline></h2>
  985.                                         <table width="506" border="0" cellspacing="0" cellpadding="0">
  986.                                             <tr>
  987.                                                 <td width="160" valign="top" class="w160 col-image">
  988.                                                     <div align="left" class="article-image" style="margin-top:16px;"><img editable="true" label="Image" class="w160" width="160" border="0" src="http://placehold.it/160x200/fff/&text=160px"></div>
  989.                                                     <div align="left" class="article-meta">
  990.                                                         <multiline label="Caption"><p>Image caption (optional)</p></multiline>
  991.                                                     </div>
  992.                                                 </td>
  993.                                                 <td width="20" valign="top" class="w20">&nbsp;</td>
  994.                                                 <td width="326" valign="top" class="w326">
  995.                                                     <div align="left" class="article-content">
  996.                                                         <multiline label="Description"><p>Enter your description</p></multiline>
  997.                                                     </div>
  998.                                                 </td>
  999.                                             </tr>
  1000.                                         </table>
  1001.                                     </td>
  1002.                                     <td class="w20"  width="20">&nbsp;</td>
  1003.                                 </tr>
  1004.                                 <tr>
  1005.                                     <td class="w20"  width="20">&nbsp;</td>
  1006.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  1007.                                     <td class="w20"  width="20">&nbsp;</td>
  1008.                                 </tr>
  1009.                                 <tr>
  1010.                                     <td class="w20"  width="20">&nbsp;</td>
  1011.                                     <td class="w506" width="506" valign="top">
  1012.                                         <table class="w84 backtotop" width="84" border="0" cellspacing="0" cellpadding="0" align="center">
  1013.                                             <tr>
  1014.                                                 <td><a style="text-decoration:none;" href="#top"><img src="assets/backtotop-lightgray.png" alt="Back to top" width="84" height="21" border="0" /></a></td>
  1015.                                             </tr>
  1016.                                         </table>   
  1017.                                     </td>
  1018.                                     <td class="w20"  width="20">&nbsp;</td>
  1019.                                 </tr>
  1020.                                 <tr>
  1021.                                     <td class="w20"  width="20">&nbsp;</td>
  1022.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  1023.                                     <td class="w20"  width="20">&nbsp;</td>
  1024.                                 </tr>
  1025.                             </table>
  1026.                         </layout>
  1027.                        
  1028.                         <layout label="Headline with 160px image + text (white)">
  1029.                             <table class="w546 bg-white" width="546" border="0" cellspacing="0" cellpadding="0">
  1030.                                 <tr>
  1031.                                     <td class="w20"  width="20">&nbsp;</td>
  1032.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  1033.                                     <td class="w20"  width="20">&nbsp;</td>
  1034.                                 </tr>
  1035.                                 <tr>
  1036.                                     <td class="w20"  width="20">&nbsp;</td>
  1037.                                     <td class="w506" width="506" valign="top">
  1038.                                         <h2 align="left" class="article-title"><singleline label="Title">Headline with 160px + text</singleline></h2>
  1039.                                         <table width="506" border="0" cellspacing="0" cellpadding="0">
  1040.                                             <tr>
  1041.                                                 <td width="160" valign="top" class="w160 col-image">
  1042.                                                     <div align="left" class="article-image" style="margin-top:16px;"><img editable="true" label="Image" class="w160" width="160" border="0" src="http://placehold.it/160x200/&text=160px"></div>
  1043.                                                     <div align="left" class="article-meta">
  1044.                                                         <multiline label="Caption"><p>Image caption (optional)</p></multiline>
  1045.                                                     </div>
  1046.                                                 </td>
  1047.                                                 <td width="20" valign="top" class="w20">&nbsp;</td>
  1048.                                                 <td width="326" valign="top" class="w326">
  1049.                                                     <div align="left" class="article-content">
  1050.                                                         <multiline label="Description"><p>Enter your description</p></multiline>
  1051.                                                     </div>
  1052.                                                 </td>
  1053.                                             </tr>
  1054.                                         </table>
  1055.                                     </td>
  1056.                                     <td class="w20"  width="20">&nbsp;</td>
  1057.                                 </tr>
  1058.                                 <tr>
  1059.                                     <td class="w20"  width="20">&nbsp;</td>
  1060.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  1061.                                     <td class="w20"  width="20">&nbsp;</td>
  1062.                                 </tr>
  1063.                                 <tr>
  1064.                                     <td class="w20"  width="20">&nbsp;</td>
  1065.                                     <td class="w506" width="506" valign="top">
  1066.                                         <table class="w84 backtotop" width="84" border="0" cellspacing="0" cellpadding="0" align="center">
  1067.                                             <tr>
  1068.                                                 <td><a style="text-decoration:none;" href="#top"><img src="assets/backtotop-white.png" alt="Back to top" width="84" height="21" border="0" /></a></td>
  1069.                                             </tr>
  1070.                                         </table>   
  1071.                                     </td>
  1072.                                     <td class="w20"  width="20">&nbsp;</td>
  1073.                                 </tr>
  1074.                                 <tr>
  1075.                                     <td class="w20"  width="20">&nbsp;</td>
  1076.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  1077.                                     <td class="w20"  width="20">&nbsp;</td>
  1078.                                 </tr>
  1079.                             </table>
  1080.                         </layout>
  1081.                        
  1082.                         <layout label="Hero (gray)">
  1083.                             <table class="w546 bg-gray" width="546" border="0" cellpadding="0" cellspacing="0">
  1084.                                 <tr>
  1085.                                     <td class="w546" colspan="3">
  1086.                                         <img src="http://placehold.it/546x300/fff&text=546px" class="w546" border="0" label="Hero Image" width="546" editable="true" />
  1087.                                     </td>
  1088.                                 </tr>
  1089.                                 <tr>
  1090.                                     <td class="w20"  width="20">&nbsp;</td>
  1091.                                     <td class="w506" width="506" valign="top">
  1092.                                         <div align="left" class="article-content">
  1093.                                             <multiline label="Description">
  1094.                                                 <p>Tip: Remove the image for a text-only layout.</p></multiline>
  1095.                                             </div>
  1096.                                         </td>
  1097.                                     <td class="w20"  width="20">&nbsp;</td>
  1098.                                 </tr>
  1099.                                 <tr>
  1100.                                     <td class="w20"  width="20">&nbsp;</td>
  1101.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  1102.                                     <td class="w20"  width="20">&nbsp;</td>
  1103.                                 </tr>
  1104.                                 <tr>
  1105.                                     <td class="w20"  width="20">&nbsp;</td>
  1106.                                     <td class="w506" width="506" valign="top">
  1107.                                         <table class="w84 backtotop" width="84" border="0" cellspacing="0" cellpadding="0" align="center">
  1108.                                             <tr>
  1109.                                                 <td><a style="text-decoration:none;" href="#top"><img src="assets/backtotop-gray.png" alt="Back to top" width="84" height="21" border="0" /></a></td>
  1110.                                             </tr>
  1111.                                         </table>   
  1112.                                     </td>
  1113.                                     <td class="w20"  width="20">&nbsp;</td>
  1114.                                 </tr>
  1115.                                 <tr>
  1116.                                     <td class="w20"  width="20">&nbsp;</td>
  1117.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  1118.                                     <td class="w20"  width="20">&nbsp;</td>
  1119.                                 </tr>
  1120.                             </table>
  1121.                         </layout>
  1122.                        
  1123.                         <layout label="Hero (light gray)">
  1124.                             <table class="w546 bg-lightgray" width="546" border="0" cellpadding="0" cellspacing="0">
  1125.                                 <tr>
  1126.                                     <td class="w546" colspan="3">
  1127.                                         <img src="http://placehold.it/546x300/fff&text=546px" class="w546" border="0" label="Hero Image" width="546" editable="true" />
  1128.                                     </td>
  1129.                                 </tr>
  1130.                                 <tr>
  1131.                                     <td class="w20"  width="20">&nbsp;</td>
  1132.                                     <td class="w506" width="506" valign="top">
  1133.                                         <div align="left" class="article-content">
  1134.                                             <multiline label="Description">
  1135.                                                 <p>Tip: Remove the image for a text-only layout.</p></multiline>
  1136.                                             </div>
  1137.                                         </td>
  1138.                                     <td class="w20"  width="20">&nbsp;</td>
  1139.                                 </tr>
  1140.                                 <tr>
  1141.                                     <td class="w20"  width="20">&nbsp;</td>
  1142.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  1143.                                     <td class="w20"  width="20">&nbsp;</td>
  1144.                                 </tr>
  1145.                                 <tr>
  1146.                                     <td class="w20"  width="20">&nbsp;</td>
  1147.                                     <td class="w506" width="506" valign="top">
  1148.                                         <table class="w84 backtotop" width="84" border="0" cellspacing="0" cellpadding="0" align="center">
  1149.                                             <tr>
  1150.                                                 <td><a style="text-decoration:none;" href="#top"><img src="assets/backtotop-lightgray.png" alt="Back to top" width="84" height="21" border="0" /></a></td>
  1151.                                             </tr>
  1152.                                         </table>   
  1153.                                     </td>
  1154.                                     <td class="w20"  width="20">&nbsp;</td>
  1155.                                 </tr>
  1156.                                 <tr>
  1157.                                     <td class="w20"  width="20">&nbsp;</td>
  1158.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  1159.                                     <td class="w20"  width="20">&nbsp;</td>
  1160.                                 </tr>
  1161.                             </table>
  1162.                         </layout>
  1163.                        
  1164.                         <layout label="Hero (white)">
  1165.                             <table class="w546 bg-white" width="546" border="0" cellpadding="0" cellspacing="0">
  1166.                                 <tr>
  1167.                                     <td class="w546" colspan="3">
  1168.                                         <img src="http://placehold.it/546x300/&text=546px" class="w546" border="0" label="Hero Image" width="546" editable="true" />
  1169.                                     </td>
  1170.                                 </tr>
  1171.                                 <tr>
  1172.                                     <td class="w20"  width="20">&nbsp;</td>
  1173.                                     <td class="w506" width="506" valign="top">
  1174.                                         <div align="left" class="article-content">
  1175.                                             <multiline label="Description">
  1176.                                                 <p>Tip: Remove the image for a text-only layout.</p></multiline>
  1177.                                             </div>
  1178.                                         </td>
  1179.                                     <td class="w20"  width="20">&nbsp;</td>
  1180.                                 </tr>
  1181.                                 <tr>
  1182.                                     <td class="w20"  width="20">&nbsp;</td>
  1183.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  1184.                                     <td class="w20"  width="20">&nbsp;</td>
  1185.                                 </tr>
  1186.                                 <tr>
  1187.                                     <td class="w20"  width="20">&nbsp;</td>
  1188.                                     <td class="w506" width="506" valign="top">
  1189.                                         <table class="w84 backtotop" width="84" border="0" cellspacing="0" cellpadding="0" align="center">
  1190.                                             <tr>
  1191.                                                 <td><a style="text-decoration:none;" href="#top"><img src="assets/backtotop-white.png" alt="Back to top" width="84" height="21" border="0" /></a></td>
  1192.                                             </tr>
  1193.                                         </table>   
  1194.                                     </td>
  1195.                                     <td class="w20"  width="20">&nbsp;</td>
  1196.                                 </tr>
  1197.                                 <tr>
  1198.                                     <td class="w20"  width="20">&nbsp;</td>
  1199.                                     <td class="w506" width="506" valign="top">&nbsp;</td>
  1200.                                     <td class="w20"  width="20">&nbsp;</td>
  1201.                                 </tr>
  1202.                             </table>
  1203.                         </layout>
  1204.                        
  1205.                     </repeater>
  1206.  
  1207.                 <!--end td for table#main--></td>
  1208.             </tr>
  1209.         </table>
  1210.        
  1211.         <br/>
  1212.  
  1213.         <table id="links" class="w546" width="546" border="0" cellspacing="0" cellpadding="0">
  1214.             <tr>
  1215.                 <td width="320">
  1216.                     <table width="320" border="0" cellspacing="0" cellpadding="0">
  1217.                         <tr>
  1218.                             <td colspan="5" height="5" class="h5"></td>
  1219.                         </tr>
  1220.                         <tr>
  1221.                             <td><a href="http://macrokiosk.com/index.php/media/news"><img src="assets/button-news.png" alt="" width="81" height="21" border="0" /></a></td>
  1222.                             <td width="10">&nbsp;</td>
  1223.                             <td><forwardtoafriend style="text-decoration:none;"><img src="assets/button-forward.png" alt="" width="115" height="21" border="0" /></forwardtoafriend></td>
  1224.                             <td width="10">&nbsp;</td>
  1225.                             <td><a href="http://www.macrokiosk.com"><img src="assets/button-visit.png" alt="" width="104" height="21" border="0" /></a></td>
  1226.                         </tr>
  1227.                         <tr>
  1228.                             <td colspan="5" height="5" class="w5"></td>
  1229.                         </tr>
  1230.                     </table>
  1231.                 </td>
  1232.                 <td width="152">&nbsp;</td>
  1233.                 <td width="74">
  1234.                     <table width="74" border="0" cellspacing="0" cellpadding="0">
  1235.                         <tr>
  1236.                             <td valign="top"><a href="http://www.youtube.com/mymacrokiosk"><img src="assets/icon-mktube.png" alt="" width="33" height="33" border="0" /></a></td>
  1237.                             <td width="10" valign="top">&nbsp;</td>
  1238.                             <td valign="top"><a href="http://feeds.feedburner.com/mymacrokiosk/"><img src="assets/icon-rss.png" alt="" width="32" height="32" border="0" /></a></td>
  1239.                         </tr>
  1240.                     </table>
  1241.                 </td>
  1242.             </tr>
  1243.         </table><!-- end table#links -->   
  1244.  
  1245.         <table id="footer" align="center" width="420" border="0" cellspacing="0" cellpadding="0">
  1246.             <tr>
  1247.                 <td>&nbsp;</td>
  1248.             </tr>
  1249.             <tr>
  1250.                 <td>
  1251.                 <div id="legal" class="footer-content">
  1252.                     <p>We respect your privacy. If this email is unsolicited in any way, feel free to change your
  1253.                         <preferences style="color:#f7941d; text-decoration:none;"><span style="color:#f7941d; text-decoration:none;">preferences</span></preferences> or <unsubscribe style="color:#f7941d; text-decoration:none;"><span style="color:#f7941d; text-decoration:none;">unsubscribe</span></unsubscribe> at any time.</p>
  1254.                     <p>Copyright &copy; 2012 MACROKIOSK </p>
  1255.                 </div>
  1256.                 </td>
  1257.             </tr>
  1258.         </table>
  1259.            
  1260.         </td>
  1261.     </tr>
  1262.     <tr>
  1263.         <td align="center" bgcolor="#000000">&nbsp;</td>
  1264.     </tr>
  1265. </table>
  1266. </body>
  1267. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!