[REF] *: change reference from web_editor shape to html_builder

*: test_themes, theme_anelusia, theme_artists, theme_avantgarde, theme_aviato, theme_beauty, theme_bewise, theme_bistro, theme_bookstore, theme_buzzy, theme_clean, theme_cobalt, theme_enark, theme_graphene, theme_kea, theme_kiddo, theme_loftspace, theme_monglia, theme_nano, theme_notes, theme_odoo_experts, theme_orchid, theme_paptic, theme_real_estate, theme_treehouse, theme_vehicle, theme_yes, theme_zap Part-of: odoo/design-themes#1129 Related: odoo/odoo#222471 Related: odoo/enterprise#92087 Signed-off-by: Christophe Monniez (moc) <moc@odoo.com>
2025-10-07 01:18:52 +07:00 · 2025-08-11 14:05:22 +02:00
parent 54bf4c2941
commit 2ff08528c7
218 changed files with 768 additions and 768 deletions
@@ -77,7 +77,7 @@ CONFLICTUAL_CLASSES_RE = {
    # Shadow
    re.compile(r'^shadow-.+'): [],
    # Shapes
-    re.compile(r'^o_web_editor_[A-Z].+'): [],
+    re.compile(r'^o_html_builder_[A-Z].+'): [],
    # Text
    re.compile(r'^text-(?!(center|end|start|bg-|lg-)).*$'): [
        'text-break', 'text-decoration-none', 'text-reset',
@@ -6,11 +6,11 @@
 <template id="new_page_template_s_comparisons" inherit_id="website.new_page_template_s_comparisons">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Containers/06","colors":{"c5":"o-color-4"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Containers/06","colors":{"c5":"o-color-4"},"flip":[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Containers_06" style="background-image: url('/web_editor/shape/web_editor/Containers/06.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Containers_06" style="background-image: url('/web_editor/shape/html_builder/Containers/06.svg?c5=o-color-4');"/>
    </xpath>
 </template>
@@ -4,12 +4,12 @@
 <template id="s_big_number" inherit_id="website.s_big_number">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/06_001"}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Blobs/06_001"}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Blobs_06_001"/>
+        <div class="o_we_shape o_html_builder_Blobs_06_001"/>
    </xpath>
    <!-- Text -->
@@ -5,11 +5,11 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="pt120 pb104 o_cc4" remove="pt64 pb64 o_cc5" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/02","flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Floats/02","flip":[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Floats_02"/>
+        <div class="o_we_shape o_html_builder_Floats_02"/>
    </xpath>
    <!-- Title & subtitle -->
    <xpath expr="//div[hasclass('col-lg-9')]" position="attributes">
@@ -4,11 +4,11 @@
 <template id="s_features_wall" inherit_id="website.s_features_wall">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/09"}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Floats/09"}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Floats_09 o_we_animated"/>
+        <div class="o_we_shape o_html_builder_Floats_09 o_we_animated"/>
    </xpath>
    <!-- Card 1 -->
    <xpath expr="//div[hasclass('g-col-lg-3')]//h3" position="replace" mode="inner">
@@ -5,11 +5,11 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_half_screen_height o_cc4" remove="o_cc1" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/10_001","colors":{"c5":"rgba(0,0,0,0.25)"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Airy/10_001","colors":{"c5":"rgba(0,0,0,0.25)"},"flip":[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_10_001" style="background-image: url('/web_editor/shape/web_editor/Airy/10_001.svg?c5=rgba(0,0,0,0.25)');"/>
+        <div class="o_we_shape o_html_builder_Airy_10_001" style="background-image: url('/web_editor/shape/html_builder/Airy/10_001.svg?c5=rgba(0,0,0,0.25)');"/>
    </xpath>
 </template>
@@ -4,11 +4,11 @@
 <template id="s_numbers_boxed" inherit_id="website.s_numbers_boxed">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Patterns/05", "colors":{"c5": "o-color-4"}, "flip":[], "showOnMobile":true}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Patterns/05", "colors":{"c5": "o-color-4"}, "flip":[], "showOnMobile":true}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Patterns_05" style="background-image: url('/web_editor/shape/web_editor/Patterns/05.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Patterns_05" style="background-image: url('/web_editor/shape/html_builder/Patterns/05.svg?c5=o-color-4');"/>
    </xpath>
    <!-- Grid Item -->
    <xpath expr="//div[hasclass('o_grid_item')][2]" position="attributes">
@@ -6,11 +6,11 @@
    <xpath expr="//section" position="attributes">
        <attribute name="data-scroll-background-ratio"/>
        <attribute name="class" add="o_cc o_cc5" remove="parallax s_parallax_is_fixed s_parallax_no_overflow_hidden" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Floats/12','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0','animated':'true'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Floats/12','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0','animated':'true'}</attribute>
    </xpath>
    <xpath expr="//span[hasclass('s_parallax_bg')]" position="replace"/>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Floats_12 o_we_animated"/>
+        <div class="o_we_shape o_html_builder_Floats_12 o_we_animated"/>
    </xpath>
    <!-- Texts -->
@@ -5,13 +5,13 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc o_cc4" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/11_001","colors":{"c5":"rgba(0,0,0,0.25)"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Airy/11_001","colors":{"c5":"rgba(0,0,0,0.25)"},"flip":[]}</attribute>
        <!-- Remove the background image -->
        <attribute name="style"/>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_11_001" style="background-image: url('/web_editor/shape/web_editor/Airy/11_001.svg?c5=rgba(0,0,0,0.25)');"/>
+        <div class="o_we_shape o_html_builder_Airy_11_001" style="background-image: url('/web_editor/shape/html_builder/Airy/11_001.svg?c5=rgba(0,0,0,0.25)');"/>
    </xpath>
    <!-- Remove filter -->
    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace"/>
@@ -5,10 +5,10 @@
    <!-- Layout -->
    <xpath expr="//div[hasclass('carousel')]" position="attributes">
        <attribute name="class" add="o_cc o_cc5" remove="carousel-dark" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Airy/01_001','colors':{'c5':'o-color-1'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Airy/01_001','colors':{'c5':'o-color-1'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('carousel-inner')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_01_001" style="background-image: url('/web_editor/shape/web_editor/Airy/01_001.svg?c5=o-color-1');"/>
+        <div class="o_we_shape o_html_builder_Airy_01_001" style="background-image: url('/web_editor/shape/html_builder/Airy/01_001.svg?c5=o-color-1');"/>
    </xpath>
    <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
        <attribute name="class" add="pb144" remove="pb80" separator=" "/>
@@ -5,11 +5,11 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="pt120 pb120" remove="pt48 pb48" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/05","flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Floats/05","flip":[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Floats_05"/>
+        <div class="o_we_shape o_html_builder_Floats_05"/>
    </xpath>
 </template>
@@ -6,22 +6,22 @@
 <template id="new_page_template_s_call_to_action" inherit_id="website.new_page_template_s_call_to_action">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/12_002","colors":{"c5":"o-color-1","c3":"o-color-5"},"flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Airy/12_002","colors":{"c5":"o-color-1","c3":"o-color-5"},"flip":["y"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_12_002" style="background-image: url('/web_editor/shape/web_editor/Airy/12_002.svg?c5=o-color-1&amp;c3=o-color-5&amp;flip=y'); background-position: 50% 100%;"/>
+        <div class="o_we_shape o_html_builder_Airy_12_002" style="background-image: url('/web_editor/shape/html_builder/Airy/12_002.svg?c5=o-color-1&amp;c3=o-color-5&amp;flip=y'); background-position: 50% 100%;"/>
    </xpath>
 </template>
 <template id="new_page_template_s_call_to_action_about" inherit_id="website.new_page_template_s_call_to_action_about">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/12_002","colors":{"c5":"o-color-1","c3":"o-color-5"},"flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Airy/12_002","colors":{"c5":"o-color-1","c3":"o-color-5"},"flip":["y"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_12_002" style="background-image: url('/web_editor/shape/web_editor/Airy/12_002.svg?c5=o-color-1&amp;c3=o-color-5&amp;flip=y'); background-position: 50% 100%;"/>
+        <div class="o_we_shape o_html_builder_Airy_12_002" style="background-image: url('/web_editor/shape/html_builder/Airy/12_002.svg?c5=o-color-1&amp;c3=o-color-5&amp;flip=y'); background-position: 50% 100%;"/>
    </xpath>
 </template>
@@ -34,11 +34,11 @@
 <template id="new_page_template_s_call_to_action_menu" inherit_id="website.new_page_template_s_call_to_action_menu">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/12_002","colors":{"c5":"o-color-1","c3":"o-color-5"},"flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Airy/12_002","colors":{"c5":"o-color-1","c3":"o-color-5"},"flip":["y"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_12_002" style="background-image: url('/web_editor/shape/web_editor/Airy/12_002.svg?c5=o-color-1&amp;c3=o-color-5&amp;flip=y'); background-position: 50% 100%;"/>
+        <div class="o_we_shape o_html_builder_Airy_12_002" style="background-image: url('/web_editor/shape/html_builder/Airy/12_002.svg?c5=o-color-1&amp;c3=o-color-5&amp;flip=y'); background-position: 50% 100%;"/>
    </xpath>
 </template>
@@ -72,11 +72,11 @@
 <template id="new_page_template_s_numbers" inherit_id="website.new_page_template_s_numbers">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/12_002","colors":{"c5":"o-color-1","c3":"o-color-5"},"flip":["x"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Airy/12_002","colors":{"c5":"o-color-1","c3":"o-color-5"},"flip":["x"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_12_002" style="background-image: url('/web_editor/shape/web_editor/Airy/12_002.svg?c5=o-color-1&amp;c3=o-color-5&amp;flip=x'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Airy_12_002" style="background-image: url('/web_editor/shape/html_builder/Airy/12_002.svg?c5=o-color-1&amp;c3=o-color-5&amp;flip=x'); background-position: 50% 0%;"/>
    </xpath>
 </template>
@@ -93,11 +93,11 @@
 <template id="new_page_template_about_s_banner" inherit_id="website.new_page_template_about_s_banner">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/16","colors":{"c5":"o-color-1"},"flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/16","colors":{"c5":"o-color-1"},"flip":["y"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_16" style="background-image: url('/web_editor/shape/web_editor/Connections/16.svg?c5=o-color-1&amp;flip=y'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Connections_16" style="background-image: url('/web_editor/shape/html_builder/Connections/16.svg?c5=o-color-1&amp;flip=y'); background-position: 50% 0%;"/>
    </xpath>
 </template>
@@ -178,11 +178,11 @@
 <template id="new_page_template_landing_5_s_banner" inherit_id="website.new_page_template_landing_5_s_banner">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/16","colors":{"c5":"o-color-1"},"flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/16","colors":{"c5":"o-color-1"},"flip":["y"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_16" style="background-image: url('/web_editor/shape/web_editor/Connections/16.svg?c5=o-color-1&amp;flip=y'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Connections_16" style="background-image: url('/web_editor/shape/html_builder/Connections/16.svg?c5=o-color-1&amp;flip=y'); background-position: 50% 0%;"/>
    </xpath>
 </template>
@@ -191,11 +191,11 @@
 <template id="new_page_template_gallery_s_banner" inherit_id="website.new_page_template_gallery_s_banner">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/16","colors":{"c5":"o-color-1"},"flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/16","colors":{"c5":"o-color-1"},"flip":["y"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_16" style="background-image: url('/web_editor/shape/web_editor/Connections/16.svg?c5=o-color-1&amp;flip=y'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Connections_16" style="background-image: url('/web_editor/shape/html_builder/Connections/16.svg?c5=o-color-1&amp;flip=y'); background-position: 50% 0%;"/>
    </xpath>
 </template>
@@ -216,11 +216,11 @@
 <template id="new_page_template_services_s_image_text_2nd" inherit_id="website.new_page_template_services_s_image_text_2nd">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/04","flip":["y","x"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Wavy/04","flip":["y","x"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Wavy_04" style="background-image: url('/web_editor/shape/web_editor/Wavy/04.svg?c1=o-color-1&amp;c5=o-color-1&amp;flip=xy'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Wavy_04" style="background-image: url('/web_editor/shape/html_builder/Wavy/04.svg?c1=o-color-1&amp;c5=o-color-1&amp;flip=xy'); background-position: 50% 0%;"/>
    </xpath>
 </template>
@@ -228,11 +228,11 @@
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" remove="pb56" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/04"}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Wavy/04"}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Wavy_04" />
+        <div class="o_we_shape o_html_builder_Wavy_04" />
    </xpath>
 </template>
@@ -274,11 +274,11 @@
 <template id="new_page_template_team_s_image_text_2nd" inherit_id="website.new_page_template_team_s_image_text_2nd">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/04","flip":["y","x"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Wavy/04","flip":["y","x"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Wavy_04" style="background-image: url('/web_editor/shape/web_editor/Wavy/04.svg?c1=o-color-1&amp;c5=o-color-1&amp;flip=xy'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Wavy_04" style="background-image: url('/web_editor/shape/html_builder/Wavy/04.svg?c1=o-color-1&amp;c5=o-color-1&amp;flip=xy'); background-position: 50% 0%;"/>
    </xpath>
 </template>
@@ -292,11 +292,11 @@
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" remove="pb56" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/04"}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Wavy/04"}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Wavy_04" />
+        <div class="o_we_shape o_html_builder_Wavy_04" />
    </xpath>
 </template>
@@ -4,12 +4,12 @@
 <template id="s_big_number" inherit_id="website.s_big_number">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/14_001","colors":{"c5":"o-color-1"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Airy/14_001","colors":{"c5":"o-color-1"}}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Airy_14_001" style="background-image: url('/web_editor/shape/web_editor/Airy/14_001.svg?c5=o-color-1');"/>
+        <div class="o_we_shape o_html_builder_Airy_14_001" style="background-image: url('/web_editor/shape/html_builder/Airy/14_001.svg?c5=o-color-1');"/>
    </xpath>
    <!-- Text -->
@@ -5,11 +5,11 @@
    <!-- Left column -->
    <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
        <attribute name="class" add="pt208 pb208 text-center" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/27","flip":["x","y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Wavy/27","flip":["x","y"]}</attribute>
    </xpath>
    <!-- Left column - Shape -->
    <xpath expr="//div[hasclass('col-lg-6')]//h2" position="before">
-        <div class="o_we_shape o_web_editor_Wavy_27 o_second_extra_shape_mapping" style="background-image: url('/web_editor/shape/web_editor/Wavy/27.svg?c1=o-color-5&amp;c2=o-color-5&amp;flip=xy'); background-position: 50% 50%;"/>
+        <div class="o_we_shape o_html_builder_Wavy_27 o_second_extra_shape_mapping" style="background-image: url('/web_editor/shape/html_builder/Wavy/27.svg?c1=o-color-5&amp;c2=o-color-5&amp;flip=xy'); background-position: 50% 50%;"/>
    </xpath>
    <!-- Left column - Button -->
    <xpath expr="//div[hasclass('col-lg-6')]//a[hasclass('btn')]" position="attributes">
@@ -18,11 +18,11 @@
    <!-- Right column -->
    <xpath expr="//div[hasclass('col-lg-6')][2]" position="attributes">
        <attribute name="class" add="pt208 pb208 text-center" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/27","flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Wavy/27","flip":[]}</attribute>
    </xpath>
    <!-- Right column - Shape -->
    <xpath expr="//div[hasclass('col-lg-6')][2]//h2" position="before">
-        <div class="o_we_shape o_web_editor_Wavy_27"/>
+        <div class="o_we_shape o_html_builder_Wavy_27"/>
    </xpath>
    <!-- Right column - Button -->
    <xpath expr="//div[hasclass('col-lg-6')][2]//a[hasclass('btn')]" position="attributes">
@@ -5,11 +5,11 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="pt224 pb200" remove="pt232 pb232 s_parallax_bg parallax s_parallax_is_fixed bg-black-50" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Connections/20','colors':{'c5': 'o-color-1'},'flip':['y'], 'showOnMobile':true}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Connections/20','colors':{'c5': 'o-color-1'},'flip':['y'], 'showOnMobile':true}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_20 o_we_animated" style="background-image: url('/web_editor/shape/web_editor/Connections/20.svg?c5=o-color-1&amp;flip=y'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Connections_20 o_we_animated" style="background-image: url('/web_editor/shape/html_builder/Connections/20.svg?c5=o-color-1&amp;flip=y'); background-position: 50% 0%;"/>
    </xpath>
    <!-- Remove filter & parallax -->
    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace"/>
@@ -5,11 +5,11 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc o_cc4" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/14_001","colors":{"c5":"rgba(0,0,0,0.25)"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Airy/14_001","colors":{"c5":"rgba(0,0,0,0.25)"},"flip":[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_14_001" style="background-image: url('/web_editor/shape/web_editor/Airy/14_001.svg?c5=rgba(0,0,0,0.25)');"/>
+        <div class="o_we_shape o_html_builder_Airy_14_001" style="background-image: url('/web_editor/shape/html_builder/Airy/14_001.svg?c5=rgba(0,0,0,0.25)');"/>
    </xpath>
    <!-- Feature #01 - Icon -->
    <xpath expr="//i" position="attributes">
@@ -5,10 +5,10 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc o_cc5" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape': 'web_editor/Connections/08','colors':{'c5':'o-color-1'}}</attribute>
+        <attribute name="data-oe-shape-data">{'shape': 'html_builder/Connections/08','colors':{'c5':'o-color-1'}}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('o_we_shape')]" position="attributes">
-        <attribute name="style">background-image: url('/web_editor/shape/web_editor/Connections/08.svg?c5=o-color-1');</attribute>
+        <attribute name="style">background-image: url('/web_editor/shape/html_builder/Connections/08.svg?c5=o-color-1');</attribute>
    </xpath>
    <!-- Text box -->
    <xpath expr="//div[hasclass('o_grid_item')][2]" position="attributes">
@@ -5,10 +5,10 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc o_cc5 pt56 pb56" remove="pt48 pb48" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape': 'web_editor/Connections/14','colors':{'c5':'o-color-1'}}</attribute>
+        <attribute name="data-oe-shape-data">{'shape': 'html_builder/Connections/14','colors':{'c5':'o-color-1'}}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('o_we_shape')]" position="attributes">
-        <attribute name="style">background-image: url('/web_editor/shape/web_editor/Connections/14.svg?c5=o-color-1');</attribute>
+        <attribute name="style">background-image: url('/web_editor/shape/html_builder/Connections/14.svg?c5=o-color-1');</attribute>
    </xpath>
    <!-- Titles -->
    <xpath expr="(//h3)[1]" position="replace" mode="inner">
@@ -4,7 +4,7 @@
 <template id="s_kickoff" inherit_id="website.s_kickoff">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape': 'web_editor/Connections/06', 'flip': [], 'showOnMobile': false}</attribute>
+        <attribute name="data-oe-shape-data">{'shape': 'html_builder/Connections/06', 'flip': [], 'showOnMobile': false}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_shape')]" position="attributes">
@@ -8,7 +8,7 @@
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Floats_12 o_we_animated"/>
+        <div class="o_we_shape o_html_builder_Floats_12 o_we_animated"/>
    </xpath>
 </template>
@@ -6,11 +6,11 @@
    <xpath expr="//section" position="attributes">
        <attribute name="data-scroll-background-ratio"/>
        <attribute name="class" add="o_cc o_cc5" remove="parallax s_parallax_is_fixed s_parallax_no_overflow_hidden" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Wavy/27','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0','animated':'true'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Wavy/27','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0','animated':'true'}</attribute>
    </xpath>
    <xpath expr="//span[hasclass('s_parallax_bg')]" position="replace"/>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Wavy_27 o_we_animated"/>
+        <div class="o_we_shape o_html_builder_Wavy_27 o_we_animated"/>
    </xpath>
    <!-- Texts -->
@@ -5,10 +5,10 @@
    <!-- Layout -->
    <xpath expr="//div[hasclass('carousel')]" position="attributes">
        <attribute name="class" add="o_cc o_cc5" remove="carousel-dark" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Blobs/17','colors':{'c5':'o-color-1'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Blobs/17','colors':{'c5':'o-color-1'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('carousel-inner')]" position="before">
-        <div class="o_we_shape o_web_editor_Blobs_17" style="background-image: url('/web_editor/shape/web_editor/Blobs/17.svg?c5=o-color-1');"/>
+        <div class="o_we_shape o_html_builder_Blobs_17" style="background-image: url('/web_editor/shape/html_builder/Blobs/17.svg?c5=o-color-1');"/>
    </xpath>
    <!-- Texts -->
@@ -4,11 +4,11 @@
 <template id="s_striped" inherit_id="website.s_striped">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Connections/20','colors':{'c5': 'o-color-1'},'flip':[], 'showOnMobile':true}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Connections/20','colors':{'c5': 'o-color-1'},'flip':[], 'showOnMobile':true}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_shape')]" position="attributes">
-        <attribute name="style">background-image: url('/web_editor/shape/web_editor/Connections/20.svg?c5=o-color-1');</attribute>
+        <attribute name="style">background-image: url('/web_editor/shape/html_builder/Connections/20.svg?c5=o-color-1');</attribute>
    </xpath>
 </template>
@@ -4,11 +4,11 @@
 <template id="s_striped_center_top" inherit_id="website.s_striped_center_top">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Connections/20','colors':{'c5': 'o-color-1'},'flip':[], 'showOnMobile':true}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Connections/20','colors':{'c5': 'o-color-1'},'flip':[], 'showOnMobile':true}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_shape')]" position="attributes">
-        <attribute name="style">background-image: url('/web_editor/shape/web_editor/Connections/20.svg?c5=o-color-1');</attribute>
+        <attribute name="style">background-image: url('/web_editor/shape/html_builder/Connections/20.svg?c5=o-color-1');</attribute>
    </xpath>
    <!-- Title -->
    <xpath expr="//h1" position="replace" mode="inner">
@@ -4,11 +4,11 @@
 <template id="s_striped_top" inherit_id="website.s_striped_top">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Connections/20','colors':{'c5': 'o-color-1'},'flip':[], 'showOnMobile':true}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Connections/20','colors':{'c5': 'o-color-1'},'flip':[], 'showOnMobile':true}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_shape')]" position="attributes">
-        <attribute name="style">background-image: url('/web_editor/shape/web_editor/Connections/20.svg?c5=o-color-1');</attribute>
+        <attribute name="style">background-image: url('/web_editor/shape/html_builder/Connections/20.svg?c5=o-color-1');</attribute>
    </xpath>
    <!-- Title -->
    <xpath expr="//h1" position="attributes">
@@ -33,11 +33,11 @@
 <template id="configurator_s_text_image" inherit_id="website.configurator_s_text_image">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/04"}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Wavy/04"}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Wavy_04" />
+        <div class="o_we_shape o_html_builder_Wavy_04" />
    </xpath>
 </template>
@@ -175,10 +175,10 @@
 <template id="configurator_s_three_columns" inherit_id="website.configurator_s_three_columns" name="Avantgarde s_three_columns">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/02","colors":{"c5":"o-color-1"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/02","colors":{"c5":"o-color-1"}}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_02" style="background-image: url('/web_editor/shape/web_editor/Connections/02.svg?c5=o-color-1');"/>
