Initial commit: Mail packages

This commit is contained in:
Ernad Husremovic 2025-08-29 15:20:51 +02:00
commit 4e53507711
1948 changed files with 751201 additions and 0 deletions

View file

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_alert" name="Alert">
<div class="s_mail_alert o_mail_snippet_general pt16 pb16 mx-auto">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="s_alert s_alert_md s_alert_info w-100" style="background-color: rgb(209 236 241); border-width: 1px !important; border-color: rgb(190 229 235) !important;">
<div class="s_alert_icon" valign="top">
<i class="fa fa-2x fa-info-circle" style="color: rgb(12 84 96);"/>
</div>
<div class="s_alert_content">
<h3><span style="color: rgb(12 84 96); font-size: 16px; font-weight: bolder;">Explain the benefits you offer</span></h3>
<p><font style="color: rgb(12 84 96);">Don't write about products or services here, write about solutions.</font></p>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<template id="s_alert_options" inherit_id="mass_mailing.snippet_options">
<!-- Keep those options in separate xpath for options order -->
<xpath expr="//div[@id='so_width']" position="after">
<div data-selector=".s_mail_alert .s_alert">
<we-select string="Size">
<we-button data-select-class="s_alert_sm">Small</we-button>
<we-button data-select-class="s_alert_md">Medium</we-button>
<we-button data-select-class="s_alert_lg">Large</we-button>
</we-select>
<we-colorpicker string="Background Color" data-name="alert_colorpicker_opt"
data-select-style="true"
data-css-property="background-color"
data-color-prefix="alert-"/>
</div>
<div data-selector=".s_mail_alert .s_alert">
<t t-call="mass_mailing.snippet_options_border_widgets">
<t t-set="so_rounded_no_dependencies" t-value="True"/>
</t>
</div>
</xpath>
</template>
<!-- Assets -->
<record id="mass_mailing.s_alert_001_scss" model="ir.asset">
<field name="name">Alert 001 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">mass_mailing/static/src/snippets/s_alert/000.scss</field>
</record>
</odoo>

View file

@ -0,0 +1,28 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_blockquote" name="Blockquote">
<div class="s_mail_blockquote blockquote o_mail_snippet_general o_cc o_cc2 pt16 pb16 mb-0 w-100">
<div class="container">
<div class="row">
<div class="col-lg-1 pb80" style="text-align: right;">
<i class="fa fa-quote-left"/>
</div>
<div class="col-lg-10">
<div>
<p><i>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</i></p>
<div>
<img src="/web_editor/image_shape/mass_mailing.s_company_team_default_image_2/mass_mailing/basic/circle.svg" style="width: 40px" class="img me-2" data-shape="mass_mailing/basic/circle" data-file-name="team_member_2-circle.svg" data-shape-colors=";;;;" data-original-mimetype="image/png"/>
<p style="font-weight: bolder; font-size: 14px;"><b>John DOE</b> &#8226; CEO of MyCompany</p>
</div>
</div>
</div>
<div class="col-lg-1 pt80" style="text-align: left;">
<i class="fa fa-quote-right"/>
</div>
</div>
</div>
</div>
</template>
</odoo>

View file

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_call_to_action" name="Call to Action">
<div class="s_call_to_action o_mail_snippet_general o_cc o_cc3 pt48 pb24">
<div class="container">
<div class="row">
<div class="col-lg-9">
<h3><span style="font-weight: bolder;">50,000+ companies</span> run Odoo.</h3>
<p>Join us and make your company a better place.</p>
</div>
<div class="col-lg-3" style="text-align: center;">
<a href="#" class="btn btn-primary btn-lg">Contact us</a>
</div>
</div>
</div>
</div>
</template>
</odoo>

View file

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_color_blocks_2" name="Big Boxes">
<div class="s_mail_color_blocks_2 o_mail_snippet_general">
<div class="container">
<div class="row">
<div class="col-lg-6 o_cc o_cc3 pt32 pb32">
<i class="fa fa-shield fa-5x m-3 mx-auto d-block"/>
<h2 style="text-align: center;">A color block</h2>
<p style="text-align: center;">Color blocks are a simple and effective way to <b>present and highlight your content</b>. Choose an image or a color for the background. You can even resize and duplicate the blocks to create your own layout. Add images or icons to customize the blocks.</p>
<p style="text-align: center;"><a href="#" class="btn btn-primary">More Details</a></p>
</div>
<div class="col-lg-6 o_cc o_cc5 pt32 pb32">
<i class="fa fa-cube fa-5x m-3 mx-auto d-block"/>
<h2 style="text-align: center;">Another color block</h2>
<p style="text-align: center;">Color blocks are a simple and effective way to <b>present and highlight your content</b>. Choose an image or a color for the background. You can even resize and duplicate the blocks to create your own layout. Add images or icons to customize the blocks.</p>
<p style="text-align: center;"><a href="#" class="btn btn-primary">More Details</a></p>
</div>
</div>
</div>
</div>
</template>
</odoo>

View file

