<odoo>
<template id="s_cover" name="Cover">
    <section class="s_cover o_mail_snippet_general" data-vxml="001">
        <div class="container">
            <div class="row">
                <div class="col-md-12 oe_img_bg pt56 pb48 col-12" style="background-image: url('/web/image/mass_mailing.s_cover_default_image'); background-position: 50% 84.7081%;">
                    <div class="o_we_bg_filter bg-black-75" contenteditable="false"></div>
                    <h1 style="text-align: center;"><span style="font-size: 62px;"><strong><font class="text-white">Your journey starts here</font></strong></span></h1>
                    <p class="lead" style="text-align: center;"><font class="text-white">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.</font></p>
                </div>
            </div>
        </div>
    </section>
</template>

<template id="s_image_text" name="Image - Text">
    <section class="s_text_image o_mail_snippet_general pt32 pb32" data-vxml="001">
        <div class="container">
            <div class="row align-items-start">
                <div class="col-md-6 pt16 pb16 col-12">
                    <div class="o_not_editable">
                        <img src="/web/image/mass_mailing.s_image_text_default_image" class="img o_editable_media img-fluid w-100" />
                    </div>
                </div>
                <div class="col-md-6 o_cc pt16 pb16 col-12">
                    <h2>Discover New <strong>Opportunities</strong></h2>
                    <p>Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers.</p>
                    <p>Start with the customer - find out what they want and give it to them.</p>
                    <p><a href="https://www.example.com" class="btn btn-secondary o_translate_inline">Learn more</a></p>
                </div>
            </div>
        </div>
    </section>
</template>

<template id="s_text_image" name="Text - Image">
    <section class="s_text_image o_mail_snippet_general pt32 pb32" data-vxml="001">
        <div class="container">
            <div class="row align-items-start">
                <div class="col-md-6 col-12 pt16 pb16">
                    <h2>Enhance Your <strong>Experience</strong></h2>
                    <p>Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers.</p>
                    <p>Start with the customer - find out what they want and give it to them.</p>
                    <p><a href="https://www.example.com" class="btn btn-secondary">Learn more</a></p>
                </div>
                <div class="col-md-6 col-12 pt16 pb16">
                    <div class="o_not_editable">
                        <img src="/web/image/mass_mailing.s_text_image_default_image" class="img o_editable_media img-fluid mx-auto rounded" alt="" data-mimetype="image/webp"/>
                    </div>
                </div>
            </div>
        </div>
    </section>
</template>

<template id="s_picture" name="Picture">
    <section class="s_picture o_mail_snippet_general pt48 pb24 o_cc o_cc2" style="padding-left: 15px; padding-right: 15px;" data-vxml="001">
        <div class="container s_allow_columns">
            <h2 style="text-align: center;"><strong>Step Up Your Game</strong></h2>
            <p style="text-align: center;">Experience unparalleled comfort, cutting-edge design, and performance-enhancing<br/>technology with this latest innovation, crafted to elevate every athlete's journey.</p>
            <div class="row">
                <div class="col-md-12 pt24 col-12" style="text-align: center;">
                    <div class="o_not_editable">
                        <img src="/web/image/mass_mailing.s_picture_default_image" style="padding: 10px; width: 100% !important;" class="img img-fluid o_editable_media mx-auto d-block mw-100" width="500" alt=""/>
                    </div>
                    <p style="text-align: center;"><font style="font-size: 12px;">Where innovation meets performance</font></p>
                </div>
            </div>
        </div>
    </section>
</template>

<template id="mass_mailing.s_mailing_list_advertisement" name="Mailing List">
    <section class="o_mail_snippet_general s_text_image" data-vxml="001">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6 col-12 pt16 pb16">
                    <div class="o_not_editable">
                        <img class="img img-fluid o_editable_media mx-auto"
                            src="/html_editor/shape/mass_mailing/s_newsletter_benefits_popup.svg"
                            data-original-src="/html_editor/shape/mass_mailing/s_newsletter_benefits_popup.svg"
                            data-original-mimetype="image/svg+xml"
                            data-mimetype="image/svg+xml"/>
                    </div>
                </div>
                <div class="col-md-6 col-12 pt16 pb16">
                    <h2><strong>Stay Ahead with weekly insights &amp; updates</strong></h2>
                    <p>Join our mailing list to receive carefully curated resources, tips, and updates straight to your inbox.</p>
                    <p><span class="fa fa-check text-o-color-1" role="img"/>&#160;&#160;Curated Industry Insights</p>
                    <p><span class="fa fa-check text-o-color-1" role="img"/>&#160;&#160;Expert Tips &amp; How-Tos</p>
                    <p><span class="fa fa-check text-o-color-1" role="img"/>&#160;&#160;Guides &amp; Resources</p>
                    <p><a href="#" class="btn btn-primary">Subscribe</a></p>
                </div>
            </div>
        </div>
    </section>