+        <div class="o_we_shape o_html_builder_Connections_02" style="background-image: url('/web_editor/shape/html_builder/Connections/02.svg?c5=o-color-1');"/>
    </xpath>
 </template>
@@ -587,13 +587,13 @@
 <template id="s_big_number" inherit_id="website.s_big_number">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Blocks/04"}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Blocks/04"}</attribute>
        <attribute name="class" add="o_cc1" remove="o_cc5" separator=" "/>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Blocks_04"/>
+        <div class="o_we_shape o_html_builder_Blocks_04"/>
    </xpath>
    <!-- Text -->
@@ -5,28 +5,28 @@
 <template id="new_page_template_s_call_to_action" inherit_id="website.new_page_template_s_call_to_action">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/06","colors": {"c5": "o-color-1"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/06","colors": {"c5": "o-color-1"}}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_06" style="background-image: url('/web_editor/shape/web_editor/Connections/06.svg?c5=o-color-1')"/>
+        <div class="o_we_shape o_html_builder_Connections_06" style="background-image: url('/web_editor/shape/html_builder/Connections/06.svg?c5=o-color-1')"/>
    </xpath>
 </template>
 <template id="new_page_template_s_call_to_action_about" inherit_id="website.new_page_template_s_call_to_action_about">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/06","colors": {"c5": "o-color-1"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/06","colors": {"c5": "o-color-1"}}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_06" style="background-image: url('/web_editor/shape/web_editor/Connections/06.svg?c5=o-color-1')"/>
+        <div class="o_we_shape o_html_builder_Connections_06" style="background-image: url('/web_editor/shape/html_builder/Connections/06.svg?c5=o-color-1')"/>
    </xpath>
 </template>
 <template id="new_page_template_s_call_to_action_menu" inherit_id="website.new_page_template_s_call_to_action_menu">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/06",""colors": {"c5": "o-color-1"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/06",""colors": {"c5": "o-color-1"}}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_06" style="background-image: url('/web_editor/shape/web_editor/Connections/06.svg?c5=o-color-1')"/>
+        <div class="o_we_shape o_html_builder_Connections_06" style="background-image: url('/web_editor/shape/html_builder/Connections/06.svg?c5=o-color-1')"/>
    </xpath>
 </template>
@@ -15,10 +15,10 @@
 <template id="new_page_template_about_s_cover" inherit_id="website.new_page_template_about_s_cover">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/09","colors":{"c5":"o-color-4"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/09","colors":{"c5":"o-color-4"}}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_09" style="background-image: url('/web_editor/shape/web_editor/Connections/09.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Connections_09" style="background-image: url('/web_editor/shape/html_builder/Connections/09.svg?c5=o-color-4');"/>
    </xpath>
 </template>
@@ -63,10 +63,10 @@
 <template id="new_page_template_landing_2_s_cover" inherit_id="website.new_page_template_landing_2_s_cover">
    <xpath expr="//section" position="attributes">  
        <attribute name="class" add="o_half_screen_height" remove="o_full_screen_height" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/09","colors":{"c5":"o-color-4"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/09","colors":{"c5":"o-color-4"}}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_09" style="background-image: url('/web_editor/shape/web_editor/Connections/09.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Connections_09" style="background-image: url('/web_editor/shape/html_builder/Connections/09.svg?c5=o-color-4');"/>
    </xpath>
 </template>
@@ -84,10 +84,10 @@
 <template id="new_page_template_landing_4_s_cover" inherit_id="website.new_page_template_landing_4_s_cover">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/09","colors":{"c5":"o-color-4"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/09","colors":{"c5":"o-color-4"}}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_09" style="background-image: url('/web_editor/shape/web_editor/Connections/09.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Connections_09" style="background-image: url('/web_editor/shape/html_builder/Connections/09.svg?c5=o-color-4');"/>
    </xpath>
 </template>
@@ -95,10 +95,10 @@
 <template id="new_page_template_gallery_s_cover" inherit_id="website.new_page_template_gallery_s_cover">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/09","colors":{"c5":"o-color-4"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/09","colors":{"c5":"o-color-4"}}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_09" style="background-image: url('/web_editor/shape/web_editor/Connections/09.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Connections_09" style="background-image: url('/web_editor/shape/html_builder/Connections/09.svg?c5=o-color-4');"/>
    </xpath>
 </template>
@@ -120,10 +120,10 @@
 <template id="new_page_template_pricing_s_cover" inherit_id="website.new_page_template_pricing_s_cover">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/09","colors":{"c5":"o-color-4"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/09","colors":{"c5":"o-color-4"}}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_09" style="background-image: url('/web_editor/shape/web_editor/Connections/09.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Connections_09" style="background-image: url('/web_editor/shape/html_builder/Connections/09.svg?c5=o-color-4');"/>
    </xpath>
 </template>
@@ -5,10 +5,10 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc o_cc2 pt80 pb144" remove="pt96 pb96" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape": "web_editor/Connections/06", "colors": {"c5": "o-color-4"}, "flip": [], "showOnMobile": false, "shapeAnimationSpeed": "0"}</attribute>
+        <attribute name="data-oe-shape-data">{"shape": "html_builder/Connections/06", "colors": {"c5": "o-color-4"}, "flip": [], "showOnMobile": false, "shapeAnimationSpeed": "0"}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_06" style="background-image: url('/web_editor/shape/web_editor/Connections/06.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Connections_06" style="background-image: url('/web_editor/shape/html_builder/Connections/06.svg?c5=o-color-4');"/>
    </xpath>
    <!-- Title -->
    <xpath expr="//h1" position="replace">
@@ -4,13 +4,13 @@
 <template id="s_big_number" inherit_id="website.s_big_number">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/06", "colors": {"c5": "o-color-3"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/06", "colors": {"c5": "o-color-3"}}</attribute>
        <attribute name="class" add="o_cc4" remove="o_cc5" separator=" "/>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Connections_06" style="background-image: url('/web_editor/shape/web_editor/Connections/06.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Connections_06" style="background-image: url('/web_editor/shape/html_builder/Connections/06.svg?c5=o-color-3');"/>
    </xpath>
    <!-- Text -->
@@ -27,11 +27,11 @@
 <template id="configurator_s_cover" inherit_id="website.configurator_s_cover">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/09","colors":{"c5":"o-color-4"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/09","colors":{"c5":"o-color-4"}}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_09" style="background-image: url('/web_editor/shape/web_editor/Connections/09.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Connections_09" style="background-image: url('/web_editor/shape/html_builder/Connections/09.svg?c5=o-color-4');"/>
    </xpath>
 </template>
@@ -4,10 +4,10 @@
 <template id="s_key_images" inherit_id="website.s_key_images">
    <!-- Layout -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/06","colors":{"c5": "o-color-3"},"flip":[],"showOnMobile":false,"shapeAnimationSpeed":"0"}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/06","colors":{"c5": "o-color-3"},"flip":[],"showOnMobile":false,"shapeAnimationSpeed":"0"}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_06" style="background-image: url('/web_editor/shape/web_editor/Connections/06.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Connections_06" style="background-image: url('/web_editor/shape/html_builder/Connections/06.svg?c5=o-color-3');"/>
    </xpath>
    <!-- Texts -->
@@ -4,10 +4,10 @@
 <template id="s_masonry_block" inherit_id="website.s_masonry_block" name="Masonry">
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc o_cc1 pt24 pb104" remove="pt48 pb48" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Connections/20','colors':{'c5':'o-color-3'},'flip':['y'],'showOnMobile':true}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Connections/20','colors':{'c5':'o-color-3'},'flip':['y'],'showOnMobile':true}</attribute>
    </xpath>
    <xpath expr="//section/div" position="before">
-        <div class="o_we_shape o_web_editor_Connections_20 o_shape_show_mobile" style="background-image: url('/web_editor/shape/web_editor/Connections/20.svg?c5=o-color-3&amp;flip=y'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Connections_20 o_shape_show_mobile" style="background-image: url('/web_editor/shape/html_builder/Connections/20.svg?c5=o-color-3&amp;flip=y'); background-position: 50% 0%;"/>
    </xpath>
 </template>
@@ -4,10 +4,10 @@
 <template id="s_motto" inherit_id="website.s_motto">
    <!-- Shape -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Floats/09','showOnMobile':false, 'animated': true}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Floats/09','showOnMobile':false, 'animated': true}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('o_we_shape')]" position="attributes">
