You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

188 lines
15 KiB

9 years ago
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <!-- © 2016 Antiun Ingeniería S.L. - Jairo Llopis
  3. License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html). -->
  4. <openerp>
  5. <data>
  6. <template id="snippet_3_cols"
  7. inherit_id="560px_section">
  8. <xpath expr=".">
  9. <t t-call="website_mail_snippet_fixed.snippet">
  10. <t t-set="image" t-value="'snippet_3_cols'"/>
  11. <t t-set="title">Image + Text + Button (3 columns)</t>
  12. <tbody>
  13. <tr>
  14. <td align="left" colspan="3" style="font-size: 11pt; font-family: Arial, sans-serif; font-weight: bold; color: #000; padding: 20px 10px 0 20px;">Title</td>
  15. </tr>
  16. <tr><!-- FIRST COLUMN -->
  17. <td style="padding: 0;" valign="top">
  18. <table align="left" border="0" cellpadding="0" cellspacing="0">
  19. <tbody>
  20. <tr>
  21. <td style="padding: 20px 10px 20px 20px;">
  22. <table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" style="border-collapse:collapse;background:inherit;color:inherit; background:#FFFFFF" width="160">
  23. <tbody>
  24. <tr>
  25. <td><a href="#" target="_blank"><img src="http://placehold.it/160x160/aaaaaa/ffffff?text=width%20160px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt;width: 100%; width:160px;" border="0" width="160"></a></td>
  26. </tr>
  27. <tr>
  28. <td style="padding:0;">
  29. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  30. <tbody>
  31. <tr>
  32. <td style="font-size: 18pt; font-family: Arial, sans-serif; color: #000000; padding-top: 30px;" align="left">Title</td>
  33. </tr>
  34. <tr>
  35. <td align="left" style="padding: 20px 0 0 0; font-size: 9pt; line-height: 20px; font-family: Arial, sans-serif; color: #000000;">
  36. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. Aenean at mollis ipsum.</td>
  37. </tr>
  38. <tr>
  39. <td align="left">
  40. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  41. <tbody>
  42. <tr>
  43. <td style="padding: 25px 0px;" align="left">
  44. <table border="0" cellpadding="0" cellspacing="0">
  45. <tbody>
  46. <tr>
  47. <td align="center"><a href="#" style="font-size: 9pt; font-family: Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; background-color: #00B518; border-top: 10px solid #00B518; border-bottom: 10px solid #00B518; border-left: 20px solid #00B518; border-right: 20px solid #00B518; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block;" target="_blank">Learn more</a></td>
  48. </tr>
  49. </tbody>
  50. </table>
  51. </td>
  52. </tr>
  53. </tbody>
  54. </table>
  55. </td>
  56. </tr>
  57. </tbody>
  58. </table>
  59. </td>
  60. </tr>
  61. </tbody>
  62. </table>
  63. </td>
  64. </tr>
  65. </tbody>
  66. </table>
  67. </td>
  68. <!-- SECOND COLUMN -->
  69. <td style="padding: 0;" valign="top">
  70. <table align="left" border="0" cellpadding="0" cellspacing="0">
  71. <tbody>
  72. <tr>
  73. <td style="padding: 20px 10px 20px 10px;">
  74. <table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" style="border-collapse:collapse;background:inherit;color:inherit; background:#FFFFFF" width="160">
  75. <tbody>
  76. <tr>
  77. <td><a href="#" target="_blank"><img src="http://placehold.it/160x160/aaaaaa/ffffff?text=width%20160px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt;width: 100%; width:160px;" border="0" width="160"></a></td>
  78. </tr>
  79. <tr>
  80. <td style="padding:0;">
  81. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  82. <tbody>
  83. <tr>
  84. <td style="font-size: 18pt; font-family: Arial, sans-serif; color: #000000; padding-top: 30px;" align="left">Title</td>
  85. </tr>
  86. <tr>
  87. <td align="left" style="padding: 20px 0 0 0; font-size: 9pt; line-height: 20px; font-family: Arial, sans-serif; color: #000000;">
  88. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. Aenean at mollis ipsum.</td>
  89. </tr>
  90. <tr>
  91. <td align="left">
  92. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  93. <tbody>
  94. <tr>
  95. <td style="padding: 25px 0px;" align="left">
  96. <table border="0" cellpadding="0" cellspacing="0">
  97. <tbody>
  98. <tr>
  99. <td align="center"><a href="#" style="font-size: 9pt; font-family: Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; background-color: #00B518; border-top: 10px solid #00B518; border-bottom: 10px solid #00B518; border-left: 20px solid #00B518; border-right: 20px solid #00B518; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block;" target="_blank">Learn more</a></td>
  100. </tr>
  101. </tbody>
  102. </table>
  103. </td>
  104. </tr>
  105. </tbody>
  106. </table>
  107. </td>
  108. </tr>
  109. </tbody>
  110. </table>
  111. </td>
  112. </tr>
  113. </tbody>
  114. </table>
  115. </td>
  116. </tr>
  117. </tbody>
  118. </table>
  119. </td>
  120. <!-- THIRD COLUMN -->
  121. <td style="padding: 0;" valign="top">
  122. <table align="left" border="0" cellpadding="0" cellspacing="0">
  123. <tbody>
  124. <tr>
  125. <td style="padding: 20px 20px 20px 10px;">
  126. <table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" style="border-collapse:collapse;background:inherit;color:inherit; background:#FFFFFF" width="160">
  127. <tbody>
  128. <tr>
  129. <td><a href="#" target="_blank"><img src="http://placehold.it/160x160/aaaaaa/ffffff?text=width%20160px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt;width: 100%; width:160px;" border="0" width="160"></a></td>
  130. </tr>
  131. <tr>
  132. <td style="padding:0;">
  133. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  134. <tbody>
  135. <tr>
  136. <td style="font-size: 18pt; font-family: Arial, sans-serif; color: #000000; padding-top: 30px;" align="left">Title</td>
  137. </tr>
  138. <tr>
  139. <td align="left" style="padding: 20px 0 0 0; font-size: 9pt; line-height: 20px; font-family: Arial, sans-serif; color: #000000;">
  140. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed varius, leo a ullamcorper feugiat, ante purus sodales justo, a faucibus libero lacus a est. Aenean at mollis ipsum.</td>
  141. </tr>
  142. <tr>
  143. <td align="left">
  144. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  145. <tbody>
  146. <tr>
  147. <td style="padding: 25px 0px;" align="left">
  148. <table border="0" cellpadding="0" cellspacing="0">
  149. <tbody>
  150. <tr>
  151. <td align="center"><a href="#" style="font-size: 9pt; font-family: Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; background-color: #00B518; border-top: 10px solid #00B518; border-bottom: 10px solid #00B518; border-left: 20px solid #00B518; border-right: 20px solid #00B518; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block;" target="_blank">Learn more</a></td>
  152. </tr>
  153. </tbody>
  154. </table>
  155. </td>
  156. </tr>
  157. </tbody>
  158. </table>
  159. </td>
  160. </tr>
  161. </tbody>
  162. </table>
  163. </td>
  164. </tr>
  165. </tbody>
  166. </table>
  167. </td>
  168. </tr>
  169. </tbody>
  170. </table>
  171. </td>
  172. </tr>
  173. </tbody>
  174. </t>
  175. </xpath>
  176. </template>
  177. </data>
  178. </openerp>