@ -0,0 +1,65 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_company_team" name="Team">
<div class="s_company_team o_mail_snippet_general">
<div class="container">
<div class="row">
<div class="col-lg-6 pt24 pb24">
<div class="container">
<div class="row">
<div class="col-lg-3 pb16 px-0">
<img src="/web_editor/image_shape/mass_mailing.s_company_team_default_image_1/mass_mailing/basic/circle.svg" class="img-fluid mx-auto" data-shape="mass_mailing/basic/circle" data-file-name="team_member_1-circle.svg" data-shape-colors=";;;;" data-original-mimetype="image/png"/>
</div>
<div class="col-lg-9">
<h3>Tony Fred, CEO</h3>
<p>Founder and chief visionary, Tony is the driving force behind the company. He loves to keep his hands full by participating in the development of the software, marketing, and customer experience strategies.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 pt24 pb24">
<div class="container">
<div class="row">
<div class="col-lg-3 px-0 pb16">
<img src="/web_editor/image_shape/mass_mailing.s_company_team_default_image_2/mass_mailing/basic/circle.svg" class="img-fluid mx-auto" data-shape="mass_mailing/basic/circle" data-file-name="team_member_2-circle.svg" data-shape-colors=";;;;" data-original-mimetype="image/png"/>
</div>
<div class="col-lg-9">
<h3>Mich Stark, COO</h3>
<p>Mich loves taking on challenges. With his multi-year experience as Commercial Director in the software industry, Mich has helped the company to get where it is today. Mich is among the best minds.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 pt24 pb24">
<div class="container">
<div class="row">
<div class="col-lg-3 px-0 pb16">
<img src="/web_editor/image_shape/mass_mailing.s_company_team_default_image_3/mass_mailing/basic/circle.svg" class="img-fluid mx-auto" data-shape="mass_mailing/basic/circle" data-file-name="team_member_3-circle.svg" data-shape-colors=";;;;" data-original-mimetype="image/png"/>
</div>
<div class="col-lg-9">
<h3>Aline Turner, CTO</h3>
<p>Aline is one of the iconic people in life who can say they love what they do. She mentors 100+ in-house developers and looks after the community of thousands of developers.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 pt24 pb24">
<div class="container">
<div class="row">
<div class="col-lg-3 px-0 pb16">
<img src="/web_editor/image_shape/mass_mailing.s_company_team_default_image_4/mass_mailing/basic/circle.svg" class="img-fluid mx-auto" data-shape="mass_mailing/basic/circle" data-file-name="team_member_4-circle.svg" data-shape-colors=";;;;" data-original-mimetype="image/png"/>
</div>
<div class="col-lg-9">
<h3>Iris Joe, CFO</h3>
<p>Iris, with her international experience, helps us easily understand the numbers and improves them. She is determined to drive success and delivers her professional acumen to bring the company to the next level.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
</odoo>

View file

@ -0,0 +1,63 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_comparisons" name="Comparisons">
<div class="s_comparisons o_mail_snippet_general pt32 pb32">
<div class="container">
<div class="row">
<div class="col-lg-6 s_col_no_bgcolor pt32 pb16">
<div class="card o_cc o_cc2">
<div class="card-header"><h2 style="text-align: center;"><span style="font-weight: bolder;">DEFAULT</span></h2></div>
<div class="bg-white pt24 pb24">
<ul class="list-group list-group-flush">
<li class="list-group-item">
<h3 class="card-title" style="text-align: center;">$8</h3>
<p class="card-title" style="text-align: center;"><span style="font-size: 11px">user / month (billed annually)</span></p>
</li>
<li class="list-group-item"><p style="text-align: center;">Basic features</p></li>
<li class="list-group-item"><p style="text-align: center;">Basic management</p></li>
<li class="list-group-item"><p style="text-align: center;">No customization</p></li>
<li class="list-group-item"><p style="text-align: center;">No support</p></li>
</ul>
</div>
<div class="card-footer" style="text-align: center;">
<a href="#" class="btn btn-primary">More</a>
</div>
</div>
</div>
<div class="col-lg-6 s_col_no_bgcolor pt32 pb16">
<div class="card o_cc o_cc3">
<div class="card-header"><h2 style="text-align: center;"><span style="font-weight: bolder;">PRO</span></h2></div>
<div class="bg-white pt24 pb24">
<ul class="list-group list-group-flush">
<li class="list-group-item">
<h3 class="card-title" style="text-align: center;">$18</h3>
<p class="card-title" style="text-align: center;"><span style="font-size: 11px">user / month (billed annually)</span></p>
</li>
<li class="list-group-item">
<p style="text-align: center;"><span style="font-weight:bolder">Advanced</span>
features</p>
</li>
<li class="list-group-item">
<p style="text-align: center;"><span style="font-weight:bolder">Total</span>
management</p>
</li>
<li class="list-group-item">
<p style="text-align: center;"><span style="font-weight:bolder">Fully customizable</span></p>
</li>
<li class="list-group-item">
<p style="text-align: center;"><span style="font-weight:bolder">24/7 Support</span></p>
</li>
</ul>
</div>
<div class="card-footer" style="text-align: center;">
<a href="#" class="btn btn-primary">More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
</odoo>