-        <attribute name="class" remove="o_web_editor_Floats_07" add="o_web_editor_Floats_09" separator=" "/>
+        <attribute name="class" remove="o_html_builder_Floats_07" add="o_html_builder_Floats_09" separator=" "/>
    </xpath>
 </template>
@@ -4,11 +4,11 @@
 <template id="s_numbers_boxed" inherit_id="website.s_numbers_boxed">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/06_001", "flip":[], "showOnMobile":true}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Blobs/06_001", "flip":[], "showOnMobile":true}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Blobs_06_001"/>
+        <div class="o_we_shape o_html_builder_Blobs_06_001"/>
    </xpath>
    <!-- Grid Item -->
    <xpath expr="//div[hasclass('o_grid_item')][2]" position="attributes">
@@ -5,37 +5,37 @@
 <template id="new_page_template_s_call_to_action" inherit_id="website.new_page_template_s_call_to_action">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/02_001","colors":{"c5":"o-color-1"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Airy/02_001","colors":{"c5":"o-color-1"}}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_02_001" style="background-image: url('/web_editor/shape/web_editor/Airy/02_001.svg?c5=o-color-1');"/>
+        <div class="o_we_shape o_html_builder_Airy_02_001" style="background-image: url('/web_editor/shape/html_builder/Airy/02_001.svg?c5=o-color-1');"/>
    </xpath>
 </template>
 <template id="new_page_template_s_call_to_action_about" inherit_id="website.new_page_template_s_call_to_action_about">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/02_001","colors":{"c5":"o-color-1"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Airy/02_001","colors":{"c5":"o-color-1"}}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_02_001" style="background-image: url('/web_editor/shape/web_editor/Airy/02_001.svg?c5=o-color-1');"/>
+        <div class="o_we_shape o_html_builder_Airy_02_001" style="background-image: url('/web_editor/shape/html_builder/Airy/02_001.svg?c5=o-color-1');"/>
    </xpath>
 </template>
 <template id="new_page_template_s_call_to_action_digital" inherit_id="website.new_page_template_s_call_to_action_digital">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/02_001","colors":{"c5":"o-color-1"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Airy/02_001","colors":{"c5":"o-color-1"}}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_02_001" style="background-image: url('/web_editor/shape/web_editor/Airy/02_001.svg?c5=o-color-1');"/>
+        <div class="o_we_shape o_html_builder_Airy_02_001" style="background-image: url('/web_editor/shape/html_builder/Airy/02_001.svg?c5=o-color-1');"/>
    </xpath>
 </template>
 <template id="new_page_template_s_call_to_action_menu" inherit_id="website.new_page_template_s_call_to_action_menu">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/02_001","colors":{"c5":"o-color-1"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Airy/02_001","colors":{"c5":"o-color-1"}}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_02_001" style="background-image: url('/web_editor/shape/web_editor/Airy/02_001.svg?c5=o-color-1');"/>
+        <div class="o_we_shape o_html_builder_Airy_02_001" style="background-image: url('/web_editor/shape/html_builder/Airy/02_001.svg?c5=o-color-1');"/>
    </xpath>
 </template>
@@ -92,19 +92,19 @@
 <template id="new_page_template_landing_2_s_call_to_action" inherit_id="website.new_page_template_landing_2_s_call_to_action">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/02_001","colors":{"c5":"o-color-1"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Airy/02_001","colors":{"c5":"o-color-1"}}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_02_001" style="background-image: url('/web_editor/shape/web_editor/Airy/02_001.svg?c5=o-color-1');"/>
+        <div class="o_we_shape o_html_builder_Airy_02_001" style="background-image: url('/web_editor/shape/html_builder/Airy/02_001.svg?c5=o-color-1');"/>
    </xpath>
 </template>
 <template id="new_page_template_landing_3_s_call_to_action" inherit_id="website.new_page_template_landing_3_s_call_to_action">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/02_001","colors":{"c5":"o-color-1"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Airy/02_001","colors":{"c5":"o-color-1"}}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_02_001" style="background-image: url('/web_editor/shape/web_editor/Airy/02_001.svg?c5=o-color-1');"/>
+        <div class="o_we_shape o_html_builder_Airy_02_001" style="background-image: url('/web_editor/shape/html_builder/Airy/02_001.svg?c5=o-color-1');"/>
    </xpath>
 </template>
