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.

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