View file

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_coupon_code" name="Promo Code">
<div class="s_discount2 o_mail_block_discount2 o_mail_snippet_general pt32 pb32" style="padding-left: 15px; padding-right: 15px;">
<h2 style="text-align: center;"><span style="font-weight: bolder;">GET $20 OFF</span></h2>
<p style="text-align: center;">
Here's your coupon code - but hurry! Ends 9/28
</p>
<table border="0" cellpadding="0" cellspacing="0" align="center" class="border" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td width="50" height="50" align="center" class="o_mail_no_resize mx-auto o_cc o_cc3" style="width:50px!important; min-width: 50px; max-width:5.6rem; text-align: center;"><i class="fa fa-2x fa-ticket"></i></td>
<td width="200" height="50" align="center" class="o_cc" style="font-size: 15px; line-height: 22px; font-weight: 700; min-width: 150px; width: 200px; text-align: center;"><p class="mb0">ENDOFSUMMER20</p></td>
</tr>
</table>
<br/>
<p style="text-align:center;">
<a role="button" href="#" class="btn btn-primary">Use now</a>
</p>
</div>
</template>
</odoo>

View file

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_cover" name="Cover">
<div class="s_cover o_mail_snippet_general">
<div class="container">
<div class="row">
<div class="col-lg-12 oe_img_bg pt56 pb48" style="background-image: url('/web/image/mass_mailing.s_cover_default_image');">
<h1 style="text-align: center;"><font style="font-size: 62px; font-weight: bold;">Catchy Headline</font></h1>
<p class="lead" style="text-align: center;">Write one or two paragraphs describing your product, services or a specific feature.<br/> To be successful your content needs to be useful to your readers.</p>
</div>
</div>
</div>
</div>
</template>
</odoo>

View file

@ -0,0 +1,43 @@
<odoo>
<template id="s_event" name="Event">
<div class="s_mail_block_event o_mail_snippet_general bg-100">
<div class="container">
<div class="row align-items-center">
<div class="s_col_no_bgcolor col-lg-6 pt32 pb32">
<div class="card bg-white h-100 rounded" style="border-radius: 5px !important; border-color: rgb(233, 236, 239) !important;">
<img class="card-img-top" src="/web/image/mass_mailing.s_event_default_image_1" alt=""/>
<div class="card-body">
<h3 class="card-title">
<font style="font-size: 18px;">Event One</font>
</h3>
<p><font class="text-o-color-1">25 September 2022 - 4:30 PM</font></p>
<p>London, United Kingdom</p>
<p>
<a href="#" target="_blank" class="btn btn-primary">Register Now</a>
</p>
</div>
</div>
</div>
<div class="s_col_no_bgcolor col-lg-6 pt32 pb32">
<div class="card bg-white h-100 rounded" style="border-radius: 5px !important; border-color: rgb(233, 236, 239) !important;">
<img class="card-img-top" src="/web/image/mass_mailing.s_event_default_image_2" alt=""/>
<div class="card-body">
<h3 class="card-title">
<font style="font-size: 18px">Event Two</font>
</h3>
<p><font class="text-o-color-1">26 September 2022 - 1:30 PM</font></p>
<p>London, United Kingdom</p>
<p>
<a href="#" target="_blank" class="btn btn-primary">Register Now</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
</odoo>

View file

@ -0,0 +1,34 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_features" name="Features">
<div class="s_features o_mail_snippet_general">
<div class="container">
<div class="row">
<div class="col-lg-4 o_cc pt16 pb16" style="text-align: center;">
<i class="fa fa-3x fa-gear bg-primary" style="padding: 10px; border-radius: 3px !important;"></i>
<br/>
<br/>
<h3>First Feature</h3>
<p>Tell what's the value for the customer for this feature.</p>
</div>
<div class="col-lg-4 o_cc pt16 pb16" style="text-align: center;">
<i class="fa fa-3x fa-photo bg-o-color-5" style="padding: 10px; border-radius: 3px !important;"></i>
<br/>
<br/>
<h3>Second Feature</h3>
<p>Write what the customer would like to know, not what you want to show.</p>
</div>
<div class="col-lg-4 o_cc pt16 pb16" style="text-align: center;">
<i class="fa fa-3x fa-leaf bg-secondary" style="padding: 10px; border-radius: 3px !important;"></i>
<br/>
<br/>
<h3>Third Feature</h3>
<p>A small explanation of this great feature, in clear words.</p>
</div>
</div>
</div>
</div>
</template>
</odoo>

View file

