design-themes/theme_notes/views/snippets/s_carousel.xml

<?xml version="1.0" encoding="utf-8"?>
<odoo>

<template id="s_carousel" inherit_id="website.s_carousel">
    <!-- Slide #1 -->
    <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
        <attribute name="class" add="pb224 pt224 o_cc o_cc5" remove="pb152 pt152" separator=" "/>
    </xpath>
    <xpath expr="//div[hasclass('carousel-content')]" position="replace">
        <div class="carousel-content col-lg-6">
            <h2>Miraillet Festival</h2>
            <p class="lead">From the 12th to the 17th of August, come and enjoy the atmosphere at the Miraillet Festival. Discover the line up below.</p>
            <p><br/></p>
            <p><a href="/contactus" class="btn btn-primary btn-lg">More Info</a></p>
        </div>
    </xpath>
    <!-- Slide #2 -->
    <xpath expr="//div[hasclass('carousel-item')][2]" position="attributes">
        <attribute name="class" add="pb224 pt224 o_cc o_cc2" remove="pt96 pb96" separator=" "/>
    </xpath>
    <xpath expr="(//div[hasclass('carousel-content')])[2]" position="replace">
        <div class="carousel-content col-lg-6">
            <h2>6 Days Pass</h2>
            <p class="lead">Tickets will be on sale soon. Do not miss our 6 Days Pass. Free camping!</p>
            <p><br/></p>
            <p><a href="/" class="btn btn-primary btn-lg">More Info</a></p>
        </div>
    </xpath>
    <!-- Slide #3 -->
    <xpath expr="//div[hasclass('carousel-item')][3]" position="attributes">
        <attribute name="class" add="pb224 pt224 o_cc o_cc5" remove="pt128 pb128" separator=" "/>
    </xpath>
    <xpath expr="(//div[hasclass('carousel-content')])[3]" position="replace">
        <div class="carousel-content col-lg-6">
            <h2>Recent Editions</h2>
            <p class="lead">Discover what makes the reputation of the Miraillet festival through these after-movies.</p>
            <p><br/></p>
            <p><a href="/" class="btn btn-primary btn-lg">More Info</a></p>
        </div>
    </xpath>
</template>

<template id="configurator_s_carousel" inherit_id="website.configurator_s_carousel">
    <!-- Slide #1 - Shape option -->
    <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/25","flip":["y"]}</attribute>
    </xpath>
    <!-- Slide #1 - Shape -->
    <xpath expr="//div[hasclass('carousel-item')]//div[hasclass('container')]" position="before">
        <div class="o_we_shape o_web_editor_Wavy_25" style="background-image: url('/web_editor/shape/web_editor/Wavy/25.svg?c1=o-color-5&amp;c2=o-color-5&amp;flip=y'); background-position: 50% 100%;"/>
    </xpath>
    <!-- Slide #2 - Shape option -->
    <xpath expr="//div[hasclass('carousel-item')][2]" position="attributes">
        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/25","flip":[]}</attribute>
    </xpath>
    <!-- Slide #2 - Shape -->
    <xpath expr="//div[hasclass('carousel-item')][2]//div[hasclass('container')]" position="before">
        <div class="o_we_shape o_web_editor_Wavy_25 o_second_extra_shape_mapping"/>
    </xpath>
    <!-- Slide #3 - Shape option -->
    <xpath expr="//div[hasclass('carousel-item')][3]" position="attributes">
        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/25","flip":["y"]}</attribute>
    </xpath>
    <!-- Slide #3 - Shape -->
    <xpath expr="//div[hasclass('carousel-item')][3]//div[hasclass('container')]" position="before">
        <div class="o_we_shape o_web_editor_Wavy_25 o_third_extra_shape_mapping" style="background-image: url('/web_editor/shape/web_editor/Wavy/25.svg?c1=o-color-2&amp;c2=o-color-2&amp;flip=y'); background-position: 50% 100%;"/>
    </xpath>
</template>

</odoo>