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.

127 lines
9.8 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 bgcolor="#ECECEC" height="10"></td>
  15. </tr>
  16. <tr>
  17. <td style="padding: 0;" valign="top">
  18. <!-- LEFT COLUMN -->
  19. <table style="width: 50%; min-width:285px;" border="0" cellpadding="0" cellspacing="0" align="left">
  20. <tbody>
  21. <tr>
  22. <td style="padding: 20px 0 20px 20px;">
  23. <table style="border-collapse:collapse;background:inherit;color:inherit; background:#FFFFFF" cellpadding="0" cellspacing="0" align="center" bgcolor="#FFFFFF">
  24. <tbody>
  25. <tr>
  26. <td><a href="#" target="_blank"><img src="http://placehold.it/245x200/333333/ffffff?text=width 245px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width: 245px;" width="245" 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 0;" 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. <!-- RIGHT COLUMN -->
  68. <table style="width: 50%; min-width:285px;" border="0" cellpadding="0" cellspacing="0" align="left">
  69. <tbody>
  70. <tr>
  71. <td style="padding: 20px 0 20px 20px;">
  72. <table style="border-collapse:collapse;background:inherit;color:inherit; background:#FFFFFF" cellpadding="0" cellspacing="0" align="center" bgcolor="#FFFFFF">
  73. <tbody>
  74. <tr>
  75. <td><a href="#" target="_blank"><img 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% width: 245px;" width="245" 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 0;" 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. </td>
  117. </tr>
  118. </tbody>
  119. </t>
  120. </xpath>
  121. </template>
  122. </data>
  123. </openerp>