@ -0,0 +1,93 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_features_grid" name="Features Grid">
<div class="s_mail_features_grid o_mail_snippet_general pt48 pb24">
<div class="container">
<div class="row">
<div class="col-lg-6 o_cc">
<div class="container">
<div class="row g-0">
<div class="col-lg-12 pb24">
<h2>First list of Features</h2>
<p>Add a great slogan.</p>
</div>
</div>
<div class="row">
<div class="col-lg-2 px-0" style="text-align: center;">
<i class="fa fa-2x fa-font-awesome bg-primary" style="padding: 10px; border-radius: 50px !important;"></i>
</div>
<div class="col-lg-10 pb16">
<h3>Change Icons</h3>
<p>Double click an icon to replace it with one of your choice.</p>
</div>
</div>
<div class="row">
<div class="col-lg-2 px-0" style="text-align: center;">
<i class="fa fa-2x fa-files-o bg-primary" style="padding: 10px; border-radius: 50px !important;"></i>
</div>
<div class="col-lg-10 pb16">
<h3>Duplicate</h3>
<p>Duplicate blocks and columns to add more features.</p>
</div>
</div>
<div class="row">
<div class="col-lg-2 px-0" style="text-align: center;">
<i class="fa fa-2x fa-trash bg-primary" style="padding: 10px; border-radius: 50px !important;"></i>
</div>
<div class="col-lg-10 pb16">
<h3>Delete Blocks</h3>
<p>Select and delete blocks to remove features.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 o_cc">
<div class="container">
<div class="row g-0">
<div class="col-lg-12 pb24">
<h2>Second list of Features</h2>
<p>Add a great slogan.</p>
</div>
</div>
<div class="row">
<div class="col-lg-2 px-0" style="text-align: center;">
<i class="fa fa-2x fa-magic bg-secondary" style="padding: 10px; border-radius: 3px !important;"></i>
</div>
<div class="col-lg-10 pb16">
<h3>Great Value</h3>
<p>Turn every feature into a benefit for your reader.</p>
</div>
</div>
<div class="row">
<div class="col-lg-2 px-0" style="text-align: center;">
<i class="fa fa-2x fa-eyedropper bg-secondary" style="padding: 10px; border-radius: 3px !important;"></i>
</div>
<div class="col-lg-10 pb16">
<h3>Edit Styles</h3>
<p>You can edit colors and backgrounds to highlight features.</p>
</div>
</div>
<div class="row">
<div class="col-lg-2 px-0" style="text-align: center;">
<i class="fa fa-2x fa-picture-o bg-secondary" style="padding: 10px; border-radius: 3px !important;"></i>
</div>
<div class="col-lg-10 pb16">
<h3>Sample Icons</h3>
<p>All these icons are completely free for commercial use.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<record id="mass_mailing.s_features_grid_000_scss" model="ir.asset">
<field name="name">Features grid 000 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">mass_mailing/static/src/snippets/s_features_grid/000.scss</field>
</record>
</odoo>

View file

@ -0,0 +1,41 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_hr" name="Separator" inherit_id="web_editor.s_hr" primary="True">
<xpath expr="//div[hasclass('s_hr')]" position="attributes">
<attribute name="class" add="o_mail_snippet_general pt16 pb16" remove="pt32 pb32" separator=" "/>
</xpath>
<xpath expr="//hr" position="attributes">
<attribute name="class" remove="w-100 mx-auto" separator=" "/>
</xpath>
</template>
<template id="s_hr_options" inherit_id="mass_mailing.snippet_options">
<xpath expr="." position="inside">
<div data-selector=".s_hr" data-target="hr">
<t t-call="mass_mailing.snippet_options_border_line_widgets">
<t t-set="label">Border</t>
<t t-set="direction" t-value="'top'"/>
</t>
<we-select string="Width">
<we-button data-select-class="w-25">25%</we-button>
<we-button data-select-class="w-50">50%</we-button>
<we-button data-select-class="w-75">75%</we-button>
<we-button data-select-class="w-100" data-name="so_width_100">100%</we-button>
</we-select>
<we-button-group string="Alignment" data-dependencies="!so_width_100">
<we-button class="fa fa-fw fa-align-left" title="Left" data-select-class="me-auto"/>
<we-button class="fa fa-fw fa-align-center" title="Center" data-select-class="mx-auto"/>
<we-button class="fa fa-fw fa-align-right" title="Right" data-select-class="ms-auto"/>
</we-button-group>
</div>
</xpath>
</template>
<record id="mass_mailing.s_hr_000_scss" model="ir.asset">
<field name="name">Hr 000 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">mass_mailing/static/src/snippets/s_hr/000.scss</field>
</record>
</odoo>

View file

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_image_text" name="Image - Text">
<div class="s_text_image o_mail_snippet_general pt32 pb32">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 o_cc px-0">
<img src="/web/image/mass_mailing.s_image_text_default_image" class="img w-100" />
</div>
<div class="col-lg-6 o_cc pt16 pb16">
<h3>Omnichannel sales</h3>
<p style="text-align: justify;">Get your inside sales (CRM) fully integrated with online sales (eCommerce), in-store sales (Point of Sale) and marketplaces like eBay and Amazon.</p>
<div style="text-align: left;">
<a href="#" class="btn btn-link">Read More</a>
</div>
</div>
</div>
</div>
</div>
</template>
</odoo>

View file

