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

<template id="s_three_columns" inherit_id="website.s_three_columns">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_colored_level" separator=" "/>
        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/12_001","flip":[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
        <div class="o_we_shape o_web_editor_Airy_12_001"/>
    </xpath>

    <!-- Column #1 -->
    <!-- Img -->
    <xpath expr="//div[hasclass('card')]//img" position="attributes">
        <attribute name="style">padding: 32px !important;</attribute>
        <!-- Enable SVG dynamic color functionality -->
        <attribute name="src">/web_editor/shape/theme_buzzy/s_three_columns-01.svg?c1=o-color-1</attribute>
    </xpath>
    <!-- Title -->
    <xpath expr="//div[hasclass('card')]//h3" position="replace" mode="inner">
        Built to <br/>your effigy
    </xpath>
    <!-- Paragraph -->
    <xpath expr="//div[hasclass('card')]//p" position="replace" mode="inner">
        You will always find the ideal choice adapted to your needs. From the basic website based on our attractive templates to the tailor-made website reflecting your company's values.
    </xpath>

    <!-- Column #2 -->
    <!-- Img -->
    <xpath expr="(//div[hasclass('card')])[2]//img" position="attributes">
        <attribute name="style">padding: 32px !important;</attribute>
        <!-- Enable SVG dynamic color functionality -->
        <attribute name="src">/web_editor/shape/theme_buzzy/s_three_columns-02.svg?c1=o-color-1</attribute>
    </xpath>
    <!-- Title -->
    <xpath expr="(//div[hasclass('card')])[2]//h3" position="replace" mode="inner">
        Editable from <br/>A to Z
    </xpath>
    <!-- Paragraph -->
    <xpath expr="(//div[hasclass('card')])[2]//p" position="replace" mode="inner">
        Feel free to edit your content the way like you want. You don't need to know any technical and complex computer language. You will helped by our intuitive tools.
    </xpath>

    <!-- Column #3 -->
    <!-- Img -->
    <xpath expr="(//div[hasclass('card')])[3]//img" position="attributes">
        <attribute name="style">padding: 32px !important;</attribute>
        <!-- Enable SVG dynamic color functionality -->
        <attribute name="src">/web_editor/shape/theme_buzzy/s_three_columns-03.svg?c1=o-color-1</attribute>
    </xpath>
    <!-- Title -->
    <xpath expr="(//div[hasclass('card')])[3]//h3" position="replace" mode="inner">
        All data <br/>on your hands
    </xpath>
    <!-- Paragraph -->
    <xpath expr="(//div[hasclass('card')])[3]//p" position="replace" mode="inner">
        Don't miss any data anymore and get all reports you need when and where you want. Analyze them easily with our friendly interface and grow your activity.
    </xpath>
</template>

</odoo>
