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.

128 lines
10 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="560px_section">
  8. <xpath expr=".">
  9. <t t-call="website_mail_snippet_fixed.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 align="left" colspan="2" 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>
  17. <td style="padding: 0;" valign="top">
  18. <!-- LEFT COLUMN -->
  19. <table style="width:280px;" border="0" cellpadding="0" cellspacing="0" align="left">
  20. <tbody>
  21. <tr>
  22. <td style="padding: 20px 10px 20px 20px;" valign="top">
  23. <table style="border-collapse:collapse;background:inherit;color:inherit;" cellpadding="0" cellspacing="0" align="center">
  24. <tbody>
  25. <tr>
  26. <td style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt;"><a href="#" target="_blank"><img src="http://placehold.it/250x200/aaaaaa/ffffff?text=width 250px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width: 250px;" width="250" 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. </td>
  68. <td style="padding: 0;" valign="top">
  69. <!-- RIGHT COLUMN -->
  70. <table style="width:280px;" border="0" cellpadding="0" cellspacing="0" align="left">
  71. <tbody>
  72. <tr>
  73. <td style="padding: 20px 20px 20px 10px;" valign="top">
  74. <table style="border-collapse:collapse;background:inherit;color:inherit;" cellpadding="0" cellspacing="0" align="center">
  75. <tbody>
  76. <tr>
  77. <td style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt;"><a href="#" target="_blank"><img src="http://placehold.it/250x200/aaaaaa/ffffff?text=width 250px" style="display: block; color: #000000; font-family: Arial, sans-serif; font-size: 9pt; width: 50% width: 250px;" width="250" border="0"/></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 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>
  88. </tr>
  89. </tbody>
  90. </table>
  91. </td>
  92. </tr>
  93. <tr>
  94. <td align="left">
  95. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  96. <tbody>
  97. <tr>
  98. <td style="padding: 25px 0;" align="left">
  99. <table border="0" cellpadding="0" cellspacing="0">
  100. <tbody>
  101. <tr>
  102. <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>
  103. </tr>
  104. </tbody>
  105. </table>
  106. </td>
  107. </tr>
  108. </tbody>
  109. </table>
  110. </td>
  111. </tr>
  112. </tbody>
  113. </table>
  114. </td>
  115. </tr>
  116. </tbody>
  117. </table>
  118. </td>
  119. </tr>
  120. </tbody>
  121. </t>
  122. </xpath>
  123. </template>
  124. </data>
  125. </openerp>