@ -0,0 +1,313 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<!-- Template -->
<template id="s_masonry_block" name="Masonry">
<div class="s_masonry_block o_mail_snippet_general" data-vcss="001">
<div class="container text-white">
<t t-call="mass_mailing.s_masonry_block_default_template"/>
</div>
</div>
</template>
<!-- Templates -->
<template id="s_masonry_block_default_template" groups="base.group_user">
<div class="row">
<div class="col-lg-6 oe_img_bg text-center pb224 pt224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
<p><br/></p>
</div>
<div class="col-lg-6 s_col_no_resize o_masonry_grid_container">
<div class="row h-100">
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc3" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
</div>
</div>
</div>
</template>
<template id="s_masonry_block_reversed_template" groups="base.group_user">
<div class="row">
<div class="col-lg-6 s_col_no_resize o_masonry_grid_container">
<div class="row h-100">
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc3" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
</div>
</div>
<div class="col-lg-6 oe_img_bg text-center pb224 pt224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
<p><br/></p>
</div>
</div>
</template>
<template id="s_masonry_block_images_template" groups="base.group_user">
<div class="row">
<div class="col-lg-6 oe_img_bg text-center pb224 pt224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
<p><br/></p>
</div>
<div class="col-lg-6 oe_img_bg text-center pb224 pt224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_2);">
<p><br/></p>
</div>
</div>
</template>
<template id="s_masonry_block_image_texts_image_template" groups="base.group_user">
<div class="row">
<div class="col-lg-3 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_2);">
<p><br/></p>
</div>
<div class="col-lg-3 s_col_no_resize o_masonry_grid_container">
<div class="row h-100">
<div class="col-lg-12 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-12 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
</div>
</div>
<div class="col-lg-6 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
<p><br/></p>
</div>
</div>
</template>
<template id="s_masonry_block_mosaic_template" groups="base.group_user">
<div class="row">
<div class="col-lg-6 s_col_no_resize o_masonry_grid_container">
<div class="row">
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc3" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
</div>
<div class="row">
<div class="col-lg-12 oe_img_bg text-center pt224 pb224" data-name="Block"
style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
<p><br/></p>
</div>
</div>
</div>
<div class="col-lg-6 s_col_no_resize o_masonry_grid_container">
<div class="row">
<div class="col-lg-12 oe_img_bg text-center pt224 pb224" data-name="Block"
style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_2);">
<p><br/></p>
</div>
</div>
<div class="row">
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
</div>
</div>
</div>
</template>
<template id="s_masonry_block_texts_image_texts_template" groups="base.group_user">
<div class="row">
<div class="col-lg-3 s_col_no_resize o_masonry_grid_container">
<div class="row h-100">
<div class="col-lg-12 pt24 pb8 text-center o_cc o_cc3" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-12 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
</div>
</div>
<div class="col-lg-6 oe_img_bg text-center pt224 pb224" data-name="Block"
style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
<p><br/></p>
</div>
<div class="col-lg-3 s_col_no_resize o_masonry_grid_container">
<div class="row h-100">
<div class="col-lg-12 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-12 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
</div>
</div>
</div>
</template>
<template id="s_masonry_block_alternation_text_template" groups="base.group_user">
<div class="row">
<div class="col-lg-3 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-3 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-3 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-3 pt24 pb8 text-center o_cc o_cc3" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
</div>
</template>
<template id="s_masonry_block_alternation_text_image_template" groups="base.group_user">
<div class="row">
<div class="col-lg-3 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-3 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
<p><br/></p>
</div>
<div class="col-lg-3 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-3 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_2);">
<p><br/></p>
</div>
</div>
</template>
<template id="s_masonry_block_alternation_image_text_template" groups="base.group_user">
<div class="row">
<div class="col-lg-3 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
<p><br/></p>
</div>
<div class="col-lg-3 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-3 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_2);">
<p><br/></p>
</div>
<div class="col-lg-3 pt24 pb8 text-center o_cc o_cc3" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
</div>
</template>
<template id="s_masonry_block_alternation_text_image_text_template" groups="base.group_user">
<div class="row">
<div class="col-lg-3 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="col-lg-6 oe_img_bg text-center pt224 pb224" data-name="Block" style="background-image: url(/web/image/mass_mailing.s_masonry_block_default_image_1);">
<p><br/></p>
</div>
<div class="col-lg-3 pt24 pb8 text-center o_cc o_cc2" data-name="Block">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
</div>
</template>
<!-- Options -->
<template id="s_masonry_block_options" inherit_id="mass_mailing.snippet_options">
<xpath expr="//div[@data-js='layout_column']" position="after">
<div data-js="MasonryLayout" data-selector=".s_masonry_block">
<we-select string="Template"
data-name="masonry_template_opt"
data-attribute-name="masonryTemplate"
data-attribute-default-value="default">
<we-button title="Default"
data-select-template="mass_mailing.s_masonry_block_default_template"
data-select-data-attribute="default"
data-img="/mass_mailing/static/src/img/snippets_options/masonry_template_default.svg"/>
<we-button title="Default Reversed"
data-select-template="mass_mailing.s_masonry_block_reversed_template"
data-select-data-attribute="default_reversed"
data-img="/mass_mailing/static/src/img/snippets_options/masonry_template_reversed.svg"/>
<we-button title="Images"
data-select-template="mass_mailing.s_masonry_block_images_template"
data-select-data-attribute="images"
data-img="/mass_mailing/static/src/img/snippets_options/masonry_template_images.svg"/>
<we-button title="Image Text Image"
data-select-template="mass_mailing.s_masonry_block_image_texts_image_template"
data-select-data-attribute="image_text_image"
data-img="/mass_mailing/static/src/img/snippets_options/masonry_template_image_texts_image.svg"/>
<we-button title="Mosaic"
data-select-template="mass_mailing.s_masonry_block_mosaic_template"
data-select-data-attribute="mosaic"
data-img="/mass_mailing/static/src/img/snippets_options/masonry_template_mosaic.svg"/>
<we-button title="Text Image Text"
data-select-template="mass_mailing.s_masonry_block_texts_image_texts_template"
data-select-data-attribute="text_image_text"
data-img="/mass_mailing/static/src/img/snippets_options/masonry_template_texts_image_texts.svg"/>
<we-button title="Alternate Text"
data-select-template="mass_mailing.s_masonry_block_alternation_text_template"
data-select-data-attribute="alternate_text"
data-img="/mass_mailing/static/src/img/snippets_options/masonry_template_alternate_texts.svg"/>
<we-button title="Alternate Text Image"
data-select-template="mass_mailing.s_masonry_block_alternation_text_image_template"
data-select-data-attribute="alternate_text_image"
data-img="/mass_mailing/static/src/img/snippets_options/masonry_template_alternate_text_image.svg"/>
<we-button title="Alternate Image Text"
data-select-template="mass_mailing.s_masonry_block_alternation_image_text_template"
data-select-data-attribute="alternate_image_text"
data-img="/mass_mailing/static/src/img/snippets_options/masonry_template_alternate_image_text.svg"/>
<we-button title="Alternate Text Image Text"
data-select-template="mass_mailing.s_masonry_block_alternation_text_image_text_template"
data-select-data-attribute="alternate_text_image_text"
data-img="/mass_mailing/static/src/img/snippets_options/masonry_template_alternate_text_image_text.svg"/>
</we-select>
</div>
</xpath>
</template>
<!-- Assets -->
<record id="mass_mailing.s_masonry_block_001_scss" model="ir.asset">
<field name="name">Masonry block 001 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">mass_mailing/static/src/snippets/s_masonry_block/001.scss</field>
</record>
</odoo>