</template>

<template id="mass_mailing.s_content_card_1" name="Content card">
    <section class="o_mail_snippet_general pt16 pb16" data-vxml="001">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-12">
                    <h1><strong>Unveil Our Exclusive Collections</strong></h1>
                </div>
                <div class="col-md-6 col-12">
                    <p>Write one or two paragraphs describing your product or services. To be successful, your content needs to be useful to your readers.</p>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-12">
                    <div class="o_not_editable">
                        <img class="img img-fluid o_editable_media mx-auto"
                            style="width: 100% !important"
                            src="/mass_mailing/static/src/img/snippets_demo/shop_category_1.webp"
                            data-original-src="/mass_mailing/static/src/img/snippets_demo/shop_category_1.webp"
                            data-original-mimetype="image/webp"
                            data-mimetype="image/webp"/>
                    </div>
                </div>
            </div>
        </div>
    </section>
</template>

<template id="mass_mailing.s_content_card_2" name="Content card">
    <section class="o_mail_snippet_general pt16 pb16" data-vxml="001">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-12">
                    <div class="o_not_editable">
                        <img class="img img-fluid o_editable_media mx-auto"
                            style="width: 100% !important"
                            src="/mass_mailing/static/src/img/snippets_demo/s_bento_grid_default_image_4.jpg"
                            data-original-src="/mass_mailing/static/src/img/snippets_demo/s_bento_grid_default_image_4.jpg"
                            data-original-mimetype="image/jpeg"
                            data-mimetype="image/jpeg"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-12 pt16">
                    <h1 style="text-align: center"><strong>The Innovation Behind Our Product</strong></h1>
                    <p style="text-align: center">Write one or two paragraphs describing your product or services. To be successful, your content needs to be useful to your readers.</p>
                    <p style="text-align: center">Start with the customer - find out what they want and give it to them.</p>
                    <p style="text-align: center"><a href="#" class="btn btn-primary">Learn More</a></p>
                </div>
            </div>
        </div>
    </section>
</template>

<template id="mass_mailing.s_content_card_3" name="Content card">
    <section class="o_mail_snippet_general pt16 pb16" data-vxml="001">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-12">
                    <h1><strong>Timeless Design</strong></h1>
                    <div class="o_not_editable">
                        <img class="img img-fluid o_editable_media mx-auto"
                            style="width: 100% !important"
                            src="/mass_mailing/static/src/img/snippets_demo/s_bento_grid_default_image_2.webp"
                            data-original-src="/mass_mailing/static/src/img/snippets_demo/s_bento_grid_default_image_2.webp"
                            data-original-mimetype="image/webp"
                            data-mimetype="image/webp"/>
                    </div>
                    <p>Experience the perfect harmony of form and function. Each piece is meticulously designed with <strong>premium materials</strong>, ensuring that your interior reflects a sophisticated yet inviting atmosphere.</p>
                    <p><a href="#" class="btn btn-primary">Shop now</a></p>
                </div>
            </div>
        </div>
    </section>
</template>