@@ -4,13 +4,13 @@
 <template id="s_big_number" inherit_id="website.s_big_number">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/17","colors":{"c5":"o-color-3"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Blobs/17","colors":{"c5":"o-color-3"}}</attribute>
        <attribute name="class" add="o_cc1" remove="o_cc5" separator=" "/>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Blobs_17" style="background-image: url('/web_editor/shape/web_editor/Blobs/17.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Blobs_17" style="background-image: url('/web_editor/shape/html_builder/Blobs/17.svg?c5=o-color-3');"/>
    </xpath>
    <!-- Text -->
@@ -37,11 +37,11 @@
 <template id="configurator_s_company_team" inherit_id="website.configurator_s_company_team">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/02","colors":{"c5":"o-color-4"},"flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/02","colors":{"c5":"o-color-4"},"flip":["y"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_02" style="background-image: url('/web_editor/shape/web_editor/Connections/02.svg?c5=o-color-4&amp;flip=y');"/>
+        <div class="o_we_shape o_html_builder_Connections_02" style="background-image: url('/web_editor/shape/html_builder/Connections/02.svg?c5=o-color-4&amp;flip=y');"/>
    </xpath>
 </template>
@@ -26,11 +26,11 @@
 <template id="configurator_s_cover" inherit_id="website.configurator_s_cover">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Blurry/06","flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Blurry/06","flip":[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Blurry_06"/>
+        <div class="o_we_shape o_html_builder_Blurry_06"/>
    </xpath>
 </template>
@@ -4,10 +4,10 @@
 <template id="s_features_wall" inherit_id="website.s_features_wall">
    <!-- Layout -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Bold/14','colors':{'c5':'o-color-4','c1':'o-color-1'},'flip':['x'],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Bold/14','colors':{'c5':'o-color-4','c1':'o-color-1'},'flip':['x'],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
-    <xpath expr="//div[hasclass('o_web_editor_Grids_02')]" position="replace">
+    <xpath expr="//div[hasclass('o_html_builder_Grids_02')]" position="replace">
-        <div class="o_we_shape o_web_editor_Bold_14" style="background-image: url('/web_editor/shape/web_editor/Bold/14.svg?c5=o-color-4&amp;c1=o-color-1&amp;flip=x');"/>
+        <div class="o_we_shape o_html_builder_Bold_14" style="background-image: url('/web_editor/shape/html_builder/Bold/14.svg?c5=o-color-4&amp;c1=o-color-1&amp;flip=x');"/>
    </xpath>
    <xpath expr="//img" position="attributes">
        <attribute name="class" add="rounded-circle" separator=" "/>
@@ -4,10 +4,10 @@
 <template id="s_image_frame" inherit_id="website.s_image_frame">
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Bold/13','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Bold/13','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_13"/>
+        <div class="o_we_shape o_html_builder_Bold_13"/>
    </xpath>
    <xpath expr="//img" position="attributes">
        <attribute name="style"/>
@@ -5,11 +5,11 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc3" remove="o_cc1" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/10","flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Rainy/10","flip":[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Rainy_10"/>
+        <div class="o_we_shape o_html_builder_Rainy_10"/>
    </xpath>
 </template>
@@ -4,11 +4,11 @@
 <template id="s_numbers_boxed" inherit_id="website.s_numbers_boxed">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/17", "colors":{"c5": "rgba(255,255,255,0.25)"}, "flip":[], "showOnMobile":true}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Blobs/17", "colors":{"c5": "rgba(255,255,255,0.25)"}, "flip":[], "showOnMobile":true}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Blobs_17" style="background-image: url('/web_editor/shape/web_editor/Blobs/17.svg?c5=rgba(255,255,255,0.25)');"/>
+        <div class="o_we_shape o_html_builder_Blobs_17" style="background-image: url('/web_editor/shape/html_builder/Blobs/17.svg?c5=rgba(255,255,255,0.25)');"/>
    </xpath>
    <!-- Grid Item -->
    <xpath expr="//div[hasclass('o_grid_item')][2]" position="attributes">
@@ -5,11 +5,11 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc o_cc3" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Wavy/11_001','colors':{'c5':'o-color-1'},'flip':['x']}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Wavy/11_001','colors':{'c5':'o-color-1'},'flip':['x']}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Wavy_11_001" style="background-image: url('/web_editor/shape/web_editor/Wavy/11_001.svg?c5=o-color-1&amp;flip=x');"/>
+        <div class="o_we_shape o_html_builder_Wavy_11_001" style="background-image: url('/web_editor/shape/html_builder/Wavy/11_001.svg?c5=o-color-1&amp;flip=x');"/>
    </xpath>
    <!-- Grid items -->
    <xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
@@ -5,11 +5,11 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc1" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/06","flip":["x"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Rainy/06","flip":["x"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_container_small')]" position="before">
-        <div class="o_we_shape o_web_editor_Rainy_06" style="background-image: url('/web_editor/shape/web_editor/Rainy/06.svg?c1=o-color-1&amp;c2=o-color-2&amp;c3=o-color-3&amp;flip=x'); background-position: 50% 100%;"/>
+        <div class="o_we_shape o_html_builder_Rainy_06" style="background-image: url('/web_editor/shape/html_builder/Rainy/06.svg?c1=o-color-1&amp;c2=o-color-2&amp;c3=o-color-3&amp;flip=x'); background-position: 50% 100%;"/>
    </xpath>
 </template>
@@ -5,10 +5,10 @@
    <!-- Layout -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="pt0 pb0" remove="pt72 pb72" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Bold/14','colors':{'c5':'o-color-4', 'c1':'o-color-4'},'flip':[],'showOnMobile':true,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Bold/14','colors':{'c5':'o-color-4', 'c1':'o-color-4'},'flip':[],'showOnMobile':true,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_14" style="background-image: url('/web_editor/shape/web_editor/Bold/14.svg?c5=o-color-4&amp;c1=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Bold_14" style="background-image: url('/web_editor/shape/html_builder/Bold/14.svg?c5=o-color-4&amp;c1=o-color-4');"/>
    </xpath>
    <xpath expr="//div[hasclass('row')]/div" position="attributes">
        <attribute name="class" add="o_cc2 col-lg-5 border" remove="o_cc1 offset-lg-2 col-lg-8" separator=" "/>
@@ -15,11 +15,11 @@
 <template id="configurator_s_title" inherit_id="website.configurator_s_title">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/10","colors":{"c5":"o-color-2"},"flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/10","colors":{"c5":"o-color-2"},"flip":["y"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_10" style="background-image: url('/web_editor/shape/web_editor/Connections/10.svg?c5=o-color-2&amp;flip=y'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Connections_10" style="background-image: url('/web_editor/shape/html_builder/Connections/10.svg?c5=o-color-2&amp;flip=y'); background-position: 50% 0%;"/>
    </xpath>
 </template>
@@ -4,10 +4,10 @@
 <template id="s_wavy_grid" inherit_id="website.s_wavy_grid">
    <!-- Layout -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Blobs/17','colors':{'c5':'o-color-3'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Blobs/17','colors':{'c5':'o-color-3'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Blobs_17" style="background-image: url('/web_editor/shape/web_editor/Blobs/17.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Blobs_17" style="background-image: url('/web_editor/shape/html_builder/Blobs/17.svg?c5=o-color-3');"/>
    </xpath>
    <!-- Texts -->
@@ -6,12 +6,12 @@
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="pt200 pb200 oe_img_bg o_bg_img_center" remove="bg-black-50 s_parallax_is_fixed parallax pt232 pb232" separator=" "/>
        <attribute name="style">background-image: url('/web/image/website.s_cover_default_image'); background-position: 50% 50%;</attribute>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/08_001","flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Rainy/08_001","flip":[]}</attribute>
        <attribute name="data-scroll-background-ratio">0</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Rainy_08_001"/>
+        <div class="o_we_shape o_html_builder_Rainy_08_001"/>
    </xpath>
    <!-- Remove the background image for parallax -->
    <xpath expr="//span[hasclass('s_parallax_bg')]" position="replace"/>
@@ -132,10 +132,10 @@
 <template id="s_numbers" inherit_id="website.s_numbers" name="Be Wise s_numbers">
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc3" remove="o_cc1" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/05_001"}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Blobs/05_001"}</attribute>
    </xpath>
    <xpath expr="//section/div" position="before">
-        <div class="o_we_shape o_web_editor_Blobs_05_001" style="background-image: url('/web_editor/shape/web_editor/Blobs/05_001.svg?c1=rgba(0,0,0,0.25)');"/>
+        <div class="o_we_shape o_html_builder_Blobs_05_001" style="background-image: url('/web_editor/shape/html_builder/Blobs/05_001.svg?c1=rgba(0,0,0,0.25)');"/>
    </xpath>
    <xpath expr="//span[hasclass('h5-fs')]" position="replace" mode="inner">
        Faculties
@@ -215,11 +215,11 @@
 <template id="configurator_s_quotes_carousel" inherit_id="website.configurator_s_quotes_carousel" name="Be Wise s_quotes_carousel">
    <!-- Shape option -->
    <xpath expr="//div[hasclass('s_quotes_carousel')]" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/06","colors":{"c5": "o-color-3"},"flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/06","colors":{"c5": "o-color-3"},"flip":["y"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('carousel-indicators')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_06" style="background-image: url('/web_editor/shape/web_editor/Connections/06.svg?c5=o-color-3&amp;flip=y'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Connections_06" style="background-image: url('/web_editor/shape/html_builder/Connections/06.svg?c5=o-color-3&amp;flip=y'); background-position: 50% 0%;"/>
    </xpath>
 </template>
@@ -243,11 +243,11 @@
 <template id="s_call_to_action" inherit_id="website.s_call_to_action" name="Be Wise s_call_to_action">
    <!-- Shape options -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/05_001","flip":["x","y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Blobs/05_001","flip":["x","y"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//section/div" position="before">
-        <div class="o_we_shape o_web_editor_Blobs_05_001" style="background-image: url('/web_editor/shape/web_editor/Blobs/05_001.svg?c1=rgba(0,0,0,0.25)&amp;flip=xy'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Blobs_05_001" style="background-image: url('/web_editor/shape/html_builder/Blobs/05_001.svg?c1=rgba(0,0,0,0.25)&amp;flip=xy'); background-position: 50% 0%;"/>
    </xpath>
    <!-- Title -->
    <xpath expr="//h2" position="replace">
@@ -524,11 +524,11 @@
 <template id="s_media_list" inherit_id="website.s_media_list" name="Be Wise s_media_list">
    <!-- Shape options -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Grids/02","colors":{"c5":"rgba(0,0,0,0.25)"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Grids/02","colors":{"c5":"rgba(0,0,0,0.25)"},"flip":[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Grids_02" style="background-image: url('/web_editor/shape/web_editor/Grids/02.svg?c5=rgba(0,0,0,0.25)');"/>
+        <div class="o_we_shape o_html_builder_Grids_02" style="background-image: url('/web_editor/shape/html_builder/Grids/02.svg?c5=rgba(0,0,0,0.25)');"/>
    </xpath>
    <!-- Item #1 -->
    <xpath expr="//div[hasclass('s_media_list_item')]" position="attributes">
@@ -608,12 +608,12 @@
 <template id="s_product_catalog" inherit_id="website.s_product_catalog" name="Be Wise s_product_catalog">
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc o_cc5 pt120 pb120" remove="pt64 pb64" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/06","flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Floats/06","flip":[]}</attribute>
    </xpath>
    <!-- Filter & shape -->
    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
        <div class="o_we_bg_filter bg-black-75"/>
-        <div class="o_we_shape o_web_editor_Floats_06"/>
+        <div class="o_we_shape o_html_builder_Floats_06"/>
    </xpath>
 </template>
@@ -898,12 +898,12 @@
 <template id="s_big_number" inherit_id="website.s_big_number">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/20","colors":{"c5":"o-color-4","c1":"o-color-4"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/20","colors":{"c5":"o-color-4","c1":"o-color-4"}}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Bold_20 bg-rgba(0,0,0,0.25)" style="background-image: url('/web_editor/shape/web_editor/Bold/20.svg?c5=o-color-4&amp;c1=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Bold_20 bg-rgba(0,0,0,0.25)" style="background-image: url('/web_editor/shape/html_builder/Bold/20.svg?c5=o-color-4&amp;c1=o-color-4');"/>
    </xpath>
    <!-- Text -->
@@ -919,10 +919,10 @@
 <template id="s_wavy_grid" inherit_id="website.s_wavy_grid">
    <!-- Layout -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Airy/06_001','colors':{'c5':'o-color-3'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Airy/06_001','colors':{'c5':'o-color-3'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Airy_06_001" style="background-image: url('/web_editor/shape/web_editor/Airy/06_001.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Airy_06_001" style="background-image: url('/web_editor/shape/html_builder/Airy/06_001.svg?c5=o-color-3');"/>
    </xpath>
    <!-- Texts -->
@@ -1137,11 +1137,11 @@
 <!-- ======== COMPANY TEAM SHAPES ======== -->
 <template id="configurator_s_company_team_shapes" inherit_id="website.configurator_s_company_team_shapes">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/15", "colors":{"c5": "o-color-4"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/15", "colors":{"c5": "o-color-4"}}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_container_small')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_15" style="background-image: url('/web_editor/shape/web_editor/Bold/15.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Bold_15" style="background-image: url('/web_editor/shape/html_builder/Bold/15.svg?c5=o-color-4');"/>
    </xpath>
 </template>
@@ -1149,12 +1149,12 @@
 <template id="s_numbers_boxed" inherit_id="website.s_numbers_boxed">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/17", "colors":{"c5": "rgba(0,0,0,0.25)"}, "flip":[], "showOnMobile":true}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Blobs/17", "colors":{"c5": "rgba(0,0,0,0.25)"}, "flip":[], "showOnMobile":true}</attribute>
        <attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Blobs_17" style="background-image: url('/web_editor/shape/web_editor/Blobs/17.svg?c5=rgba(0,0,0,0.25)');"/>
+        <div class="o_we_shape o_html_builder_Blobs_17" style="background-image: url('/web_editor/shape/html_builder/Blobs/17.svg?c5=rgba(0,0,0,0.25)');"/>
    </xpath>
    <!-- Grid Item -->
    <xpath expr="//div[hasclass('o_grid_item')][2]" position="attributes">
@@ -37,12 +37,12 @@
 <template id="new_page_template_about_s_banner" inherit_id="website.new_page_template_about_s_banner">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/08","colors":{"c5":"o-color-4"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/08","colors":{"c5":"o-color-4"}}</attribute>
        <attribute name="class" add="o_cc o_cc4" separator=" "/>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_08" style="background-image: url('/web_editor/shape/web_editor/Connections/08.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Connections_08" style="background-image: url('/web_editor/shape/html_builder/Connections/08.svg?c5=o-color-4');"/>
    </xpath>
 </template>
@@ -87,12 +87,12 @@
 <template id="new_page_template_landing_1_s_banner" inherit_id="website.new_page_template_landing_1_s_banner">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/08","colors":{"c5":"o-color-4"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/08","colors":{"c5":"o-color-4"}}</attribute>
        <attribute name="class" add="o_cc o_cc4" separator=" "/>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_08" style="background-image: url('/web_editor/shape/web_editor/Connections/08.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Connections_08" style="background-image: url('/web_editor/shape/html_builder/Connections/08.svg?c5=o-color-4');"/>
    </xpath>
 </template>
@@ -6,21 +6,21 @@
 <template id="new_page_template_s_banner" inherit_id="website.new_page_template_s_banner">
    <!-- Shape option -->
    <xpath expr="section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/26","colors":{"c5": "o-color-1"},"flip":["x"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/26","colors":{"c5": "o-color-1"},"flip":["x"]}</attribute>
    </xpath>
    <xpath expr="//*[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_26" style="background-image: url('/web_editor/shape/web_editor/Bold/26.svg?c5=o-color-1&amp;flip=x'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Bold_26" style="background-image: url('/web_editor/shape/html_builder/Bold/26.svg?c5=o-color-1&amp;flip=x'); background-position: 50% 0%;"/>
    </xpath>
 </template>
 <template id="new_page_template_s_picture_only" inherit_id="website.new_page_template_s_picture_only">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/20","colors":{"c5": "o-color-5"},"flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/20","colors":{"c5": "o-color-5"},"flip":["y"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_container_small')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_20" style="background-image: url('/web_editor/shape/web_editor/Connections/20.svg?c5=o-color-5&amp;flip=y'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Connections_20" style="background-image: url('/web_editor/shape/html_builder/Connections/20.svg?c5=o-color-5&amp;flip=y'); background-position: 50% 0%;"/>
    </xpath>
 </template>
@@ -62,22 +62,22 @@
    <!-- Shape option -->
    <xpath expr="section" position="attributes">
        <attribute name="class" add="o_half_screen_height" remove="o_full_screen_height" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/18","colors":{"c5": "o-color-4"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/18","colors":{"c5": "o-color-4"}}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//*[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_18" style="background-image: url('/web_editor/shape/web_editor/Connections/18.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Connections_18" style="background-image: url('/web_editor/shape/html_builder/Connections/18.svg?c5=o-color-4');"/>
    </xpath>
 </template>
 <template id="new_page_template_about_s_picture" inherit_id="website.new_page_template_about_s_picture">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/20","flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/20","flip":["y"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_container_small')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_20" style="background-image: url('/web_editor/shape/web_editor/Connections/20.svg?c5=o-color-5&amp;flip=y'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Connections_20" style="background-image: url('/web_editor/shape/html_builder/Connections/20.svg?c5=o-color-5&amp;flip=y'); background-position: 50% 0%;"/>
    </xpath>
 </template>
@@ -185,11 +185,11 @@
 <template id="new_page_template_landing_0_s_cover" inherit_id="website.new_page_template_landing_0_s_cover">
    <!-- Shape option -->
    <xpath expr="section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/18","colors":{"c5": "o-color-4"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/18","colors":{"c5": "o-color-4"}}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//*[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_18" style="background-image: url('/web_editor/shape/web_editor/Connections/18.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Connections_18" style="background-image: url('/web_editor/shape/html_builder/Connections/18.svg?c5=o-color-4');"/>
    </xpath>
 </template>
@@ -197,11 +197,11 @@
    <!-- Shape option -->
    <xpath expr="section" position="attributes">
        <attribute name="class" add="o_half_screen_height" remove="o_full_screen_height" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/18","colors":{"c5": "o-color-4"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/18","colors":{"c5": "o-color-4"}}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//*[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_18" style="background-image: url('/web_editor/shape/web_editor/Connections/18.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Connections_18" style="background-image: url('/web_editor/shape/html_builder/Connections/18.svg?c5=o-color-4');"/>
    </xpath>
 </template>
@@ -232,11 +232,11 @@
 <template id="new_page_template_landing_4_s_cover" inherit_id="website.new_page_template_landing_4_s_cover">
    <!-- Shape option -->
    <xpath expr="section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/18","colors":{"c5": "o-color-4"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/18","colors":{"c5": "o-color-4"}}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//*[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_18" style="background-image: url('/web_editor/shape/web_editor/Connections/18.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Connections_18" style="background-image: url('/web_editor/shape/html_builder/Connections/18.svg?c5=o-color-4');"/>
    </xpath>
 </template>
@@ -252,11 +252,11 @@
    <!-- Shape option -->
    <xpath expr="section" position="attributes">
        <attribute name="class" add="o_half_screen_height" remove="o_full_screen_height" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/18"}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/18"}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//*[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_18"/>
+        <div class="o_we_shape o_html_builder_Connections_18"/>
    </xpath>
 </template>
@@ -304,11 +304,11 @@
    <!-- Shape option -->
    <xpath expr="section" position="attributes">
        <attribute name="class" add="o_half_screen_height" remove="o_full_screen_height" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/18","colors":{"c5": "o-color-4"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/18","colors":{"c5": "o-color-4"}}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//*[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_18" style="background-image: url('/web_editor/shape/web_editor/Connections/18.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Connections_18" style="background-image: url('/web_editor/shape/html_builder/Connections/18.svg?c5=o-color-4');"/>
    </xpath>
 </template>
@@ -4,12 +4,12 @@
 <template id="s_big_number" inherit_id="website.s_big_number">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/02","colors":{"c1":"o-color-1","c2":"o-color-1"},"flip":[],"showOnMobile":false,"shapeAnimationSpeed":"0"}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Blobs/02","colors":{"c1":"o-color-1","c2":"o-color-1"},"flip":[],"showOnMobile":false,"shapeAnimationSpeed":"0"}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Blobs_02" style="background-image: url('/web_editor/shape/web_editor/Blobs/02.svg?c1=o-color-1&amp;c2=o-color-1');"/>
+        <div class="o_we_shape o_html_builder_Blobs_02" style="background-image: url('/web_editor/shape/html_builder/Blobs/02.svg?c1=o-color-1&amp;c2=o-color-1');"/>
    </xpath>
    <!-- Text -->
@@ -29,11 +29,11 @@
 <template id="configurator_s_cover" inherit_id="website.configurator_s_cover">
    <!-- Shape option -->
    <xpath expr="section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/18","colors":{"c5": "o-color-4"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/18","colors":{"c5": "o-color-4"}}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//*[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_18" style="background-image: url('/web_editor/shape/web_editor/Connections/18.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Connections_18" style="background-image: url('/web_editor/shape/html_builder/Connections/18.svg?c5=o-color-4');"/>
    </xpath>
 </template>
@@ -4,11 +4,11 @@
 <template id="s_features_wall" inherit_id="website.s_features_wall">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/06_001"}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Blobs/06_001"}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Blobs_06_001 o_we_animated"/>
+        <div class="o_we_shape o_html_builder_Blobs_06_001 o_we_animated"/>
    </xpath>
    <!-- Card 1 -->
    <xpath expr="//div[hasclass('g-col-lg-3')]//h3" position="replace" mode="inner">
@@ -4,10 +4,10 @@
 <template id="s_motto" inherit_id="website.s_motto">
    <!-- Shape -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Floats/09','showOnMobile':false, 'animated': true}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Floats/09','showOnMobile':false, 'animated': true}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('o_we_shape')]" position="attributes">
-        <attribute name="class" remove="o_web_editor_Floats_07" add="o_web_editor_Floats_09" separator=" "/>
+        <attribute name="class" remove="o_html_builder_Floats_07" add="o_html_builder_Floats_09" separator=" "/>
    </xpath>
 </template>
@@ -20,11 +20,11 @@
 <template id="configurator_s_product_catalog" inherit_id="website.configurator_s_product_catalog">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/18","colors":{"c5": "o-color-4"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/18","colors":{"c5": "o-color-4"}}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//*[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_18" style="background-image: url('/web_editor/shape/web_editor/Connections/18.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Connections_18" style="background-image: url('/web_editor/shape/html_builder/Connections/18.svg?c5=o-color-4');"/>
    </xpath>
 </template>
@@ -6,13 +6,13 @@
    <xpath expr="//*[hasclass('s_quotes_carousel')]" position="attributes">
        <attribute name="class" add="s_carousel_default oe_img_bg o_bg_img_center" remove="s_carousel_boxed carousel-dark o_cc o_cc2" separator=" "/>
        <attribute name="style">background-image: url('/web/image/website.s_quotes_carousel_demo_image_1');</attribute>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Bold/16','colors':{'c5':'o-color-1'},'flip':['x'],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Bold/16','colors':{'c5':'o-color-1'},'flip':['x'],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('carousel-indicators')]" position="attributes">
        <attribute name="class" remove="s_carousel_indicators_dots" separator=" "/>
    </xpath>
    <xpath expr="//div[hasclass('carousel-inner')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_16" style="background-image: url('/web_editor/shape/web_editor/Bold/16.svg?c5=o-color-1&amp;flip=x');"/>
