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.

178 lines
14 KiB

  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="website_mail.email_designer_snippets">
  8. <xpath expr="//div[@id='snippet_email_structure']">
  9. <t t-call="website_mail_snippet_responsive.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 bgcolor="#ECECEC" height="10"></td>
  15. </tr>
  16. <tr>
  17. <td style="padding: 0;" valign="top">
  18. <!-- FIRST COLUMN -->
  19. <table style="width: 32%; min-width:182px;" border="0" cellpadding="0" cellspacing="0" align="left">
  20. <tbody>
  21. <tr>
  22. <td style="padding: 20px 0 20px 20px;">
  23. <table style="width: 100%;border-collapse:collapse;background:inherit;color:inherit; background:#FFFFFF" cellpadding="0" cellspacing="0" align="center" bgcolor="#FFFFFF">
  24. <tbody>
  25. <tr>
  26. <td width="150"><a href="#" target="_blank"><img src="http://placehold.it/150x150/333333/ffffff?text=width 150px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width:150px;" width="150" border="0"/></a></td>
  27. </tr>
  28. <tr>
  29. <td style="padding:0;">
  30. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  31. <tbody>
  32. <tr>
  33. <td style="font-size: 18pt; font-family: Arial, sans-serif; color: #000000; padding-top: 30px;" align="left">Title</td>
  34. </tr>
  35. <tr>
  36. <td style="padding: 20px 0 0 0; font-size: 9pt; line-height: 20px; font-family: Arial, sans-serif; color: #000000;" align="left">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. </tbody>
  39. </table>
  40. </td>
  41. </tr>
  42. <tr>
  43. <td align="left">
  44. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  45. <tbody>
  46. <tr>
  47. <td style="padding: 25px 0px;" align="left">
  48. <table border="0" cellpadding="0" cellspacing="0">
  49. <tbody>
  50. <tr>
  51. <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" class="bg_color_picker">Learn more</a></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. <!-- SECOND COLUMN -->
  68. <table style="width: 32%; min-width:182px;" border="0" cellpadding="0" cellspacing="0" align="left">
  69. <tbody>
  70. <tr>
  71. <td style="padding: 20px 0 20px 20px;">
  72. <table style="width: 100%;border-collapse:collapse;background:inherit;color:inherit; background:#FFFFFF" cellpadding="0" cellspacing="0" align="center" bgcolor="#FFFFFF">
  73. <tbody>
  74. <tr>
  75. <td width="150"><a href="#" target="_blank"><img src="http://placehold.it/150x150/333333/ffffff?text=width 150px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width:150px;" width="150" border="0"/></a></td>
  76. </tr>
  77. <tr>
  78. <td style="padding:0;">
  79. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  80. <tbody>
  81. <tr>
  82. <td style="font-size: 18pt; font-family: Arial, sans-serif; color: #000000; padding-top: 30px;" align="left">Title</td>
  83. </tr>
  84. <tr>
  85. <td style="padding: 20px 0 0 0; font-size: 9pt; line-height: 20px; font-family: Arial, sans-serif; color: #000000;" align="left">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>
  86. </tr>
  87. </tbody>
  88. </table>
  89. </td>
  90. </tr>
  91. <tr>
  92. <td align="left">
  93. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  94. <tbody>
  95. <tr>
  96. <td style="padding: 25px 0px;" align="left">
  97. <table border="0" cellpadding="0" cellspacing="0">
  98. <tbody>
  99. <tr>
  100. <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" class="bg_color_picker">Learn more</a></td>
  101. </tr>
  102. </tbody>
  103. </table>
  104. </td>
  105. </tr>
  106. </tbody>
  107. </table>
  108. </td>
  109. </tr>
  110. </tbody>
  111. </table>
  112. </td>
  113. </tr>
  114. </tbody>
  115. </table>
  116. <!-- THIRD COLUMN -->
  117. <table style="width: 32%; min-width:182px;" border="0" cellpadding="0" cellspacing="0" align="left">
  118. <tbody>
  119. <tr>
  120. <td style="padding: 20px 0 20px 20px;">
  121. <table style="width: 100%;border-collapse:collapse;background:inherit;color:inherit; background:#FFFFFF" cellpadding="0" cellspacing="0" align="center" bgcolor="#FFFFFF" width="150">
  122. <tbody>
  123. <tr>
  124. <td width="150"><a href="#" target="_blank"><img src="http://placehold.it/150x150/333333/ffffff?text=width 150px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width:150px;" width="150" border="0"/></a></td>
  125. </tr>
  126. <tr>
  127. <td style="padding:0;">
  128. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  129. <tbody>
  130. <tr>
  131. <td style="font-size: 18pt; font-family: Arial, sans-serif; color: #000000; padding-top: 30px;" align="left">Title</td>
  132. </tr>
  133. <tr>
  134. <td style="padding: 20px 0 0 0; font-size: 9pt; line-height: 20px; font-family: Arial, sans-serif; color: #000000;" align="left">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>
  135. </tr>
  136. </tbody>
  137. </table>
  138. </td>
  139. </tr>
  140. <tr>
  141. <td align="left">
  142. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  143. <tbody>
  144. <tr>
  145. <td style="padding: 25px 0px;" align="left">
  146. <table border="0" cellpadding="0" cellspacing="0">
  147. <tbody>
  148. <tr>
  149. <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" class="bg_color_picker">Learn more</a></td>
  150. </tr>
  151. </tbody>
  152. </table>
  153. </td>
  154. </tr>
  155. </tbody>
  156. </table>
  157. </td>
  158. </tr>
  159. </tbody>
  160. </table>
  161. </td>
  162. </tr>
  163. </tbody>
  164. </table>
  165. </td>
  166. </tr>
  167. </tbody>
  168. </t>
  169. </xpath>
  170. </template>
  171. </data>
  172. </openerp>