<template id="mass_mailing.s_content_card_4" name="Content card">
    <section class="o_mail_snippet_general pt16 pb16" data-vxml="001">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-12">
                    <h2><strong>A Breath of Fresh Air</strong></h2>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-2 col-2">
                    <div class="o_not_editable">
                        <img class="img img-fluid o_editable_media mx-auto"
                            style="width: 100% !important;"
                            src="/html_editor/image_shape/mass_mailing.s_company_team_default_image_2/html_builder/geometric_round/geo_round_circle.svg"
                            data-original-src="/web/image/mass_mailing.s_company_team_default_image_2"
                            data-shape="html_builder/geometric_round/geo_round_circle"
                            data-original-mimetype="image/svg+xml"
                            data-mimetype="image/svg+xml"/>
                    </div>
                </div>
                <div class="col-md-10 col-10 ps-0">
                    <p class="mb-0"><strong>John DOE</strong><br/><t t-out="datetime.datetime.now().strftime('%b %d, %Y')"/></p>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-12 pt16">
                    <div class="o_not_editable">
                        <img class="img img-fluid o_editable_media mx-auto"
                            src="/mass_mailing/static/src/img/snippets_demo/shop_generic_1_lg.jpg"
                            data-original-src="/mass_mailing/static/src/img/snippets_demo/shop_generic_1_lg.jpg"
                            data-original-mimetype="image/jpeg"
                            data-mimetype="image/jpeg"/>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-12 pt16">
                    <h3>A Breath of Fresh Air</h3>
                    <p>Redefine your daily rituals with interiors that inspire. From the moment you walk through the door, our pieces evoke a sense of <strong>pure delight</strong>, turning every corner of your home into a sanctuary of happiness and ease.</p>
                    <h3>Elegance That Inspires</h3>
                    <p>Discover the thrill of a home that truly reflects your soul. It's more than just decor; it's about creating a space so vibrant and curated that <strong>you'll beam with pride</strong> every time you step inside.</p>
                    <p><a href="#" class="btn btn-primary">Learn More</a></p>
                </div>
            </div>
        </div>
    </section>
</template>

<template id="mass_mailing.s_content_card_5" name="Content card">
    <section class="o_mail_snippet_general s_cover" data-vxml="001">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-6 pt80 pb80 oe_img_bg" style="background-image: url('/web/image/mass_mailing.s_picture_default_image');">
                    <div class="o_we_bg_filter bg-black-50" contenteditable="false"></div>
                    <h2><strong><font class="text-white">Key Milestone</font></strong></h2>
                    <p><font class="text-white">Reaching new heights together</font></p>
                </div>
                <div class="col-md-6 col-6 pt80 pb80 oe_img_bg" style="background-image: url('/web/image/mass_mailing.s_masonry_block_default_image_1');">
                    <div class="o_we_bg_filter bg-black-50" contenteditable="false"></div>
                    <h2><strong><font class="text-white">Innovation Hub</font></strong></h2>
                    <p><font class="text-white">Where ideas come to life</font></p>
                </div>
            </div>
        </div>
    </section>
</template>

<template id="mass_mailing.s_content_card_6" name="Content card">
    <section class="o_mail_snippet_general s_text_image pt16 pb16" data-vxml="001">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6 col-12">
                    <div class="o_not_editable">
                        <img class="img img-fluid o_editable_media mx-auto"
                            src="/html_editor/image_shape/mass_mailing.s_shape_image_default_image/html_builder/composite/composite_double_pill.svg"
                            data-original-src="/html_editor/image_shape/mass_mailing.s_shape_image_default_image/html_builder/composite/composite_double_pill.svg"
                            data-shape="html_builder/composite/composite_double_pill"
                            data-file-name="s_shape_image_default_image.jpg"
                            data-format-mimetype="image/svg+xml"
                            data-mimetype="image/svg+xml"/>
                    </div>
                </div>
                <div class="col-md-6 col-12">
                    <h2><strong>About our product line</strong></h2>
                    <p>Our product line offers a range of innovative solutions designed to meet your needs. Each product is crafted for quality and reliability.</p>
                    <p>Enhance your experience with our user-focused designs, ensuring you get the best value.</p>
                </div>
            </div>
        </div>
    </section>
</template>

<template id="mass_mailing.s_content_card_7" name="Content card">
    <section class="o_mail_snippet_general s_text_image pb16 pt16" data-vxml="001">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6 col-12">
                    <div class="o_not_editable">
                        <img class="img img-fluid o_editable_media mx-auto"
                            src="/html_editor/shape/mass_mailing/s_newsletter_sms_notifications.svg"
                            data-original-src="/html_editor/shape/mass_mailing/s_newsletter_sms_notifications.svg"
                            data-format-mimetype="image/svg+xml"
                            data-mimetype="image/svg+xml"/>
                    </div>
                </div>
                <div class="col-md-6 col-12">
                    <h2><strong>Stay in the Loop !<br/>Get the latest updates</strong></h2>
                    <p>Be the first to find out all the latest new, products and trends.</p>
                    <a href="#" class="btn btn-primary">Subscribe</a>
                </div>
            </div>
        </div>
    </section>
</template>
</odoo>
