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.

124 lines
9.2 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_2_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_2_cols'"/>
  11. <t t-set="title">Image + Text + Button (2 columns)</t>
  12. <tbody>
  13. <tr>
  14. <td style="padding: 0;" valign="top">
  15. <!-- LEFT COLUMN -->
  16. <table align="left" border="0" cellpadding="0" cellspacing="0" style="width: 50%; min-width:285px;">
  17. <tbody>
  18. <tr>
  19. <td style="padding: 20px 0 20px 20px;">
  20. <table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" style="border-collapse:collapse;background:inherit;color:inherit; background:#FFFFFF">
  21. <tbody>
  22. <tr>
  23. <td><a href="#" target="_blank"><img border="0" src="http://placehold.it/245x200/333333/ffffff?text=width 245px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; max-width: 245px;"/></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 0;">
  45. <table border="0" cellpadding="0" cellspacing="0">
  46. <tbody>
  47. <tr>
  48. <td align="center"><a href="#" t-attf-style="font-size: 9pt; font-family: Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; background-color: #{website.mail_button_color}; border-top: 10px solid #{website.mail_button_color}; border-bottom: 10px solid #{website.mail_button_color}; border-left: 20px solid #{website.mail_button_color}; border-right: 20px solid #{website.mail_button_color}; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block;" class="bg_color_picker" 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. <!-- RIGHT COLUMN -->
  65. <table align="left" border="0" cellpadding="0" cellspacing="0" style="width: 50%; min-width:285px;">
  66. <tbody>
  67. <tr>
  68. <td style="padding: 20px 0 20px 20px;">
  69. <table align="center" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" style="border-collapse:collapse;background:inherit;color:inherit; background:#FFFFFF">
  70. <tbody>
  71. <tr>
  72. <td><a href="#" target="_blank"><img border="0" src="http://placehold.it/245x200/333333/ffffff?text=width 245px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width: 50% max-width: 245px;"/></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 0;">
  94. <table border="0" cellpadding="0" cellspacing="0">
  95. <tbody>
  96. <tr>
  97. <td align="center"><a href="#" t-attf-style="font-size: 9pt; font-family: Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none; background-color: #{website.mail_button_color}; border-top: 10px solid #{website.mail_button_color}; border-bottom: 10px solid #{website.mail_button_color}; border-left: 20px solid #{website.mail_button_color}; border-right: 20px solid #{website.mail_button_color}; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block;" class="bg_color_picker" 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. </td>
  114. </tr>
  115. </tbody>
  116. </t>
  117. </xpath>
  118. </template>
  119. </data>
  120. </openerp>