View file

@ -0,0 +1,54 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_media_list" name="Media List">
<div class="s_media_list o_mail_snippet_general pt8 pb8 o_cc o_cc2" data-vcss="001">
<div class="container">
<div class="row s_nb_column_fixed">
<div class="col-lg-12 s_media_list_item pt8 pb8" data-name="Media item">
<div class="row s_col_no_resize s_col_no_bgcolor align-items-center o_cc o_cc1">
<div class="col-lg-4 s_media_list_img_wrapper align-self-stretch px-0">
<img src="/web/image/mass_mailing.s_media_list_default_image_1" class="s_media_list_img h-100 w-100" alt=""/>
</div>
<div class="col-lg-8 s_media_list_body">
<h3>Media heading</h3>
<p>Use this snippet to build various types of components that feature a left- or right-aligned image alongside textual content. Duplicate the element to create a list that fits your needs.</p>
<a href="#" class="btn btn-primary">Discover</a>
</div>
</div>
</div>
<div class="col-lg-12 s_media_list_item pt8 pb8" data-name="Media item">
<div class="row s_col_no_resize s_col_no_bgcolor align-items-center o_cc o_cc1">
<div class="col-lg-4 s_media_list_img_wrapper align-self-stretch px-0">
<img src="/web/image/mass_mailing.s_media_list_default_image_2" class="s_media_list_img h-100 w-100" alt=""/>
</div>
<div class="col-lg-8 s_media_list_body">
<h3>Event heading</h3>
<p>Speakers from all over the world will join our experts to give inspiring talks on various topics. Stay on top of the latest business management trends &amp; technologies</p>
</div>
</div>
</div>
<div class="col-lg-12 s_media_list_item pt8 pb8" data-name="Media item">
<div class="row s_col_no_resize s_col_no_bgcolor align-items-center o_cc o_cc1">
<div class="col-lg-4 s_media_list_img_wrapper align-self-stretch px-0">
<img src="/web/image/mass_mailing.s_media_list_default_image_3" class="s_media_list_img h-100 w-100" alt=""/>
</div>
<div class="col-lg-8 s_media_list_body">
<h3>Post heading</h3>
<p>Use this component for creating a list of featured elements to which you want to bring attention.</p>
<a href="#">Continue reading <i class="fa fa-long-arrow-right align-middle ms-1"/></a>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<record id="mass_mailing.s_media_list_001_scss" model="ir.asset">
<field name="name">Media list 001 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">mass_mailing/static/src/snippets/s_media_list/001.scss</field>
</record>
</odoo>

View file

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_numbers" name="Numbers">
<div class="s_numbers o_mail_snippet_general o_cc o_cc1">
<div class="container">
<div class="row">
<div class="col-lg-4 pt24 pb24 o_cc o_cc2" style="text-align: center;">
<span style="font-size: 48px;">12</span>
<p>Useful options</p>
</div>
<div class="col-lg-4 pt24 pb24 o_cc o_cc4" style="text-align: center;">
<span style="font-size: 48px;">45</span>
<p>Beautiful snippets</p>
</div>
<div class="col-lg-4 pt24 pb24 o_cc o_cc2" style="text-align: center;">
<span style="font-size: 48px;">8</span>
<p>Amazing pages</p>
</div>
</div>
</div>
</div>
</template>
</odoo>

View file

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_picture" name="Picture">
<div class="s_picture o_mail_snippet_general pt48 pb24 o_cc o_cc2" style="padding-left: 15px; padding-right: 15px;">
<div class="container s_allow_columns">
<h2 style="text-align: center;">
<font style="font-size: 48px;">A Punchy Headline</font>
</h2>
<p style="text-align: center;">With strong technical foundations, Odoo's framework is unique. It provides <span style="font-weight: bolder;">top notch usability that scales across all apps</span>.</p>
<img src="/web/image/mass_mailing.s_picture_default_image" style="padding: 10px;" class="mx-auto d-block mw-100" width="500" alt=""/>
<p style="text-align: center;"><font style="font-size: 12px;">Add a caption to enhance the meaning of this image.</font></p>
</div>
</div>
</template>
</odoo>

View file