+        <div class="o_we_shape o_html_builder_Bold_16" style="background-image: url('/web_editor/shape/html_builder/Bold/16.svg?c5=o-color-1&amp;flip=x');"/>
    </xpath>
    <xpath expr="//blockquote" position="attributes">
        <attribute name="class" add="s_blockquote_default" remove="s_blockquote_with_icon" separator=" "/>
@@ -4,10 +4,10 @@
 <template id="s_quotes_carousel_minimal" inherit_id="website.s_quotes_carousel_minimal">
    <!-- Layout -->
    <xpath expr="//div[hasclass('carousel')]" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Connections/06','colors':{'c5':'o-color-3'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Connections/06','colors':{'c5':'o-color-3'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('carousel-inner')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_06" style="background-image: url('/web_editor/shape/web_editor/Connections/06.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Connections_06" style="background-image: url('/web_editor/shape/html_builder/Connections/06.svg?c5=o-color-3');"/>
    </xpath>
    <!-- Texts -->
@@ -5,10 +5,10 @@
    <!-- Layout -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc o_cc5" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Bold/26','colors':{'c5': 'o-color-2'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Bold/26','colors':{'c5': 'o-color-2'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Bold_26" style="background-image: url('/web_editor/shape/web_editor/Bold/26.svg?c5=o-color-2');"/>
+        <div class="o_we_shape o_html_builder_Bold_26" style="background-image: url('/web_editor/shape/html_builder/Bold/26.svg?c5=o-color-2');"/>
    </xpath>
    <!-- Texts -->
@@ -30,11 +30,11 @@
 <template id="configurator_s_banner" inherit_id="website.configurator_s_banner">
    <!-- Shape option -->
    <xpath expr="section" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Connections/06', 'colors':{'c5':'o-color-3'}, 'flip':[]}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Connections/06', 'colors':{'c5':'o-color-3'}, 'flip':[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_06" style="background-image: url('/web_editor/shape/web_editor/Connections/06.svg?c5=o-color-3')"/>
+        <div class="o_we_shape o_html_builder_Connections_06" style="background-image: url('/web_editor/shape/html_builder/Connections/06.svg?c5=o-color-3')"/>
    </xpath>
 </template>
@@ -4,12 +4,12 @@
 <template id="s_big_number" inherit_id="website.s_big_number">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/06_001"}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Blobs/06_001"}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Blobs_06_001"/>
+        <div class="o_we_shape o_html_builder_Blobs_06_001"/>
    </xpath>
    <!-- Text -->
@@ -6,12 +6,12 @@
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="oe_img_bg o_full_screen_height" remove="parallax s_parallax_is_fixed" separator=" "/>
        <attribute name="data-scroll-background-ratio">0</attribute>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Bold/26', 'colors':{'c5':'o-color-1'}}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Bold/26', 'colors':{'c5':'o-color-1'}}</attribute>
        <attribute name="style">background-image: url('/web/image/website.s_cover_default_image'); background-position: 50% 55%;</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_26" style="background-image: url('/web_editor/shape/web_editor/Bold/26.svg?c5=o-color-1');"/>
+        <div class="o_we_shape o_html_builder_Bold_26" style="background-image: url('/web_editor/shape/html_builder/Bold/26.svg?c5=o-color-1');"/>
    </xpath>
    <!-- Disable Parallax -->
    <xpath expr="//span[hasclass('s_parallax_bg')]" position="replace"/>
@@ -23,11 +23,11 @@
 <template id="configurator_s_cta_box" inherit_id="website.configurator_s_cta_box">
    <!-- Shape option -->
    <xpath expr="section" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Connections/20', 'colors':{'c5':'o-color-4'},'flip':['y']}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Connections/20', 'colors':{'c5':'o-color-4'},'flip':['y']}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_20" style="background-image: url('/web_editor/shape/web_editor/Connections/20.svg?c5=o-color-4&amp;flip=y'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Connections_20" style="background-image: url('/web_editor/shape/html_builder/Connections/20.svg?c5=o-color-4&amp;flip=y'); background-position: 50% 0%;"/>
    </xpath>
 </template>
@@ -5,11 +5,11 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc5" remove="o_cc2" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Bold/05', 'colors':{'c5':'o-color-1'}}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Bold/05', 'colors':{'c5':'o-color-1'}}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_05" style="background-image: url('/web_editor/shape/web_editor/Bold/05.svg?c5=o-color-1');"/>
+        <div class="o_we_shape o_html_builder_Bold_05" style="background-image: url('/web_editor/shape/html_builder/Bold/05.svg?c5=o-color-1');"/>
    </xpath>
    <!-- Container -->
    <xpath expr="//div[hasclass('container')]" position="attributes">
@@ -5,11 +5,11 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="pt112 pb112" remove="pt80 pb80" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/14","colors":{"c5":"o-color-3","c1":"o-color-5"},"flip":["x"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/14","colors":{"c5":"o-color-3","c1":"o-color-5"},"flip":["x"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_14" style="background-image: url('/web_editor/shape/web_editor/Bold/14.svg?c5=o-color-3&amp;c1=o-color-5&amp;flip=x');"/>
+        <div class="o_we_shape o_html_builder_Bold_14" style="background-image: url('/web_editor/shape/html_builder/Bold/14.svg?c5=o-color-3&amp;c1=o-color-5&amp;flip=x');"/>
    </xpath>
    <!-- Titles -->
    <xpath expr="//span[hasclass('h5-fs')]" position="replace" mode="inner">
@@ -4,11 +4,11 @@
 <template id="s_numbers_boxed" inherit_id="website.s_numbers_boxed">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/17", "colors":{"c5": "o-color-1"}, "flip":[], "showOnMobile":true}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Blobs/17", "colors":{"c5": "o-color-1"}, "flip":[], "showOnMobile":true}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Blobs_17" style="background-image: url('/web_editor/shape/web_editor/Blobs/17.svg?c5=o-color-1');"/>
+        <div class="o_we_shape o_html_builder_Blobs_17" style="background-image: url('/web_editor/shape/html_builder/Blobs/17.svg?c5=o-color-1');"/>
    </xpath>
    <!-- Grid Item -->
    <xpath expr="//div[hasclass('o_grid_item')][2]" position="attributes">
@@ -6,10 +6,10 @@
    <xpath expr="//section" position="attributes">
        <attribute name="data-scroll-background-ratio"/>
        <attribute name="class" remove="parallax s_parallax_is_fixed s_parallax_no_overflow_hidden" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Airy/13_002','colors':{'c5':'o-color-1','c3':'o-color-4'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0','animated':'true'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Airy/13_002','colors':{'c5':'o-color-1','c3':'o-color-4'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0','animated':'true'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_13_002 o_we_animated"  style="background-image: url('/web_editor/shape/web_editor/Airy/13_002.svg?c5=o-color-1&amp;c3=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Airy_13_002 o_we_animated"  style="background-image: url('/web_editor/shape/html_builder/Airy/13_002.svg?c5=o-color-1&amp;c3=o-color-4');"/>
    </xpath>
    <xpath expr="//div[hasclass('col-lg-8')]" position="attributes">
        <attribute name="class" add="o_cc3" remove="o_cc1 rounded" separator=" "/>
@@ -21,11 +21,11 @@
 <template id="configurator_s_title" inherit_id="website.configurator_s_title">
    <!-- Shape option -->
    <xpath expr="section" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Connections/05','colors':{'c5':'o-color-4'},'flip':[]}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Connections/05','colors':{'c5':'o-color-4'},'flip':[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_05" style="background-image: url('/web_editor/shape/web_editor/Connections/05.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Connections_05" style="background-image: url('/web_editor/shape/html_builder/Connections/05.svg?c5=o-color-4');"/>
    </xpath>
 </template>
@@ -4,10 +4,10 @@
 <template id="s_wavy_grid" inherit_id="website.s_wavy_grid">
    <!-- Layout -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/03","colors":{"c2":"o-color-3"},"flip":["x","y"],"showOnMobile":false,"shapeAnimationSpeed":"0"}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Blobs/03","colors":{"c2":"o-color-3"},"flip":["x","y"],"showOnMobile":false,"shapeAnimationSpeed":"0"}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Blobs_03" style="background-image: url('/web_editor/shape/web_editor/Blobs/03.svg?c2=o-color-3&amp;flip=xy');  background-position: 50% 100%;"/>
+        <div class="o_we_shape o_html_builder_Blobs_03" style="background-image: url('/web_editor/shape/html_builder/Blobs/03.svg?c2=o-color-3&amp;flip=xy');  background-position: 50% 100%;"/>
    </xpath>
    <xpath expr="//h3" position="attributes">
        <attribute name="class" add="h4-fs" remove="h5-fs" separator=" "/>
@@ -51,11 +51,11 @@
 <template id="new_page_template_s_showcase" inherit_id="website.new_page_template_s_showcase">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Blocks/04",'colors':{'c1':'o-color-1','c2':'o-color-2','c3':'rgba(0,0,0,0)','c5':'o-color-5'},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Blocks/04",'colors':{'c1':'o-color-1','c2':'o-color-2','c3':'rgba(0,0,0,0)','c5':'o-color-5'},"flip":[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Blocks_04" style="background-image: url('/web_editor/shape/web_editor/Blocks/04.svg?c1=o-color-1&amp;c2=o-color-2&amp;c3=rgba(0,0,0,0)&amp;c5=o-color-5');"/>
+        <div class="o_we_shape o_html_builder_Blocks_04" style="background-image: url('/web_editor/shape/html_builder/Blocks/04.svg?c1=o-color-1&amp;c2=o-color-2&amp;c3=rgba(0,0,0,0)&amp;c5=o-color-5');"/>
    </xpath>
 </template>
@@ -75,11 +75,11 @@
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" remove="o_cc o_cc2" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Airy/12_002','colors':{'c5':'o-color-1','c3':'o-color-4'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Airy/12_002','colors':{'c5':'o-color-1','c3':'o-color-4'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_12_002" style="background-image: url('/web_editor/shape/web_editor/Airy/12_002.svg?c5=o-color-1&amp;c3=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Airy_12_002" style="background-image: url('/web_editor/shape/html_builder/Airy/12_002.svg?c5=o-color-1&amp;c3=o-color-4');"/>
    </xpath>
 </template>
@@ -103,11 +103,11 @@
 <template id="new_page_template_about_s_banner" inherit_id="website.new_page_template_about_s_banner">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/13","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/13","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_13" style="background-image: url('/web_editor/shape/web_editor/Bold/13.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Bold_13" style="background-image: url('/web_editor/shape/html_builder/Bold/13.svg?c5=o-color-3');"/>
    </xpath>
 </template>
@@ -122,11 +122,11 @@
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc4 pt80 pb80" remove="o_cc2 pt40 pb40" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Airy/13_002','colors':{'c5':'o-color-4','c3':'o-color-4'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Airy/13_002','colors':{'c5':'o-color-4','c3':'o-color-4'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_13_002" style="background-image: url('/web_editor/shape/web_editor/Airy/13_002.svg?c5=o-color-4&amp;c3=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Airy_13_002" style="background-image: url('/web_editor/shape/html_builder/Airy/13_002.svg?c5=o-color-4&amp;c3=o-color-4');"/>
    </xpath>
 </template>
@@ -231,11 +231,11 @@
 <template id="new_page_template_landing_1_s_banner" inherit_id="website.new_page_template_landing_1_s_banner">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/13","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/13","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_13" style="background-image: url('/web_editor/shape/web_editor/Bold/13.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Bold_13" style="background-image: url('/web_editor/shape/html_builder/Bold/13.svg?c5=o-color-3');"/>
    </xpath>
 </template>
@@ -284,11 +284,11 @@
 <template id="new_page_template_gallery_s_banner" inherit_id="website.new_page_template_gallery_s_banner">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/13","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/13","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_13" style="background-image: url('/web_editor/shape/web_editor/Bold/13.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Bold_13" style="background-image: url('/web_editor/shape/html_builder/Bold/13.svg?c5=o-color-3');"/>
    </xpath>
 </template>
@@ -303,11 +303,11 @@
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc4 pt80 pb80" remove="o_cc2 pt40 pb0" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Airy/13_002','colors':{'c5':'o-color-4','c3':'o-color-4'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Airy/13_002','colors':{'c5':'o-color-4','c3':'o-color-4'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_13_002" style="background-image: url('/web_editor/shape/web_editor/Airy/13_002.svg?c5=o-color-4&amp;c3=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Airy_13_002" style="background-image: url('/web_editor/shape/html_builder/Airy/13_002.svg?c5=o-color-4&amp;c3=o-color-4');"/>
    </xpath>
 </template>
@@ -4,13 +4,13 @@
 <template id="s_big_number" inherit_id="website.s_big_number">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Blocks/01_001"}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Blocks/01_001"}</attribute>
        <attribute name="class" add="o_cc4" remove="o_cc5" separator=" "/>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Blocks_01_001"/>
+        <div class="o_we_shape o_html_builder_Blocks_01_001"/>
    </xpath>
    <!-- Text -->
@@ -4,19 +4,19 @@
 <template id="s_color_blocks_2" inherit_id="website.s_color_blocks_2">
    <!-- Left block -->
    <xpath expr="//div[hasclass('row')]//div" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/11_001","flip":["y","x"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Wavy/11_001","flip":["y","x"]}</attribute>
    </xpath>
    <!-- Left block - Shape -->
    <xpath expr="//div[hasclass('row')]//div//h2" position="before">
-        <div class="o_we_shape o_web_editor_Wavy_11_001" style="background-image: url('/web_editor/shape/web_editor/Wavy/11_001.svg?c5=o-color-5&amp;flip=xy'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Wavy_11_001" style="background-image: url('/web_editor/shape/html_builder/Wavy/11_001.svg?c5=o-color-5&amp;flip=xy'); background-position: 50% 0%;"/>
    </xpath>
    <!-- Right block -->
    <xpath expr="//div[hasclass('row')]//div[2]" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/11_001","colors":{"c5":"o-color-1"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Wavy/11_001","colors":{"c5":"o-color-1"},"flip":[]}</attribute>
    </xpath>
    <!-- Right block - Shape -->
    <xpath expr="//div[hasclass('row')]//div[2]//h2" position="before">
-        <div class="o_we_shape o_web_editor_Wavy_11_001" style="background-image: url('/web_editor/shape/web_editor/Wavy/11_001.svg?c5=o-color-1');"/>
+        <div class="o_we_shape o_html_builder_Wavy_11_001" style="background-image: url('/web_editor/shape/html_builder/Wavy/11_001.svg?c5=o-color-1');"/>
    </xpath>
 </template>
@@ -5,7 +5,7 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="pt112 pb112" remove="pt232 pb232 bg-black-50" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/12_002","colors":{"c5":"rgba(255,255,255,0.25)","c3":"rgba(255,255,255,0)"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Airy/12_002","colors":{"c5":"rgba(255,255,255,0.25)","c3":"rgba(255,255,255,0)"},"flip":[]}</attribute>
    </xpath>
    <!-- Filter -->
    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
@@ -13,7 +13,7 @@
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="after">
-        <div class="o_we_shape o_web_editor_Airy_12_002 o_we_animated" style="background-image: url('/web_editor/shape/web_editor/Airy/12_002.svg?c5=rgba(255,255,255,0.25)&amp;c3=rgba(255,255,255,0)');"/>
+        <div class="o_we_shape o_html_builder_Airy_12_002 o_we_animated" style="background-image: url('/web_editor/shape/html_builder/Airy/12_002.svg?c5=rgba(255,255,255,0.25)&amp;c3=rgba(255,255,255,0)');"/>
    </xpath>
    <!-- Title -->
    <xpath expr="//h1" position="replace" mode="inner">
@@ -6,10 +6,10 @@
    <xpath expr="//div[hasclass('card')]" position="attributes">
        <attribute name="class" add="o_cc3" remove="o_cc4" separator=" "/>
        <attribute name="style" add="border-radius: 12px !important;" separator=";"/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Blobs/02','colors':{'c1':'o-color-1','c2':'o-color-5'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Blobs/02','colors':{'c1':'o-color-1','c2':'o-color-5'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('card-body')]" position="before">
-        <div class="o_we_shape o_web_editor_Blobs_02" style="background-image: url('/web_editor/shape/web_editor/Blobs/02.svg?c1=o-color-1&amp;c2=o-color-5');"/>
+        <div class="o_we_shape o_html_builder_Blobs_02" style="background-image: url('/web_editor/shape/html_builder/Blobs/02.svg?c1=o-color-1&amp;c2=o-color-5');"/>
    </xpath>
    <xpath expr="//div[hasclass('card-body')]" position="attributes">
        <attribute name="style">text-align: center;</attribute>
@@ -31,10 +31,10 @@
 <template id="configurator_s_cta_box" inherit_id="website.configurator_s_cta_box">
    <xpath expr="//div[hasclass('card')]" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Blobs/10_002','colors':{'c5':'o-color-1'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Blobs/10_002','colors':{'c5':'o-color-1'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Blobs_10_002" style="background-image: url('/web_editor/shape/web_editor/Blobs/10_002.svg?c5=o-color-1');"/>
+        <div class="o_we_shape o_html_builder_Blobs_10_002" style="background-image: url('/web_editor/shape/html_builder/Blobs/10_002.svg?c5=o-color-1');"/>
    </xpath>
 </template>
@@ -4,10 +4,10 @@
 <template id="s_discovery" inherit_id="website.s_discovery">
   <xpath expr="//section" position="attributes">
      <attribute name="class" add="o_cc2" remove="o_cc1" separator=" "/>
-      <attribute name="data-oe-shape-data">{'shape':'web_editor/Containers/06','colors':{'c5':'o-color-4'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0','animated':'true'}</attribute>
+      <attribute name="data-oe-shape-data">{'shape':'html_builder/Containers/06','colors':{'c5':'o-color-4'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0','animated':'true'}</attribute>
   </xpath>
   <xpath expr="//div[hasclass('container')]" position="before">
-      <div class="o_we_shape o_web_editor_Containers_06 o_we_animated" style="background-image: url('/web_editor/shape/web_editor/Containers/06.svg?c5=o-color-4');"/>
+      <div class="o_we_shape o_html_builder_Containers_06 o_we_animated" style="background-image: url('/web_editor/shape/html_builder/Containers/06.svg?c5=o-color-4');"/>
   </xpath>
   <xpath expr="//h1" position="replace">
      <h2 class="display-4-fs" style="text-align: center;"><span style="font-weight: normal;">Discover our solutions</span></h2>
@@ -5,11 +5,11 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc o_cc5" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/09_001","flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Rainy/09_001","flip":[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Rainy_09_001"/>
+        <div class="o_we_shape o_html_builder_Rainy_09_001"/>
    </xpath>
    <!-- Feature #1 - Icon -->
    <xpath expr="//div[hasclass('row')]//div[1]//i" position="attributes">
@@ -5,10 +5,10 @@
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc2" remove="o_cc5 oe_img_bg" separator=" "/>
        <attribute name="style"/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Blobs/04_001','colors':{'c5':'o-color-4'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Blobs/04_001','colors':{'c5':'o-color-4'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Blobs_04_001" style="background-image: url('/web_editor/shape/web_editor/Blobs/04_001.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Blobs_04_001" style="background-image: url('/web_editor/shape/html_builder/Blobs/04_001.svg?c5=o-color-4');"/>
    </xpath>
    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace"/>
 </template>
@@ -5,11 +5,11 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc4 pt96 pb96" remove="o_cc1 pt80 pb80" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Zigs/01_001","flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Zigs/01_001","flip":[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Zigs_01_001"/>
+        <div class="o_we_shape o_html_builder_Zigs_01_001"/>
    </xpath>
 </template>
@@ -6,10 +6,10 @@
    <xpath expr="//section" position="attributes">
        <attribute name="data-scroll-background-ratio"/>
        <attribute name="class" add="o_cc o_cc3" remove="parallax s_parallax_is_fixed s_parallax_no_overflow_hidden" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Bold/15','colors':{'c5': 'o-color-3'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Bold/15','colors':{'c5': 'o-color-3'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_15" style="background-image: url('/web_editor/shape/web_editor/Bold/15.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Bold_15" style="background-image: url('/web_editor/shape/html_builder/Bold/15.svg?c5=o-color-3');"/>
    </xpath>
    <xpath expr="//span[hasclass('s_parallax_bg')]" position="replace"/>
@@ -5,11 +5,11 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc o_cc5" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/08_001","flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Rainy/08_001","flip":[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Rainy_08_001"/>
+        <div class="o_we_shape o_html_builder_Rainy_08_001"/>
    </xpath>
    <xpath expr="//div[hasclass('s_process_step_number')]" position="attributes">
        <attribute name="class" add="bg-black-15" remove="bg-primary-light" separator=" "/>
@@ -5,12 +5,12 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc o_cc4 pb88 pt88" remove="pb64 pt64 oe_img_bg o_bg_img_center oe_custom_bg" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/07_001","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Airy/07_001","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
        <attribute name="style"/>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
-        <div class="o_we_shape o_web_editor_Airy_07_001" style="background-image: url('/web_editor/shape/web_editor/Airy/07_001.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Airy_07_001" style="background-image: url('/web_editor/shape/html_builder/Airy/07_001.svg?c5=o-color-3');"/>
    </xpath>
 </template>
@@ -5,11 +5,11 @@
    <!-- Carousel -->
    <xpath expr="//div[hasclass('s_quotes_carousel')]" position="attributes">
        <attribute name="class" add="s_carousel_rounded o_cc5" remove="s_carousel_boxed o_cc2 carousel-dark" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/10","flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Rainy/10","flip":[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('carousel-inner')]" position="before">
-        <div class="o_we_shape o_web_editor_Rainy_10"/>
+        <div class="o_we_shape o_html_builder_Rainy_10"/>
    </xpath>
    <!-- Carousel items - Remove background image -->
    <xpath expr="//div[hasclass('carousel-item')]" position="attributes">
@@ -4,10 +4,10 @@
 <template id="s_quotes_carousel_minimal" inherit_id="website.s_quotes_carousel_minimal">
    <xpath expr="//div[hasclass('carousel')]" position="attributes">
        <attribute name="class" add="o_cc o_cc2" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Blocks/04','colors':{'c1':'#637bbe','c2':'#8eb9c7','c3':'#f6f0ea','c5':'#637bbe'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Blocks/04','colors':{'c1':'#637bbe','c2':'#8eb9c7','c3':'#f6f0ea','c5':'#637bbe'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('carousel-inner')]" position="before">
-        <div class="o_we_shape o_web_editor_Blocks_04"/>
+        <div class="o_we_shape o_html_builder_Blocks_04"/>
    </xpath>
 </template>
@@ -63,11 +63,11 @@
 <template id="configurator_s_three_columns" inherit_id="website.configurator_s_three_columns">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/12_002","colors":{"c5":"o-color-1","c3":"o-color-3"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Airy/12_002","colors":{"c5":"o-color-1","c3":"o-color-3"},"flip":[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_12_002" style="background-image: url('/web_editor/shape/web_editor/Airy/12_002.svg?c5=o-color-1&amp;c3=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Airy_12_002" style="background-image: url('/web_editor/shape/html_builder/Airy/12_002.svg?c5=o-color-1&amp;c3=o-color-3');"/>
    </xpath>
 </template>
@@ -6,11 +6,11 @@
 <template id="new_page_template_s_call_to_action" inherit_id="website.new_page_template_s_call_to_action">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/06","colors":{"c5":"o-color-4"},"flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/06","colors":{"c5":"o-color-4"},"flip":["y"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_06" style="background-image: url('/web_editor/shape/web_editor/Connections/06.svg?c5=o-color-4&amp;flip=y'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Connections_06" style="background-image: url('/web_editor/shape/html_builder/Connections/06.svg?c5=o-color-4&amp;flip=y'); background-position: 50% 0%;"/>
    </xpath>
 </template>
@@ -23,11 +23,11 @@
 <template id="new_page_template_s_three_columns" inherit_id="website.new_page_template_s_three_columns">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/20","colors":{"c5":"o-color-1"},"flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/20","colors":{"c5":"o-color-1"},"flip":["y"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_20" style="background-image: url('/web_editor/shape/web_editor/Connections/20.svg?c5=o-color-1&amp;flip=y'); background-position: 50% 0%"/>
+        <div class="o_we_shape o_html_builder_Connections_20" style="background-image: url('/web_editor/shape/html_builder/Connections/20.svg?c5=o-color-1&amp;flip=y'); background-position: 50% 0%"/>
    </xpath>
 </template>
@@ -39,11 +39,11 @@
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_half_screen_height" remove="o_full_screen_height" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/14","colors":{"c5":"o-color-3","c1":"o-color-3"},"flip":["x"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/14","colors":{"c5":"o-color-3","c1":"o-color-3"},"flip":["x"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_14" style="background-image: url('/web_editor/shape/web_editor/Bold/14.svg?c5=o-color-3&amp;c1=o-color-3&amp;flip=x');"/>
+        <div class="o_we_shape o_html_builder_Bold_14" style="background-image: url('/web_editor/shape/html_builder/Bold/14.svg?c5=o-color-3&amp;c1=o-color-3&amp;flip=x');"/>
    </xpath>
 </template>
@@ -105,11 +105,11 @@
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_half_screen_height" remove="o_full_screen_height" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/14","colors":{"c5":"o-color-3","c1":"o-color-3"},"flip":["x"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/14","colors":{"c5":"o-color-3","c1":"o-color-3"},"flip":["x"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_14" style="background-image: url('/web_editor/shape/web_editor/Bold/14.svg?c5=o-color-3&amp;c1=o-color-3&amp;flip=x');"/>
+        <div class="o_we_shape o_html_builder_Bold_14" style="background-image: url('/web_editor/shape/html_builder/Bold/14.svg?c5=o-color-3&amp;c1=o-color-3&amp;flip=x');"/>
    </xpath>
 </template>
@@ -131,11 +131,11 @@
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_half_screen_height" remove="o_full_screen_height" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/14","colors":{"c5":"o-color-3","c1":"o-color-3"},"flip":["x"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/14","colors":{"c5":"o-color-3","c1":"o-color-3"},"flip":["x"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_14" style="background-image: url('/web_editor/shape/web_editor/Bold/14.svg?c5=o-color-3&amp;c1=o-color-3&amp;flip=x');"/>
+        <div class="o_we_shape o_html_builder_Bold_14" style="background-image: url('/web_editor/shape/html_builder/Bold/14.svg?c5=o-color-3&amp;c1=o-color-3&amp;flip=x');"/>
    </xpath>
 </template>
@@ -165,11 +165,11 @@
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_half_screen_height" remove="o_full_screen_height" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/14","colors":{"c5":"o-color-3","c1":"o-color-3"},"flip":["x"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/14","colors":{"c5":"o-color-3","c1":"o-color-3"},"flip":["x"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_14" style="background-image: url('/web_editor/shape/web_editor/Bold/14.svg?c5=o-color-3&amp;c1=o-color-3&amp;flip=x');"/>
+        <div class="o_we_shape o_html_builder_Bold_14" style="background-image: url('/web_editor/shape/html_builder/Bold/14.svg?c5=o-color-3&amp;c1=o-color-3&amp;flip=x');"/>
    </xpath>
 </template>
@@ -4,13 +4,13 @@
 <template id="s_big_number" inherit_id="website.s_big_number">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Blocks/01_001"}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Blocks/01_001"}</attribute>
        <attribute name="class" add="o_cc4" remove="o_cc5" separator=" "/>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Blocks_01_001"/>
+        <div class="o_we_shape o_html_builder_Blocks_01_001"/>
    </xpath>
    <!-- Text -->
@@ -5,11 +5,11 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc4 pt64" remove="o_cc1 pt80" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/10_001","colors":{"c5":"rgba(255,255,255,0.25)"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Airy/10_001","colors":{"c5":"rgba(255,255,255,0.25)"},"flip":[]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_10_001" style="background-image: url('/web_editor/shape/web_editor/Airy/10_001.svg?c5=rgba(255,255,255,0.25)');"/>
+        <div class="o_we_shape o_html_builder_Airy_10_001" style="background-image: url('/web_editor/shape/html_builder/Airy/10_001.svg?c5=rgba(255,255,255,0.25)');"/>
    </xpath>
 </template>
@@ -5,10 +5,10 @@
    <!-- Section -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc o_cc4 pt88" remove="pt80" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/20","colors":{"c5": "o-color-4"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/20","colors":{"c5": "o-color-4"},"flip":[]}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_20" style="background-image: url('/web_editor/shape/web_editor/Connections/20.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Connections_20" style="background-image: url('/web_editor/shape/html_builder/Connections/20.svg?c5=o-color-4');"/>
    </xpath>
    <!-- Grid items -->
    <xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
@@ -6,10 +6,10 @@
    <xpath expr="//section" position="attributes">
        <attribute name="data-scroll-background-ratio"/>
        <attribute name="class" add="o_cc o_cc2" remove="parallax s_parallax_is_fixed s_parallax_no_overflow_hidden" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Connections/20','colors':{'c5': 'o-color-1'},'flip':['y'],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Connections/20','colors':{'c5': 'o-color-1'},'flip':['y'],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_20" style="background-image: url('/web_editor/shape/web_editor/Connections/20.svg?c5=o-color-1&amp;flip=y');  background-position: 50% 0%"/>
+        <div class="o_we_shape o_html_builder_Connections_20" style="background-image: url('/web_editor/shape/html_builder/Connections/20.svg?c5=o-color-1&amp;flip=y');  background-position: 50% 0%"/>
    </xpath>
    <xpath expr="//span[hasclass('s_parallax_bg')]" position="replace"/>
@@ -41,11 +41,11 @@
 <template id="configurator_s_three_columns" inherit_id="website.configurator_s_three_columns">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/20","colors":{"c5": "o-color-1"},"flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/20","colors":{"c5": "o-color-1"},"flip":["y"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_20" style="background-image: url('/web_editor/shape/web_editor/Connections/20.svg?c5=o-color-1&amp;flip=y'); background-position: 50% 0%"/>
+        <div class="o_we_shape o_html_builder_Connections_20" style="background-image: url('/web_editor/shape/html_builder/Connections/20.svg?c5=o-color-1&amp;flip=y'); background-position: 50% 0%"/>
    </xpath>
 </template>
@@ -6,10 +6,10 @@
    <!-- Content -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="pt24 pb80" remove="pt96 pb96" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Connections/20','colors':{'c5': 'o-color-3'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Connections/20','colors':{'c5': 'o-color-3'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_20" style="background-image: url('/web_editor/shape/web_editor/Connections/20.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Connections_20" style="background-image: url('/web_editor/shape/html_builder/Connections/20.svg?c5=o-color-3');"/>
    </xpath>
    <!-- Row - remove grid mode -->
    <xpath expr="//div[hasclass('row')]" position="attributes">
@@ -345,10 +345,10 @@
    <xpath expr="//section" position="attributes">
        <attribute name="data-scroll-background-ratio"/>
        <attribute name="class" add="o_cc o_cc2" remove="parallax s_parallax_is_fixed s_parallax_no_overflow_hidden" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Bold/01_001','colors':{'c5':'o-color-1'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Bold/01_001','colors':{'c5':'o-color-1'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_01_001" style="background-image: url('/web_editor/shape/web_editor/Bold/01_001.svg?c5=o-color-1');"/>
+        <div class="o_we_shape o_html_builder_Bold_01_001" style="background-image: url('/web_editor/shape/html_builder/Bold/01_001.svg?c5=o-color-1');"/>
    </xpath>
    <xpath expr="//span[hasclass('s_parallax_bg')]" position="replace"/>
@@ -457,10 +457,10 @@
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc2" remove="o_cc5 oe_img_bg" separator=" "/>
        <attribute name="style"/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Airy/10_001','colors':{'c5':'rgba(0,0,0,0.25)'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Airy/10_001','colors':{'c5':'rgba(0,0,0,0.25)'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_10_001" style="background-image: url('/web_editor/shape/web_editor/Airy/10_001.svg?c5=rgba(0,0,0,0.25)');"/>
+        <div class="o_we_shape o_html_builder_Airy_10_001" style="background-image: url('/web_editor/shape/html_builder/Airy/10_001.svg?c5=rgba(0,0,0,0.25)');"/>
    </xpath>
    <xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace"/>
 </template>
@@ -470,10 +470,10 @@
    <!-- Layout -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="pt112" remove="pt72" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Connections/06','colors':{'c5':'o-color-3'},'flip':['y'],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Connections/06','colors':{'c5':'o-color-3'},'flip':['y'],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_06" style="background-image: url('/web_editor/shape/web_editor/Connections/06.svg?c5=o-color-3&amp;flip=y'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Connections_06" style="background-image: url('/web_editor/shape/html_builder/Connections/06.svg?c5=o-color-3&amp;flip=y'); background-position: 50% 0%;"/>
    </xpath>
    <!-- Numbers -->
@@ -567,13 +567,13 @@
 <template id="s_big_number" inherit_id="website.s_big_number">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Blocks/01_001"}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Blocks/01_001"}</attribute>
        <attribute name="class" add="o_cc4" remove="o_cc5" separator=" "/>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Blocks_01_001"/>
+        <div class="o_we_shape o_html_builder_Blocks_01_001"/>
    </xpath>
    <!-- Text -->
@@ -585,10 +585,10 @@
 <!-- ===== WAVY GRID ======== -->
 <template id="s_wavy_grid" inherit_id="website.s_wavy_grid">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Bold/14','colors':{'c5':'o-color-3','c1':'o-color-3'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Bold/14','colors':{'c5':'o-color-3','c1':'o-color-3'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Bold_14" style="background-image: url('/web_editor/shape/web_editor/Bold/14.svg?c5=o-color-3&amp;c1=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Bold_14" style="background-image: url('/web_editor/shape/html_builder/Bold/14.svg?c5=o-color-3&amp;c1=o-color-3');"/>
    </xpath>
 </template>
 <!-- ======== CARD OFFSET ======== -->
@@ -676,10 +676,10 @@
 <template id="s_company_team_detail" inherit_id="website.s_company_team_detail">
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc5 pt96" remove="o_cc1 pt64" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Connections/05','colors':{'c5':'o-color-4'},'flip':['y'],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Connections/05','colors':{'c5':'o-color-4'},'flip':['y'],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_05" style="background-image: url('/web_editor/shape/web_editor/Connections/05.svg?c5=o-color-4&amp;flip=y'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Connections_05" style="background-image: url('/web_editor/shape/html_builder/Connections/05.svg?c5=o-color-4&amp;flip=y'); background-position: 50% 0%;"/>
    </xpath>
    <xpath expr="//div[hasclass('col-lg-4')]" position="attributes">
        <attribute name="class" add="col-lg-3" remove="col-lg-4" separator=" "/>
@@ -701,10 +701,10 @@
 <template id="s_references_grid" inherit_id="website.s_references_grid">
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="pt112" remove="pt64" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Connections/06','flip':['y'],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Connections/06','flip':['y'],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_06" style="background-image: url('/web_editor/shape/web_editor/Connections/06.svg?c5=o-color-5&amp;flip=y'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Connections_06" style="background-image: url('/web_editor/shape/html_builder/Connections/06.svg?c5=o-color-5&amp;flip=y'); background-position: 50% 0%;"/>
    </xpath>
 </template>
@@ -5,10 +5,10 @@
 <template id="new_page_template_s_three_columns" inherit_id="website.new_page_template_s_three_columns">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/01_001","colors":{"c5":"o-color-3"},"flip":["x"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/01_001","colors":{"c5":"o-color-3"},"flip":["x"]}</attribute>
    </xpath>
    <xpath expr="//section/div" position="before">
-        <div class="o_we_shape o_web_editor_Bold_01_001" style="background-image: url('/web_editor/shape/web_editor/Bold/01_001.svg?c5=o-color-3&amp;flip=x'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Bold_01_001" style="background-image: url('/web_editor/shape/html_builder/Bold/01_001.svg?c5=o-color-3&amp;flip=x'); background-position: 50% 0%;"/>
    </xpath>
    <xpath expr="//h2" position="replace"/>
    <xpath expr="//p" position="replace"/>
@@ -16,10 +16,10 @@
 <template id="new_page_template_s_three_columns_2nd" inherit_id="website.new_page_template_s_three_columns_2nd">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/01_001","colors":{"c5":"o-color-3"},"flip":["x"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/01_001","colors":{"c5":"o-color-3"},"flip":["x"]}</attribute>
    </xpath>
    <xpath expr="//section/div" position="before">
-        <div class="o_we_shape o_web_editor_Bold_01_001" style="background-image: url('/web_editor/shape/web_editor/Bold/01_001.svg?c5=o-color-3&amp;flip=x'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Bold_01_001" style="background-image: url('/web_editor/shape/html_builder/Bold/01_001.svg?c5=o-color-3&amp;flip=x'); background-position: 50% 0%;"/>
    </xpath>
    <xpath expr="//h2" position="replace"/>
    <xpath expr="//p" position="replace"/>
@@ -29,10 +29,10 @@
 <template id="new_page_template_basic_s_picture" inherit_id="website.new_page_template_basic_s_picture">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/01_001","colors":{"c5":"o-color-3"},"flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/01_001","colors":{"c5":"o-color-3"},"flip":["y"]}</attribute>
    </xpath>
    <xpath expr="//section/div" position="before">
-        <div class="o_we_shape o_web_editor_Bold_01_001" style="background-image: url('/web_editor/shape/web_editor/Bold/01_001.svg?c5=o-color-3&amp;flip=y'); background-position: 50% 100%;"></div>
+        <div class="o_we_shape o_html_builder_Bold_01_001" style="background-image: url('/web_editor/shape/html_builder/Bold/01_001.svg?c5=o-color-3&amp;flip=y'); background-position: 50% 100%;"></div>
    </xpath>
 </template>
@@ -47,19 +47,19 @@
 <template id="new_page_template_about_s_banner" inherit_id="website.new_page_template_about_s_banner">
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc o_cc2" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/05","colors":{"c5":"o-color-4"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/05","colors":{"c5":"o-color-4"},"flip":[]}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Connections_05" style="background-image: url('/web_editor/shape/web_editor/Connections/05.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Connections_05" style="background-image: url('/web_editor/shape/html_builder/Connections/05.svg?c5=o-color-4');"/>
    </xpath>
 </template>
 <template id="new_page_template_about_s_picture" inherit_id="website.new_page_template_about_s_picture">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/01_001","colors":{"c5":"o-color-3"},"flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/01_001","colors":{"c5":"o-color-3"},"flip":["y"]}</attribute>
    </xpath>
    <xpath expr="//section/div" position="before">
-        <div class="o_we_shape o_web_editor_Bold_01_001" style="background-image: url('/web_editor/shape/web_editor/Bold/01_001.svg?c5=o-color-3&amp;flip=y'); background-position: 50% 100%;"></div>
+        <div class="o_we_shape o_html_builder_Bold_01_001" style="background-image: url('/web_editor/shape/html_builder/Bold/01_001.svg?c5=o-color-3&amp;flip=y'); background-position: 50% 100%;"></div>
    </xpath>
 </template>
@@ -98,10 +98,10 @@
 <template id="new_page_template_landing_1_s_banner" inherit_id="website.new_page_template_landing_1_s_banner">
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc o_cc2" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Connections/05","colors":{"c5":"o-color-4"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Connections/05","colors":{"c5":"o-color-4"},"flip":[]}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Connections_05" style="background-image: url('/web_editor/shape/web_editor/Connections/05.svg?c5=o-color-4');"/>
+        <div class="o_we_shape o_html_builder_Connections_05" style="background-image: url('/web_editor/shape/html_builder/Connections/05.svg?c5=o-color-4');"/>
    </xpath>
 </template>
@@ -4,13 +4,13 @@
 <template id="s_big_number" inherit_id="website.s_big_number">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">"shape":"web_editor/Rainy/09_001"</attribute>
+        <attribute name="data-oe-shape-data">"shape":"html_builder/Rainy/09_001"</attribute>
        <attribute name="class" add="o_cc1" remove="o_cc5" separator=" "/>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Rainy_09_001"/>
+        <div class="o_we_shape o_html_builder_Rainy_09_001"/>
    </xpath>
    <!-- Text -->
@@ -4,10 +4,10 @@
 <template id="s_features_wall" inherit_id="website.s_features_wall">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Airy/10_001','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Airy/10_001','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Airy_10_001"/>
+        <div class="o_we_shape o_html_builder_Airy_10_001"/>
    </xpath>
    <xpath expr="//div[hasclass('o_grid_mode')]" position="attributes">
        <attribute name="style">gap: 0px 16px;</attribute>
@@ -4,14 +4,14 @@
 <template id="s_freegrid" inherit_id="website.s_freegrid">
    <!-- Layout -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Connections/20','flip':['y'],'showOnMobile':true,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Connections/20','flip':['y'],'showOnMobile':true,'shapeAnimationSpeed':'0'}</attribute>
        <attribute name="class" add="pt128" remove="pt64" separator=" "/>
    </xpath>
    <xpath expr="//div[hasclass('o_grid_mode')]" position="attributes">
        <attribute name="data-row-count">17</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container-fluid')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_20 o_shape_show_mobile" style="background-image: url('/web_editor/shape/web_editor/Connections/20.svg?c5=o-color-5&amp;flip=y'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Connections_20 o_shape_show_mobile" style="background-image: url('/web_editor/shape/html_builder/Connections/20.svg?c5=o-color-5&amp;flip=y'); background-position: 50% 0%;"/>
    </xpath>
    <xpath expr="//div[hasclass('container-fluid')]" position="attributes">
        <attribute name="class" add="container" remove="container-fluid" separator=" "/>
@@ -4,10 +4,10 @@
 <template id="s_wavy_grid" inherit_id="website.s_wavy_grid">
    <!-- Layout -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Airy/02_001','colors':{'c5':'o-color-1'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Airy/02_001','colors':{'c5':'o-color-1'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Airy_02_001" style="background-image: url('/web_editor/shape/web_editor/Airy/02_001.svg?c5=o-color-1');"/>
+        <div class="o_we_shape o_html_builder_Airy_02_001" style="background-image: url('/web_editor/shape/html_builder/Airy/02_001.svg?c5=o-color-1');"/>
    </xpath>
    <!-- Texts -->
@@ -31,10 +31,10 @@
 <template id="configurator_s_cover" inherit_id="website.configurator_s_cover" name="Graphene s_cover">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/13","colors":{"c5": "o-color-3"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/13","colors":{"c5": "o-color-3"},"flip":[]}</attribute>
    </xpath>
    <xpath expr="//section/div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_13" style="background-image: url('/web_editor/shape/web_editor/Bold/13.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Bold_13" style="background-image: url('/web_editor/shape/html_builder/Bold/13.svg?c5=o-color-3');"/>
    </xpath>
    <xpath expr="//div[hasclass('col-lg-7')]" position="attributes">
        <attribute name="class" add="pb128" separator=" "/>
@@ -81,10 +81,10 @@
 <template id="configurator_s_text_image" inherit_id="website.configurator_s_text_image" name="Graphene s_text_image">
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="pb96 pt0" remove="pb80 pt80" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Bold/15','colors':{'c5': 'o-color-3'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Bold/15','colors':{'c5': 'o-color-3'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_15" style="background-image: url('/web_editor/shape/web_editor/Bold/15.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Bold_15" style="background-image: url('/web_editor/shape/html_builder/Bold/15.svg?c5=o-color-3');"/>
    </xpath>
 </template>
@@ -126,11 +126,11 @@
 <template id="configurator_s_mockup_image" inherit_id="website.configurator_s_mockup_image" name="Graphene s_mockup_image">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Bold/13','colors':{'c5':'o-color-3'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Bold/13','colors':{'c5':'o-color-3'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace"/>
    <xpath expr="//section/div" position="before">
-        <div class="o_we_shape o_web_editor_Bold_13" style="background-image: url('/web_editor/shape/web_editor/Bold/13.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Bold_13" style="background-image: url('/web_editor/shape/html_builder/Bold/13.svg?c5=o-color-3');"/>
    </xpath>
 </template>
@@ -281,10 +281,10 @@
 <template id="s_numbers_grid" inherit_id="website.s_numbers_grid" name="Graphene s_numbers_grid">
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="o_cc5 pt96 pb96" remove="o_cc2 pb56 pt56" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/01_001","flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Rainy/01_001","flip":[]}</attribute>
    </xpath>
    <xpath expr="//section/div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Rainy_01_001"/>
+        <div class="o_we_shape o_html_builder_Rainy_01_001"/>
    </xpath>
    <xpath expr="(//div[hasclass('o_grid_item')])[1]" position="attributes">
        <attribute name="class" add="o_cc5 bg-black-50" remove="o_cc1" separator=" "/>
@@ -315,10 +315,10 @@
 <template id="configurator_s_references" inherit_id="website.configurator_s_references" name="Graphene s_configurator_references">
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="pt96 pb96" remove="pt80 pb80" separator=" "/>
-    <attribute name="data-oe-shape-data">{'shape':'web_editor/Bold/13','colors':{'c5':'o-color-3'},'flip':['x','y'],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+    <attribute name="data-oe-shape-data">{'shape':'html_builder/Bold/13','colors':{'c5':'o-color-3'},'flip':['x','y'],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//section/div" position="before">
-        <div class="o_we_shape o_web_editor_Bold_13" style="background-image: url('/web_editor/shape/web_editor/Bold/13.svg?c5=o-color-3&amp;flip=xy'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Bold_13" style="background-image: url('/web_editor/shape/html_builder/Bold/13.svg?c5=o-color-3&amp;flip=xy'); background-position: 50% 0%;"/>
    </xpath>
 </template>
@@ -326,10 +326,10 @@
 <template id="s_picture" inherit_id="website.s_picture" name="Graphene s_picture">
    <xpath expr="//section" position="attributes">
        <attribute name="class" add="pb0 pt48" remove="pb64 pt64" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/02_001","flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Rainy/02_001","flip":[]}</attribute>
    </xpath>
    <xpath expr="//section/div[hasclass('o_container_small')]" position="before">
-        <div class="o_we_shape o_web_editor_Rainy_02_001"/>
+        <div class="o_we_shape o_html_builder_Rainy_02_001"/>
    </xpath>
    <!-- Content -->
    <xpath expr="//h2" position="replace" mode="inner">
@@ -424,10 +424,10 @@
    <xpath expr="//section" position="attributes">
        <attribute name="data-scroll-background-ratio"/>
        <attribute name="class" add="o_cc o_cc2" remove="parallax s_parallax_is_fixed s_parallax_no_overflow_hidden" separator=" "/>
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Airy/11_001','colors':{'c5':'rgba(0,0,0,0.25)'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Airy/11_001','colors':{'c5':'rgba(0,0,0,0.25)'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Airy_11_001" style="background-image: url('/web_editor/shape/web_editor/Airy/11_001.svg?c5=rgba(0,0,0,0.25)');"/>
+        <div class="o_we_shape o_html_builder_Airy_11_001" style="background-image: url('/web_editor/shape/html_builder/Airy/11_001.svg?c5=rgba(0,0,0,0.25)');"/>
    </xpath>
    <xpath expr="//div[hasclass('col-lg-8')]" position="attributes">
        <attribute name="class" remove="rounded" separator=" "/>
@@ -534,10 +534,10 @@
 <template id="s_key_images" inherit_id="website.s_key_images" name="Graphene s_key_images">
    <!-- Layout -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{'shape':'web_editor/Connections/20','colors':{'c5': 'o-color-3'},'flip':['y'],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
+        <attribute name="data-oe-shape-data">{'shape':'html_builder/Connections/20','colors':{'c5': 'o-color-3'},'flip':['y'],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
    </xpath>
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Connections_20" style="background-image: url('/web_editor/shape/web_editor/Connections/20.svg?c5=o-color-3&amp;flip=y'); background-position: 50% 0;"/>
+        <div class="o_we_shape o_html_builder_Connections_20" style="background-image: url('/web_editor/shape/html_builder/Connections/20.svg?c5=o-color-3&amp;flip=y'); background-position: 50% 0;"/>
    </xpath>
    <!-- Texts -->
@@ -577,13 +577,13 @@
 <template id="s_big_number" inherit_id="website.s_big_number">
    <!-- Section -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Blocks/01_001"}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Blocks/01_001"}</attribute>
        <attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_we_shape')]" position="replace">
-        <div class="o_we_shape o_web_editor_Blocks_01_001"/>
+        <div class="o_we_shape o_html_builder_Blocks_01_001"/>
    </xpath>
    <!-- Text -->
@@ -13,10 +13,10 @@
 <template id="new_page_template_s_comparisons" inherit_id="website.new_page_template_s_comparisons">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/14","colors":{"c5":"o-color-3","c1":"o-color-3"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/14","colors":{"c5":"o-color-3","c1":"o-color-3"}}</attribute>
    </xpath>
    <xpath expr="//section/div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_14" style="background-image: url('/web_editor/shape/web_editor/Bold/14.svg?c5=o-color-3&amp;c1=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Bold_14" style="background-image: url('/web_editor/shape/html_builder/Bold/14.svg?c5=o-color-3&amp;c1=o-color-3');"/>
    </xpath>
 </template>
@@ -44,19 +44,19 @@
 <template id="new_page_template_about_s_company_team" inherit_id="website.new_page_template_about_s_company_team">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/15","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/15","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
    </xpath>
    <xpath expr="//section/div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_15" style="background-image: url('/web_editor/shape/web_editor/Bold/15.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Bold_15" style="background-image: url('/web_editor/shape/html_builder/Bold/15.svg?c5=o-color-3');"/>
    </xpath>
 </template>
 <template id="new_page_template_about_s_cover" inherit_id="website.new_page_template_about_s_cover">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/13","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/13","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
    </xpath>
    <xpath expr="//section/div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_13" style="background-image: url('/web_editor/shape/web_editor/Bold/13.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Bold_13" style="background-image: url('/web_editor/shape/html_builder/Bold/13.svg?c5=o-color-3');"/>
    </xpath>
 </template>
@@ -123,10 +123,10 @@
 <template id="new_page_template_landing_s_text_image" inherit_id="website.new_page_template_landing_s_text_image">
    <xpath expr="//section" position="attributes">
        <attribute name="class" remove="pt0 pb56" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/13","colors":{"c5":"o-color-3"},"flip":["x","y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/13","colors":{"c5":"o-color-3"},"flip":["x","y"]}</attribute>
    </xpath>
    <xpath expr="//section/div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_13" style="background-image: url('/web_editor/shape/web_editor/Bold/13.svg?c5=o-color-3&amp;flip=xy'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Bold_13" style="background-image: url('/web_editor/shape/html_builder/Bold/13.svg?c5=o-color-3&amp;flip=xy'); background-position: 50% 0%;"/>
    </xpath>
 </template>
@@ -138,10 +138,10 @@
 <template id="new_page_template_landing_2_s_cover" inherit_id="website.new_page_template_landing_2_s_cover">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/13","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/13","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
    </xpath>
    <xpath expr="//section/div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_13" style="background-image: url('/web_editor/shape/web_editor/Bold/13.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Bold_13" style="background-image: url('/web_editor/shape/html_builder/Bold/13.svg?c5=o-color-3');"/>
    </xpath>
 </template>
@@ -149,10 +149,10 @@
 <template id="new_page_template_gallery_s_cover" inherit_id="website.new_page_template_gallery_s_cover">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/13","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/13","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
    </xpath>
    <xpath expr="//section/div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_13" style="background-image: url('/web_editor/shape/web_editor/Bold/13.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Bold_13" style="background-image: url('/web_editor/shape/html_builder/Bold/13.svg?c5=o-color-3');"/>
    </xpath>
 </template>
@@ -168,19 +168,19 @@
 <template id="new_page_template_pricing_s_cover" inherit_id="website.new_page_template_pricing_s_cover">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/13","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/13","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
    </xpath>
    <xpath expr="//section/div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_13" style="background-image: url('/web_editor/shape/web_editor/Bold/13.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Bold_13" style="background-image: url('/web_editor/shape/html_builder/Bold/13.svg?c5=o-color-3');"/>
    </xpath>
 </template>
 <template id="new_page_template_pricing_s_text_block_2nd" inherit_id="website.new_page_template_pricing_s_text_block_2nd">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/15","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/15","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
    </xpath>
    <xpath expr="//section/div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_15" style="background-image: url('/web_editor/shape/web_editor/Bold/15.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Bold_15" style="background-image: url('/web_editor/shape/html_builder/Bold/15.svg?c5=o-color-3');"/>
    </xpath>
 </template>
@@ -13,10 +13,10 @@
 <template id="new_page_template_s_comparisons" inherit_id="website.new_page_template_s_comparisons">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/14","colors":{"c5":"o-color-3","c1":"o-color-3"}}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/14","colors":{"c5":"o-color-3","c1":"o-color-3"}}</attribute>
    </xpath>
    <xpath expr="//section/div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_14" style="background-image: url('/web_editor/shape/web_editor/Bold/14.svg?c5=o-color-3&amp;c1=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Bold_14" style="background-image: url('/web_editor/shape/html_builder/Bold/14.svg?c5=o-color-3&amp;c1=o-color-3');"/>
    </xpath>
 </template>
@@ -38,11 +38,11 @@
 <template id="new_page_template_s_picture_only" inherit_id="website.new_page_template_s_picture_only">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/03","flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Wavy/03","flip":["y"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_container_small')]" position="before">
-        <div class="o_we_shape o_web_editor_Wavy_03" style="background-image: url('/web_editor/shape/web_editor/Wavy/03.svg?c1=o-color-1&amp;c2=o-color-2&amp;flip=y'); background-position: 50% 100%;"/>
+        <div class="o_we_shape o_html_builder_Wavy_03" style="background-image: url('/web_editor/shape/html_builder/Wavy/03.svg?c1=o-color-1&amp;c2=o-color-2&amp;flip=y'); background-position: 50% 100%;"/>
    </xpath>
 </template>
@@ -63,11 +63,11 @@
 <template id="new_page_template_basic_s_picture" inherit_id="website.new_page_template_basic_s_picture">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/03","flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Wavy/03","flip":["y"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_container_small')]" position="before">
-        <div class="o_we_shape o_web_editor_Wavy_03" style="background-image: url('/web_editor/shape/web_editor/Wavy/03.svg?c1=o-color-1&amp;c2=o-color-2&amp;flip=y'); background-position: 50% 100%;"/>
+        <div class="o_we_shape o_html_builder_Wavy_03" style="background-image: url('/web_editor/shape/html_builder/Wavy/03.svg?c1=o-color-1&amp;c2=o-color-2&amp;flip=y'); background-position: 50% 100%;"/>
    </xpath>
 </template>
@@ -88,22 +88,22 @@
 <template id="new_page_template_about_s_features" inherit_id="website.new_page_template_about_s_features">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/22_001","colors":{"c5":"o-color-2"},"flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Wavy/22_001","colors":{"c5":"o-color-2"},"flip":["y"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Wavy_22_001" style="background-image: url('/web_editor/shape/web_editor/Wavy/22_001.svg?c5=o-color-2&amp;flip=y'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Wavy_22_001" style="background-image: url('/web_editor/shape/html_builder/Wavy/22_001.svg?c5=o-color-2&amp;flip=y'); background-position: 50% 0%;"/>
    </xpath>
 </template>
 <template id="new_page_template_about_s_picture" inherit_id="website.new_page_template_about_s_picture">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/03","flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Wavy/03","flip":["y"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('o_container_small')]" position="before">
-        <div class="o_we_shape o_web_editor_Wavy_03" style="background-image: url('/web_editor/shape/web_editor/Wavy/03.svg?c1=o-color-1&amp;c2=o-color-2&amp;flip=y'); background-position: 50% 100%;"/>
+        <div class="o_we_shape o_html_builder_Wavy_03" style="background-image: url('/web_editor/shape/html_builder/Wavy/03.svg?c1=o-color-1&amp;c2=o-color-2&amp;flip=y'); background-position: 50% 100%;"/>
    </xpath>
 </template>
@@ -122,11 +122,11 @@
 <template id="new_page_template_about_full_s_image_text" inherit_id="website.new_page_template_about_full_s_image_text">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/22_001","colors":{"c5":"o-color-2"},"flip":["y"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Wavy/22_001","colors":{"c5":"o-color-2"},"flip":["y"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Wavy_22_001" style="background-image: url('/web_editor/shape/web_editor/Wavy/22_001.svg?c5=o-color-2&amp;flip=y'); background-position: 50% 0%;"/>
+        <div class="o_we_shape o_html_builder_Wavy_22_001" style="background-image: url('/web_editor/shape/html_builder/Wavy/22_001.svg?c5=o-color-2&amp;flip=y'); background-position: 50% 0%;"/>
    </xpath>
 </template>
@@ -151,11 +151,11 @@
 <template id="new_page_template_about_personal_s_image_text" inherit_id="website.new_page_template_about_personal_s_image_text">
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/22_001","colors":{"c5":"o-color-2"},"flip":["x"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Wavy/22_001","colors":{"c5":"o-color-2"},"flip":["x"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Wavy_22_001" style="background-image: url('/web_editor/shape/web_editor/Wavy/22_001.svg?c5=o-color-2&amp;flip=x'); background-position: 50% 100%;"/>
+        <div class="o_we_shape o_html_builder_Wavy_22_001" style="background-image: url('/web_editor/shape/html_builder/Wavy/22_001.svg?c5=o-color-2&amp;flip=x'); background-position: 50% 100%;"/>
    </xpath>
 </template>
@@ -172,11 +172,11 @@
    <!-- Shape option -->
    <xpath expr="//section" position="attributes">
        <attribute name="class" remove="pt56" separator=" "/>
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/22_001","colors":{"c5":"o-color-2"},"flip":["x"]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Wavy/22_001","colors":{"c5":"o-color-2"},"flip":["x"]}</attribute>
    </xpath>
    <!-- Shape -->
    <xpath expr="//div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Wavy_22_001" style="background-image: url('/web_editor/shape/web_editor/Wavy/22_001.svg?c5=o-color-2&amp;flip=x'); background-position: 50% 100%;"/>
+        <div class="o_we_shape o_html_builder_Wavy_22_001" style="background-image: url('/web_editor/shape/html_builder/Wavy/22_001.svg?c5=o-color-2&amp;flip=x'); background-position: 50% 100%;"/>
    </xpath>
 </template>
@@ -224,10 +224,10 @@
 <template id="new_page_template_pricing_s_text_block_2nd" inherit_id="website.new_page_template_pricing_s_text_block_2nd">
    <xpath expr="//section" position="attributes">
-        <attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/15","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
+        <attribute name="data-oe-shape-data">{"shape":"html_builder/Bold/15","colors":{"c5":"o-color-3"},"flip":[]}</attribute>
    </xpath>
    <xpath expr="//section/div[hasclass('container')]" position="before">
-        <div class="o_we_shape o_web_editor_Bold_15" style="background-image: url('/web_editor/shape/web_editor/Bold/15.svg?c5=o-color-3');"/>
+        <div class="o_we_shape o_html_builder_Bold_15" style="background-image: url('/web_editor/shape/html_builder/Bold/15.svg?c5=o-color-3');"/>
    </xpath>
 </template>
--- a/Show More
+++ b/Show More