@ -0,0 +1,34 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_product_list" name="Items">
<div class="s_mail_product_list o_mail_snippet_general">
<div class="container">
<div class="row">
<div class="col-lg-4 o_cc pt16 pb16">
<a href="">
<img src="/web/image/mass_mailing.s_product_list_default_image_1" alt="" class="img img-fluid" style="padding: 15px 0px"/>
</a>
<p style="text-align: center;">Check out all our furniture</p>
<p style="text-align: center;"><a class="btn btn-primary" href="#">Furniture</a></p>
</div>
<div class="col-lg-4 o_cc pt16 pb16">
<a href="">
<img src="/web/image/mass_mailing.s_product_list_default_image_2" alt="" class="img img-fluid" style="padding: 15px 0px"/>
</a>
<p style="text-align: center;">Check out all our clothes</p>
<p style="text-align: center;"><a class="btn btn-primary" href="#">Clothes</a></p>
</div>
<div class="col-lg-4 o_cc pt16 pb16">
<a href="">
<img src="/web/image/mass_mailing.s_product_list_default_image_3" alt="" class="img img-fluid" style="padding: 15px 0px"/>
</a>
<p style="text-align: center;">Check out all our books</p>
<p style="text-align: center;"><a class="btn btn-primary" href="#">Books</a></p>
</div>
</div>
</div>
</div>
</template>
</odoo>

View file

@ -0,0 +1,72 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_rating" name="Rating">
<div class="s_rating o_mail_snippet_general pt16 pb16" style="padding-left: 15px; padding-right: 15px;" data-vcss="001" data-icon="fa-star">
<h3>Quality</h3>
<div class="s_rating_icons o_not_editable">
<span class="s_rating_active_icons">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</span>
<span class="s_rating_inactive_icons">
<i class="fa fa-star-o"></i>
<i class="fa fa-star-o"></i>
</span>
</div>
</div>
</template>
<template id="s_rating_options" inherit_id="mass_mailing.snippet_options">
<xpath expr="." position="inside">
<div data-js="Rating" data-selector=".s_rating">
<we-select string="Icon">
<we-button data-set-icons="fa-star"><i class="fa fa-fw fa-star"/> Stars</we-button>
<we-button data-set-icons="fa-thumbs-up"><i class="fa fa-fw fa-thumbs-up"/> Thumbs</we-button>
<we-button data-set-icons="fa-circle"><i class="fa fa-fw fa-circle"/> Circles</we-button>
<we-button data-set-icons="fa-square"><i class="fa fa-fw fa-square"/> Squares</we-button>
<we-button data-set-icons="fa-heart"><i class="fa fa-fw fa-heart"/> Hearts</we-button>
<we-button data-set-icons="custom" class="d-none">Custom</we-button>
</we-select>
<we-row string="&#8985; Active">
<we-colorpicker data-select-style="" data-apply-to=".s_rating_active_icons" data-css-property="color" data-color-prefix="text-"/>
<we-button data-custom-icon="true" data-custom-active-icon="true" data-no-preview="true">
<i class="fa fa-fw fa-refresh me-1"/> Replace Icon
</we-button>
</we-row>
<we-row string="&#8985; Inactive">
<we-colorpicker data-select-style="" data-apply-to=".s_rating_inactive_icons" data-css-property="color" data-color-prefix="text-"/>
<we-button data-custom-icon="true" data-custom-active-icon="false" data-no-preview="true">
<i class="fa fa-fw fa-refresh me-1"/> Replace Icon
</we-button>
</we-row>
<we-row string="Score">
<we-input data-active-icons-number="true" data-step="1"/>
<span class="mx-2">/</span>
<we-input data-total-icons-number="true" data-step="1"/>
</we-row>
<we-button-group string="Size" data-apply-to=".s_rating_icons">
<we-button data-select-class="" title="Small" data-img="/website/static/src/img/snippets_options/size_small.svg"/>
<we-button data-select-class="fa-2x" title="Medium" data-img="/website/static/src/img/snippets_options/size_medium.svg"/>
<we-button data-select-class="fa-3x" title="Large" data-img="/website/static/src/img/snippets_options/size_large.svg"/>
</we-button-group>
<we-checkbox string="Display Inline" data-select-class="s_rating_inline" data-no-preview="true"/>
</div>
</xpath>
</template>
<record id="mass_mailing.s_rating_000_scss" model="ir.asset">
<field name="name">Rating 000 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">mass_mailing/static/src/snippets/s_rating/000.scss</field>
<field name="active" eval="False"/>
</record>
<record id="mass_mailing.s_rating_001_scss" model="ir.asset">
<field name="name">Rating 001 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">mass_mailing/static/src/snippets/s_rating/001.scss</field>
</record>
</odoo>

View file

@ -0,0 +1,27 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_references" name="References">
<div class="s_references o_mail_snippet_general pt32 pb32">
<div class="container">
<h2 style="text-align: center;">Our References</h2>
<p style="text-align: center;">We are in good company.</p>
<div class="row">
<div class="col-lg-3 pt16 pb16">
<img src="/web/image/mass_mailing.s_reference_default_image_1" class="img img-fluid mx-auto" alt=""/>
</div>
<div class="col-lg-3 pt16 pb16">
<img src="/web/image/mass_mailing.s_reference_default_image_2" class="img img-fluid mx-auto" alt=""/>
</div>
<div class="col-lg-3 pt16 pb16">
<img src="/web/image/mass_mailing.s_reference_default_image_3" class="img img-fluid mx-auto" alt=""/>
</div>
<div class="col-lg-3 pt16 pb16">
<img src="/web/image/mass_mailing.s_reference_default_image_4" class="img img-fluid mx-auto" alt=""/>
</div>
</div>
</div>
</div>
</template>
</odoo>

View file

@ -0,0 +1,48 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_showcase" name="Showcase">
<div class="s_showcase o_mail_snippet_general pt48 pb48">
<!-- TODO: (below) issue with height: `fit-content` is not supported, can we calculate it in px in translation ?
empty div height is 0 unless table has defined height (div.col-1 > div.w-50.h100.border-end)-->
<div class="container" style="height: fit-content;">
<div class="row g-0 s_col_no_resize s_col_no_bgcolor s_nb_column_fixed">
<div class="col-lg-6 pb24" style="text-align: right; padding-right: 70px;" align="right">
<div class="mb-2">
<h3 class="d-inline-block">First feature</h3>
<i class="fa fa-2x fa-desktop text-secondary ms-3"/>
</div>
<p>A short description of this great feature.</p>
</div>
<div class="col-lg-6 pb24 border-start" style="padding-left: 70px;" align="left">
<div class="mb-2">
<i class="fa fa-2x fa-heart text-secondary me-3"/>
<h3 class="d-inline-block">Another feature</h3>
</div>
<p>A short description of this great feature.</p>
</div>
</div>
<div class="row g-0 s_col_no_resize s_col_no_bgcolor s_nb_column_fixed">
<div class="col-lg-6" style="text-align: right; padding-right: 70px;" align="right">
<div class="mb-2">
<h3 class="d-inline-block">Second feature</h3>
<i class="fa fa-2x fa-paint-brush text-secondary ms-3"/>
</div>
<p>A short description of this great feature.</p>
</div>
<div class="col-lg-6 border-start" style="padding-left: 70px;" align="left">
<div class="mb-2">
<i class="fa fa-2x fa-gift text-secondary me-3"/>
<h3 class="d-inline-block">Last Feature</h3>
</div>
<p>A short description of this great feature.</p>
</div>
</div>
</div>
<div class="container pt32" style="text-align: center;" align="center">
<a href="#" class="btn btn-primary">Discover all the features</a>
</div>
</div>
</template>
</odoo>

View file

@ -0,0 +1,16 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_text_block" name="Text">
<div class="s_text_block o_mail_snippet_general pt40 pb40" style="padding-left: 15px; padding-right: 15px;">
<div class="container s_allow_columns">
<p> The open source model of Odoo has allowed us to leverage thousands of developers and
business experts to build hundreds of apps in just a few years.</p>
<p> With strong technical foundations, Odoo's framework is unique.
It provides top notch usability that scales across all apps.</p>
<p> Usability improvements made on Odoo will automatically apply to all
of our fully integrated apps.</p>
<p> That way, Odoo evolves much faster than any other solution.</p>
</div>
</div>
</template>
</odoo>

View file

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_text_highlight" name="Text Highlight">
<div class="s_mail_text_highlight o_mail_snippet_general o_cc o_cc3 pt32 pb32 w-100">
<h3 style="text-align: center;">Text Highlight</h3>
<p style="text-align: center;">Put the focus on what you have to say!</p>
</div>
</template>
</odoo>

View file

@ -0,0 +1,23 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_text_image" name="Text - Image">
<div class="s_text_image o_mail_snippet_general">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 o_cc pt16 pb16">
<h3>A unique value</h3>
<p style="text-align: justify;">The open source model of Odoo has allowed us to leverage thousands of developers and business experts to build hundreds of apps in just a few years.</p>
<div style="text-align: left;">
<a href="#" class="btn btn-link">Read More</a>
</div>
</div>
<div class="col-lg-6 px-0">
<img src="/web/image/mass_mailing.s_text_image_default_image" class="img w-100"/>
</div>
</div>
</div>
</div>
</template>
</odoo>

View file

@ -0,0 +1,40 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_three_columns" name="Columns">
<div class="s_three_columns o_mail_snippet_general o_cc o_cc2 pt32 pb32">
<div class="container">
<div class="row d-flex align-items-stretch">
<div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
<div class="card text-bg-white h-100">
<img class="card-img-top" src="/web/image/mass_mailing.s_three_columns_default_image_1" alt=""/>
<div class="card-body">
<h3 class="card-title">Feature One</h3>
<p class="card-text">Adapt these three columns to fit your design need. To duplicate, delete or move columns, select the column and use the top icons to perform your action.</p>
</div>
</div>
</div>
<div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
<div class="card text-bg-white h-100">
<img class="card-img-top" src="/web/image/mass_mailing.s_three_columns_default_image_2" alt=""/>
<div class="card-body">
<h3 class="card-title">Feature Two</h3>
<p class="card-text">To add a fourth column, reduce the size of these three columns using the right icon of each block. Then, duplicate one of the columns to create a new one as a copy.</p>
</div>
</div>
</div>
<div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
<div class="card text-bg-white h-100">
<img class="card-img-top" src="/web/image/mass_mailing.s_three_columns_default_image_3" alt=""/>
<div class="card-body">
<h3 class="card-title">Feature Three</h3>
<p class="card-text">Delete the above image or replace it with a picture that illustrates your message. Click on the picture to change its <em>rounded corner</em> style.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
</odoo>

View file

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_title" name="Title">
<div class="s_title o_mail_snippet_general pt32 pb32">
<div class="container s_allow_columns">
<h1 style="text-align:center">Your Title</h1>
</div>
</div>
</template>
</odoo>