[ADD] theme 14.0

2025-10-07 01:18:52 +07:00 · 2021-05-10 15:45:35 +02:00
commit cb1e3be3f8
2309 changed files with 55585 additions and 0 deletions
@@ -0,0 +1,27 @@
+Odoo Proprietary License v1.0
+
+This software and associated files (the "Software") may only be used (executed,
+modified, executed after modifications) if you have purchased a valid license
+from the authors, typically via Odoo Apps, or if you have received a written
+agreement from the authors of the Software (see the COPYRIGHT file).
+
+You may develop Odoo modules that use the Software as a library (typically
+by depending on it, importing it and using its resources), but without copying
+any source code or material from the Software. You may distribute those
+modules under the license of your choice, provided that this license is
+compatible with the terms of the Odoo Proprietary License (For example:
+LGPL, MIT, or proprietary licenses similar to this one).
+
+It is forbidden to publish, distribute, sublicense, or sell copies of the Software
+or modified copies of the Software.
+
+The above copyright notice and this permission notice must be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
+ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
+DEALINGS IN THE SOFTWARE.
@@ -0,0 +1,3 @@
+# -*- coding: utf-8 -*-
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+from . import models
@@ -0,0 +1,28 @@
+{
+    'name': 'Notes & Play Theme',
+    'description': 'Notes & Play Theme',
+    'category': 'Theme/Retail',
+    'summary': 'Musics, Sound, Concerts, Artists, Records, Stores',
+    'sequence': 280,
+    'version': '2.0.0',
+    'author': 'Odoo S.A.',
+    'depends': ['theme_common'],
+    'data': [
+        'views/assets.xml',
+        'views/images_library.xml',
+
+        'views/snippets/s_carousel.xml',
+        'views/snippets/s_image_text.xml',
+        'views/snippets/s_media_list.xml',
+        'views/snippets/s_company_team.xml',
+
+        'views/old_snippets/s_banner_parallax.xml',
+        'views/old_snippets/s_features_carousel.xml',
+    ],
+    'images': [
+        'static/description/Notes_description.png',
+        'static/description/notes_screenshot.jpg',
+    ],
+    'license': 'LGPL-3',
+    'live_test_url': 'https://theme-notes.odoo.com',
+}
@@ -0,0 +1,25 @@
+# Translation of Odoo Server.
+# This file contains the translation of the following modules:
+# * theme_notes
+# 
+# Translators:
+# Rudolf Schnapka <rs@techno-flex.de>, 2019
+# 
+msgid ""
+msgstr ""
+"Project-Id-Version: Odoo Server 12.0\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2019-04-24 09:03+0000\n"
+"PO-Revision-Date: 2019-04-24 11:21+0000\n"
+"Last-Translator: Rudolf Schnapka <rs@techno-flex.de>, 2019\n"
+"Language-Team: German (https://www.transifex.com/odoo/teams/41243/de/)\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: \n"
+"Language: de\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+
+#. module: theme_notes
+#: model:ir.model,name:theme_notes.model_theme_utils
+msgid "Theme Utils"
+msgstr "Werkzeuge"
@@ -0,0 +1,21 @@
+# Translation of Odoo Server.
+# This file contains the translation of the following modules:
+# * theme_notes
+# 
+msgid ""
+msgstr ""
+"Project-Id-Version: Odoo Server 12.0\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2019-04-24 09:03+0000\n"
+"PO-Revision-Date: 2019-04-24 11:21+0000\n"
+"Language-Team: Spanish (https://www.transifex.com/odoo/teams/41243/es/)\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: \n"
+"Language: es\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+
+#. module: theme_notes
+#: model:ir.model,name:theme_notes.model_theme_utils
+msgid "Theme Utils"
+msgstr ""
@@ -0,0 +1,21 @@
+# Translation of Odoo Server.
+# This file contains the translation of the following modules:
+# * theme_notes
+# 
+msgid ""
+msgstr ""
+"Project-Id-Version: Odoo Server 12.0\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2019-04-24 09:03+0000\n"
+"PO-Revision-Date: 2019-04-24 11:21+0000\n"
+"Language-Team: French (https://www.transifex.com/odoo/teams/41243/fr/)\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: \n"
+"Language: fr\n"
+"Plural-Forms: nplurals=2; plural=(n > 1);\n"
+
+#. module: theme_notes
+#: model:ir.model,name:theme_notes.model_theme_utils
+msgid "Theme Utils"
+msgstr ""
@@ -0,0 +1,25 @@
+# Translation of Odoo Server.
+# This file contains the translation of the following modules:
+# * theme_notes
+# 
+# Translators:
+# Erwin van der Ploeg <erwin@odooexperts.nl>, 2019
+# 
+msgid ""
+msgstr ""
+"Project-Id-Version: Odoo Server 12.0\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2019-04-24 09:03+0000\n"
+"PO-Revision-Date: 2019-04-24 11:21+0000\n"
+"Last-Translator: Erwin van der Ploeg <erwin@odooexperts.nl>, 2019\n"
+"Language-Team: Dutch (https://www.transifex.com/odoo/teams/41243/nl/)\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: \n"
+"Language: nl\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+
+#. module: theme_notes
+#: model:ir.model,name:theme_notes.model_theme_utils
+msgid "Theme Utils"
+msgstr "Thema tools"
@@ -0,0 +1,22 @@
+# Translation of Odoo Server.
+# This file contains the translation of the following modules:
+#	* theme_notes
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: Odoo Server 12.0\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2019-04-24 09:03+0000\n"
+"PO-Revision-Date: 2019-04-24 09:03+0000\n"
+"Last-Translator: <>\n"
+"Language-Team: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+#. module: theme_notes
+#: model:ir.model,name:theme_notes.model_theme_utils
+msgid "Theme Utils"
+msgstr ""
+
@@ -0,0 +1,25 @@
+# Translation of Odoo Server.
+# This file contains the translation of the following modules:
+# * theme_notes
+# 
+# Translators:
+# liAnGjiA <liangjia@qq.com>, 2019
+# 
+msgid ""
+msgstr ""
+"Project-Id-Version: Odoo Server 12.0\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2019-04-24 09:03+0000\n"
+"PO-Revision-Date: 2019-04-24 11:21+0000\n"
+"Last-Translator: liAnGjiA <liangjia@qq.com>, 2019\n"
+"Language-Team: Chinese (China) (https://www.transifex.com/odoo/teams/41243/zh_CN/)\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: \n"
+"Language: zh_CN\n"
+"Plural-Forms: nplurals=1; plural=0;\n"
+
+#. module: theme_notes
+#: model:ir.model,name:theme_notes.model_theme_utils
+msgid "Theme Utils"
+msgstr "主题实用工具"
@@ -0,0 +1,3 @@
+# -*- coding: utf-8 -*-
+# Part of Odoo. See LICENSE file for full copyright and licensing details.
+from . import theme_notes
@@ -0,0 +1,17 @@
+from odoo import models
+
+
+class ThemeNotes(models.AbstractModel):
+    _inherit = 'theme.utils'
+
+    def _theme_notes_post_copy(self, mod):
+        self.disable_view('website.template_header_default')
+        self.enable_view('website.template_header_hamburger_full')
+        self.enable_view('website.template_header_hamburger_align_right')
+        self.enable_header_off_canvas()
+
+        self.disable_view('website.footer_custom')
+        self.enable_view('website.template_footer_descriptive')
+
+        # For compatibility
+        # self.enable_view('theme_common.compatibility-saas-10-1')
@@ -0,0 +1,202 @@
+<section class="container">
+    <h2 class="text-muted">Html5 Responsive Bootstrap Theme for Odoo CMS</h2>
+    <hr>
+
+    <p class="lead">Notes is a professional responsive HTML5 theme, built using Bootstrap3,
+        the most popular front-end framework for developing responsive, mobile
+        first projects on the web. Just drag &amp; drop the new building blocks
+        you need to easily build your layout. All layouts are made of sections,
+        that you can easily combine to fit your specific project.</p>
+    <img src="Notes_description.png" class="img-fluid d-block mx-auto"/>
+    <hr>
+
+    <h2 class="text-muted">Notes Customization Tool</h2>
+
+    <p>Theme Notes comes with customization tools.&nbsp;You can easily change
+        the background, the colors and the font combination of your website or
+        you a preset.</p>
+
+    <div class="row">
+        <div class="col-lg-4">
+            <img src="customtool.jpg" class="img-fluid d-block mx-auto"/>
+        </div>
+        <div class="col-lg-8">
+            <h3>Theme Notes comes with a lot of options</h3>
+            <ul>
+                <li>6 PRESETS</li>
+                <li>WIDE OR BOXED LAYOUT</li>
+                <li>6 COLOR SCHEMES</li>
+                <li>8 BACKGROUND SHADES OR USE YOUR OWN</li>
+                <li>6 FONT COMBINATIONS</li>
+                <li>10 BACKGROUND PATTERNS</li>
+            </ul>
+            <p>All the background, color and font combinations were made to work together.&nbsp;
+                You&nbsp;can not go wrong with the settings.</p>
+
+            <h3>Minimalistic Flat Design</h3>
+            <p>Notes was made with easy customization and branding in mind. Based on
+                simple, modern and typographical elements, it allows you to easily customize
+                your website.</p>
+
+            <h3>6 Prebuild Presets</h3>
+            <p>You don't have the time to play with options? Don't worry, Notes gives
+                you six full presets wich combine colors, fonts and background.</p>
+
+            <p>This theme has an <a href="https://apps.odoo.com/apps/10.0/theme_notes_sale/">additional eCommerce plugin</a>.</p>
+        </div>
+    </div>
+
+    <h2 class="text-muted">Notes Building Blocks</h2>
+
+    <p class="mb32">You get a new complete range of building blocks.</p>
+
+    <div class="row">
+        <div class="col-lg-4">
+            <h4 class="text-muted">CONTENT BLOCKS</h4>
+            <ul class="mb16">
+                <li>Title</li>
+                <li>1 Column Text</li>
+                <li>2 Column Text</li>
+                <li>3 Column Text</li>
+                <li>4 Column Text</li>
+                <li>Separator Block</li>
+            </ul>
+            <h4 class="text-muted mb16">STRUCTURE BLOCKS</h4>
+            <ul class="mb16">
+                <li>Custom Banner</li>
+                <li>Big Picture + Text</li>
+                <li>Text + Big Picture</li>
+                <li>Cubes</li>
+                <li>Features Slideshow</li>
+                <li>Header + Text + Picture</li>
+                <li>Product List</li>
+                <li>4 Color Blocks</li>
+                <li>Logos Bar</li>
+                <li>Testimonial Slider</li>
+            </ul>
+        </div>
+        <div class="col-lg-4">
+            <h4 class="text-muted">FEATURES BLOCKS</h4>
+            <ul class="mb16">
+                <li>Slide Banner</li>
+                <li>Slideshow with products</li>
+            </ul>
+        </div>
+        <div class="col-lg-4">
+            <h3>Customize Your Blocks</h3>
+            <p class="mb16">Each building blocks comes with its own options.&nbsp;</p>
+            <img src="customtool2.jpg" class="img-fluid d-block mx-auto"/>
+        </div>
+    </div>
+
+    <p>Some fonts might not work with extended charsets.</p>
+    <p>The images in the theme are copyrighted and can't be used outside of the odoo.com domain.</p>
+    <hr>
+
+    <h1 class="text-center">CONTRIBUTORS LIST</h1>
+    <br/>
+
+    <p class="strong text-center">This theme was created with the help of our user community.</p>
+
+    <h3 class="text-center">Thanks to our backers the Indiegogo campaign was a success!</h3>
+
+    <p class="text-center"><a>https://www.indiegogo.com/projects/bootstrap-themes-for-odoo-cms/</a></p>
+    <br/>
+
+    <h1 class="text-center"><u>Main Sponsor</u></h1>
+    <br/>
+
+    <div class="row">
+        <div class="col-lg-2">
+            <a href="http://www.aselcis.com/" target="blank">
+                <img src="contributors/aselcis.jpg" class="img-fluid d-block mx-auto"/>
+            </a>
+        </div>
+        <div class="col-lg-2">
+            <a href="http://www.bas-solutions.nl/" target="blank">
+                <img src="contributors/bas-solutions.png" class="img-fluid d-block mx-auto"/>
+            </a>
+        </div>
+        <div class="col-lg-2">
+            <a href="http://www.bloopark.de/" target="blank">
+                <img src="contributors/bloopark.png" class="img-fluid d-block mx-auto"/>
+            </a>
+        </div>
+        <div class="col-lg-2">
+            <a href="http://www.brouwland.com" target="blank">
+                <img src="contributors/brouwland.jpg" class="img-fluid d-block mx-auto"/>
+            </a>
+        </div>
+        <div class="col-lg-2">
+            <a href="http://www.catsanddogs.com/" target="blank">
+                <img src="contributors/catsdogs.png" class="img-fluid d-block mx-auto"/>
+            </a>
+        </div>
+        <div class="col-lg-2">
+            <a href="https://www.hucke-media.de/" target="blank">
+                <img src="contributors/huckemedia.png" class="img-fluid d-block mx-auto"/>
+            </a>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-lg-2">
+            <a href="http://www.datadialog.net/" target="blank">
+                <img src="contributors/dialognet.png" class="img-fluid d-block mx-auto"/>
+            </a>
+        </div>
+        <div class="col-lg-2">
+            <a href="http://www.dynapps.be/" target="blank">
+                <img src="contributors/dynapps.jpg" class="img-fluid d-block mx-auto"/>
+            </a>
+        </div>
+        <div class="col-lg-2">
+            <a href="http://opusvl.com/" target="blank">
+                <img src="contributors/opusvl.png" class="img-fluid d-block mx-auto"/>
+            </a>
+        </div>
+        <div class="col-lg-2">
+            <a href="http://oxenworkwear.com/" target="blank">
+                <img src="contributors/oxen.jpg" class="img-fluid d-block mx-auto"/>
+            </a>
+        </div>
+        <div class="col-lg-2">
+            <a href="http://www.simplit.co/" target="blank">
+                <img src="contributors/simplitco.jpg" class="img-fluid d-block mx-auto"/>
+            </a>
+        </div>
+        <div class="col-lg-2">
+            <a href="http://www.sodexis.com/" target="blank">
+                <img src="contributors/sodexis.jpg" class="img-fluid d-block mx-auto"/>
+            </a>
+        </div>
+    </div>
+    <div class="row" style="margin-bottom:30px;">
+        <div class="col-lg-2 offset-lg-3">
+            <a href="https://www.techreceptives.com" target="blank">
+                <img src="contributors/tech-receptives.png" class="img-fluid d-block mx-auto"/>
+            </a>
+        </div>
+        <div class="col-lg-2">
+            <a href="http://www.applicatour.com/" target="blank">
+                <img src="contributors/applicatour.jpg" class="img-fluid d-block mx-auto"/>
+            </a>
+        </div>
+        <div class="col-lg-2">
+            <a href="https://vauxoo.com" target="blank">
+                <img src="contributors/vauxoo.png" class="img-fluid d-block mx-auto"/>
+            </a>
+        </div>
+    </div>
+
+    <p>Ross Whiting, Oxenworkwear - Hans Balis - Stephan Keller, Sodexis, Inc. - Michael Hucke, Hucke Media GmbH & Co. KG - Joachim Grubelnik, DaDi EDV GmbH datadialog.net - DynApps - Cats&Dogs bvba - Bloopark systems GmbH & Co. KG - Parthiv Patel, Tech Receptives Solutions Pvt. Ltd. - Stuart Mackintosh, OpusVL - Erwin van der Ploeg, BAS Solutions - ali Zuaby, simplit co - Aselcis Consulting - Nhomar Hernandez, Vauxoo</p>
+
+    <h1 class="text-center"><u>Sponsor</u></h1>
+    <br/>
+
+    <p>Robert Baumgartner, datenpol gmbh - openBIG - Russell Phillippe, Protogenos Ltd - Julien Allo, Julius - EasyPME - Jonathan Wilson, WillowIT Pty Ltd - Xavier Mallein, MAallein - Pedro M. Baeza, Serv. Tecnol. Avanzados - Daniel Dico, OERP Canada - Jantz Business Group b.v. - LogicaSoft Consulting  - Eric Caudal, Elico Corp - Ermin Trevisan, Twanda - Jean-François Mattler, OpenFid SAS - Alex Ferrer, Lannex IT Solutions - Tony Gu, Shine IT Co. Ltd. 先安科技 - TaPo-IT OG - Jos De Graeve, Apertoso - Nicolas Rigo, eezee-it - Luis Miguel Varón E, Colorisa S.A - OpenBias - Stanislas Drouin Applicatour</p>
+
+    <h1 class="text-center"><u>Power Designer</u></h1>
+    <br/>
+
+    <p>Rohit Thakral - François Dhommeaux, Ubic Informatique - Judson Alves, Market Home Delivery - Eric Flaux, ABF Osiell - Gilles Dupont - Arnis Putniņš - Johnson Martt, GetOpenERP (Part of OpenStow Technologies) - Gianluca Milano - Daniel Stolovich, ATEL S.A. - Equitania Software GmbH - Senthilnathan G - Houssine Bakkali - Arend Trip - Kevin Woolf, Baba Kevin's American Barbecue Co., Ltd. - toodoo sàrl - Zoltan Gabor 'Apersis' - Tom De Decker, WEB2GO LTD - Nicolás Cavalier Montenegro, STOREGUD CORPORATION SAC - Keirse Jerome - REAL Solutions S.A. - Davide Corio - Brice Muangkhot - Melvin Miguel Martinez, Mendoza Hernandez - Auditores - Chua Wen Ching - Tran Minh Tri working, ungdungtinhoc.com - Badisheng Morena - Sogexis - Josh Wardini - The Tee Shirt Bakery - Bruce Letterle, Red Lab Media - Benoit Vankoningsloo - Francisco Manuel Garcia Claramonte. - Paulina Mikolajczak-Blasco - Collectiv - Tony Fernando - Herbert Riener, rigaConcepts - Kalmen Chia, E-Global SCM Solution Sdn Bhd - Rob North, Pair A Dice Games - David E. Vargas, CloudShop - François Le Gal - Calin Chete (24h Solutions) - Maria Gabriela Fong, MAGA Systems & Consulting - Pascal Behr, Cytosurge AG - Marc Antwertinger - Opencloud Unipessoal, Lda - Ruchir Shukla, BizzAppDev - Michael Hucke, Hucke Media GmbH & Co. KG - Mathias Neef, copadoMEDIA UG - Pablo Arias - Same Motion - livingprocess.de - Habib Ayob - Igor Jovanovic - Liangming Wang, Weixuan Inc. - Jason Au Yeung, Binary System Limited - Fredrik Arvas, Arvas International AB - Martin Temmink, Zigaret - Mathieu Vanneste, Flockdesign - Filip Fruru, Instant Media - Marianne Wilmsmeier, Fabrik Fünf GmbH - Vertex Group Enterprises - Bingen Eguzkitza - Herczeg Péter, InnOpen Group Kft  - Giles Hohnen - Luis Felipe Miléo, KMEE - Maria Gabriela Fong, MAGA Systems & Consulting - Aaron Magon, Web Industries - Andrew Trueman, B.M. Trueman & Partners - Sven Petersen, Conexus - Nous Cambas - Oliver Yuan, OpenStone - Henri Ibowili, A-YANT.COM - Nicolas JEUDY - Helmut Drewes - Maik Steinfeld, Streward - Hans Henrik Gabelgaard - AJ Rosman - Eduard - Patrick Darribet, SUDOKEYS - Camptocamp - Cyril Morisse - Alejandro Santana - Eva Pinter, YBO - Mathias Neef, copadoMEDIA UG - Jean-Christophe Perrot, LOGICASOFT - Zarshed Ali, HiTechnologia - Stefan Reisich - Maxime Chambreuil, Savoir-faire Linux - Mario Gielissen, Openworx - Nicholas Burdic, Aptoworks LLC - Olivier Lenoir</p>
+</section>
@@ -0,0 +1,39 @@
+odoo.define("theme_notes.tour.notes", function (require) {
+"use strict";
+
+const core = require("web.core");
+const _t = core._t;
+const wTourUtils = require("website.tour_utils");
+var tour = require("web_tour.tour");
+
+const snippets = [
+    {
+        id: 's_carousel',
+        name: 'Carousel',
+    },
+    {
+        id: 's_image_text',
+        name: 'Image - Text',
+    },
+    {
+        id: 's_media_list',
+        name: 'Media List',
+    },
+    {
+        id: 's_company_team',
+        name: 'Team',
+    },
+];
+
+wTourUtils.registerThemeHomepageTour("notes_tour", [
+    wTourUtils.dragNDrop(snippets[0]),
+    wTourUtils.clickOnText(snippets[0], 'h2'),
+    wTourUtils.goBackToBlocks(),
+    wTourUtils.dragNDrop(snippets[1]),
+    wTourUtils.dragNDrop(snippets[2]),
+    wTourUtils.dragNDrop(snippets[3]),
+    wTourUtils.clickOnSnippet(snippets[3]),
+    wTourUtils.changeOption('ContainerWidth', 'we-button-group.o_we_user_value_widget', _t('width')),
+    wTourUtils.clickOnSave(),
+]);
+});
@@ -0,0 +1,9 @@
+$s-banner-parallax-height: 100vh;
+$s-banner-parallax-padding: 0px;
+@mixin s-banner-parallax-hero-bg-hook {
+    width: 100%;
+    text-align: center;
+};
+@mixin s-banner-parallax-row-hook {
+    vertical-align: bottom;
+};
@@ -0,0 +1,8 @@
+@mixin s-features-carousel-inner-hook {
+    .carousel-inner .row {
+        margin: 0 70px;
+        @include media-breakpoint-down(sm) {
+            margin: 0;
+        }
+    }
+}
@@ -0,0 +1,14 @@
+// Colors
+
+// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
+$yiq-contrasted-threshold:  200 !default;
+
+// Shadows
+
+$box-shadow-sm:               0 0 .3125rem rgba(0,0,0,.25) !default;
+$box-shadow:                  0 0 .3125rem rgba(0,0,0,.25) !default;
+$box-shadow-lg:               0 0 .3125rem rgba(0,0,0,.25) !default;
+
+// Breadcrumbs
+
+$breadcrumb-bg:                     o-color('white') !default;
@@ -0,0 +1,15 @@
+$s-banner-3-carosel-control-color: rgba(0, 0, 0, 0);
+$s-banner-3-padding: 0px;
+@mixin s-banner-3-col-center-hook {
+    margin-left: 16.6667%;
+    text-align: center;
+    @include media-breakpoint-down(sm) {
+        margin-left: 0px;
+    }
+}
+
+$s-big-picture-text-padding: 0;
+
+$s-text-big-picture-padding: 0;
+
+$s-timeline-company-color: $-gray-700;
@@ -0,0 +1,190 @@
+//------------------------------------------------------------------------------
+// Colors
+//------------------------------------------------------------------------------
+
+// Theme colors
+$o-theme-color-palettes: (
+    (
+        'alpha': #ffffff,
+        'beta': #47464b,
+        'gamma': #3B3D4D,
+        'delta': #E6FA16,
+        'epsilon': #9B96B4,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #101010,
+        'gamma': #474747,
+        'delta': #ff0000,
+        'epsilon': #e94060,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #19272c,
+        'gamma': #90c0cf,
+        'delta': #e94060,
+        'epsilon': #5ed7e9,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #212523,
+        'gamma': #2d6a51,
+        'delta': #72bd9e,
+        'epsilon': #bcfa16,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #4B4D52,
+        'gamma': #DE8642,
+        'delta': #B9B1A8,
+        'epsilon': #FFF2E7,
+    ),
+    (
+        'alpha': #ffffff,
+        'beta': #fee202,
+        'gamma': #514947,
+        'delta': #48372f,
+        'epsilon': #766151,
+    ),
+);
+
+$o-color-palettes: (
+    (
+        'o-color-1': #a1c005,
+        'o-color-2': #9B96B4,
+        'o-color-3': #f7f7f7,
+        'o-color-4': #ffffff,
+        'o-color-5': #212121,
+
+        'o-cc2-headings': 'o-color-5',
+
+        'menu': 5,
+        'copyright': 4,
+    ),
+    (
+        'o-color-1': #5191f0,
+        'o-color-2': #394b44,
+        'o-color-3': #f6f3ef,
+        'o-color-4': #ffffff,
+        'o-color-5': #212523,
+
+        'menu': 3,
+        'footer': 3,
+        'copyright': 4,
+    ),
+    (
+        'o-color-1': #DE8642,
+        'o-color-2': #B9B1A8,
+        'o-color-3': #f7f7f7,
+        'o-color-4': #ffffff,
+        'o-color-5': #4B4D52,
+
+        'menu': 4,
+        'footer': 4,
+        'copyright': 5,
+    ),
+    (
+        'o-color-1': #ebd425,
+        'o-color-2': #48372f,
+        'o-color-3': #f7f7f7,
+        'o-color-4': #ffffff,
+        'o-color-5': #352e2e,
+
+        'o-cc2-headings': 'o-color-5',
+        'o-cc4-text': 'o-color-5',
+
+        'menu': 3,
+        'footer': 3,
+        'copyright': 4,
+    ),
+);
+
+// Grays
+$-gray-700: lighten(#000, 33.5%);
+$o-gray-color-palettes: ();
+@each $-palette in $o-theme-color-palettes {
+    $o-gray-color-palettes: append($o-gray-color-palettes, (
+        '900': lighten(#000, 20%),
+        '700': $-gray-700,
+        '600': lighten(#000, 46.7%),
+        '200': lighten(#000, 85%),
+    ));
+}
+
+//------------------------------------------------------------------------------
+// Fonts
+//------------------------------------------------------------------------------
+
+$o-theme-h1-font-size-multiplier: (40 / 16);
+$o-theme-h2-font-size-multiplier: (32 / 16);
+$o-theme-h3-font-size-multiplier: (28 / 16);
+$o-theme-h4-font-size-multiplier: (24 / 16);
+$o-theme-h5-font-size-multiplier: (20 / 16);
+$o-theme-h6-font-size-multiplier: 1;
+
+$o-theme-font-configs: (
+    'Cuprum': (
+        'family': ('Cuprum', sans-serif),
+        'url': 'Cuprum:300,300i,400,400i,700,700i',
+    ),
+    'Oxygen': (
+        'family': ('Oxygen', sans-serif),
+        'url': 'Oxygen:300,300i,400,400i,700,700i',
+    ),
+    'Mukta': (
+        'family': ('Mukta', sans-serif),
+        'url': 'Mukta:300,300i,400,400i,700,700i',
+    ),
+    'Overlock': (
+        'family': ('Overlock', cursive),
+        'url': 'Overlock:300,300i,400,400i,700,700i',
+    ),
+    'Rajdhani': (
+        'family': ('Rajdhani', sans-serif),
+        'url': 'Rajdhani:300,300i,400,400i,700,700i',
+    ),
+    'Ubuntu': (
+        'family': ('Ubuntu', sans-serif),
+        'url': 'Ubuntu:300,300i,400,400i,700,700i',
+    ),
+    'Droid Sans': (
+        'family': ('Droid Sans', sans-serif),
+    ),
+    'Sen': (
+        'family': ('Sen', sans-serif),
+        'url': 'Sen:300,300i,400,400i,700,700i',
+    ),
+    'Crimson Text': (
+        'family': ('Crimson Text', serif),
+        'url': 'Crimson+Text:300,300i,400,400i,700,700i',
+    ),
+    'Libre Baskerville': (
+        'family': ('Libre Baskerville', serif),
+        'url': 'Libre+Baskerville:300,300i,400,400i,700,700i',
+    ),
+    'Lobster': (
+        'family': ('Lobster', cursive),
+        'url': 'Lobster:300,300i,400,400i,700,700i',
+    ),
+);
+
+//------------------------------------------------------------------------------
+// Website customizations
+//------------------------------------------------------------------------------
+
+$o-website-values-palettes: (
+    (
+        'header-font-size': 1.25rem,
+        'logo-height': 3rem,
+        'fixed-logo-height': 3rem,
+        'font': 'Oxygen',
+        'headings-font': 'Lobster',
+        'navbar-font': 'Lobster',
+        'buttons-font': 'Lobster',
+        'link-underline': 'never',
+        'header-template': 'hamburger-full',
+        'footer-template': 'descriptive',
+        'hamburger-position': 'right',
+        'hamburger-type': 'off-canvas',
+    ),
+);
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <template id="_assets_primary_variables" inherit_id="website._assets_primary_variables" priority="1">
+        <xpath expr="//link[last()]" position="after">
+            <link rel="stylesheet" type="text/scss" href="/theme_notes/static/src/scss/primary_variables.scss"/>
+        </xpath>
+    </template>
+    <template id="_assets_secondary_variables" inherit_id="website._assets_secondary_variables" priority="1">
+        <xpath expr="//link" position="before">
+            <link rel="stylesheet" type="text/scss" href="/theme_notes/static/src/scss/secondary_variables.scss"/>
+        </xpath>
+    </template>
+    <template id="_assets_frontend_helpers" inherit_id="website._assets_frontend_helpers" priority="1">
+        <xpath expr="//link" position="before">
+            <link rel="stylesheet" type="text/scss" href="/theme_notes/static/src/scss/bootstrap_overridden.scss"/>
+        </xpath>
+    </template>
+    <template id="compatibility-saas-11-4-variables" name="Compatibility for saas-11.4 (variables)" inherit_id="theme_common.compatibility-saas-11-4-variables">
+        <xpath expr="//link[last()]" position="before">
+            <link rel="stylesheet" type="text/scss" href="/theme_notes/static/src/scss/compatibility-saas-11.4-variables.scss"/>
+        </xpath>
+    </template>
+    <template id="assets_editor" inherit_id="website.assets_editor">
+        <xpath expr="//script[last()]" position="after">
+            <script type="text/javascript" src="/theme_notes/static/src/js/tour.js"/>
+        </xpath>
+    </template>
+</odoo>
@@ -0,0 +1,174 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <!-- Change default images of snippets -->
+    <record id="s_banner_default_image" model="theme.ir.attachment">
+        <field name="key">website.s_banner_default_image</field>
+        <field name="name">website.s_banner_default_image</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_13.jpg</field>
+    </record>
+    <record id="s_popup_default_image" model="theme.ir.attachment">
+        <field name="key">website.s_popup_default_image</field>
+        <field name="name">website.s_popup_default_image</field>
+        <field name="url">/theme_notes/static/src/img/content/s_popup.jpg</field>
+    </record>
+    <record id="s_cover_default_image" model="theme.ir.attachment">
+        <field name="key">website.s_cover_default_image</field>
+        <field name="name">website.s_cover_default_image</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_14.jpg</field>
+    </record>
+    <record id="s_text_image_default_image" model="theme.ir.attachment">
+        <field name="key">website.s_text_image_default_image</field>
+        <field name="name">website.s_text_image_default_image</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_15.jpg</field>
+    </record>
+    <record id="s_image_text_default_image" model="theme.ir.attachment">
+        <field name="key">website.s_image_text_default_image</field>
+        <field name="name">website.s_image_text_default_image</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_16.jpg</field>
+    </record>
+    <record id="s_picture_default_image" model="theme.ir.attachment">
+        <field name="key">website.s_picture_default_image</field>
+        <field name="name">website.s_picture_default_image</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_17.jpg</field>
+    </record>
+    <record id="library_image_11" model="theme.ir.attachment">
+        <field name="key">website.library_image_11</field>
+        <field name="name">website.library_image_11</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_18.jpg</field>
+    </record>
+    <record id="library_image_13" model="theme.ir.attachment">
+        <field name="key">website.library_image_13</field>
+        <field name="name">website.library_image_13</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_19.jpg</field>
+    </record>
+    <record id="library_image_07" model="theme.ir.attachment">
+        <field name="key">website.library_image_07</field>
+        <field name="name">website.library_image_07</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_20.jpg</field>
+    </record>
+    <record id="s_masonry_block_default_image_1" model="theme.ir.attachment">
+        <field name="key">website.s_masonry_block_default_image_1</field>
+        <field name="name">website.s_masonry_block_default_image_1</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_21.jpg</field>
+    </record>
+    <record id="s_carousel_default_image_1" model="theme.ir.attachment">
+        <field name="key">website.s_carousel_default_image_1</field>
+        <field name="name">website.s_carousel_default_image_1</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_22.jpg</field>
+    </record>
+    <record id="s_carousel_default_image_2" model="theme.ir.attachment">
+        <field name="key">website.s_carousel_default_image_2</field>
+        <field name="name">website.s_carousel_default_image_2</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_23.jpg</field>
+    </record>
+    <record id="s_carousel_default_image_3" model="theme.ir.attachment">
+        <field name="key">website.s_carousel_default_image_3</field>
+        <field name="name">website.s_carousel_default_image_3</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_24.jpg</field>
+    </record>
+    <record id="s_media_list_default_image_1" model="theme.ir.attachment">
+        <field name="key">website.s_media_list_default_image_1</field>
+        <field name="name">website.s_media_list_default_image_1</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_25.jpg</field>
+    </record>
+    <record id="s_media_list_default_image_2" model="theme.ir.attachment">
+        <field name="key">website.s_media_list_default_image_2</field>
+        <field name="name">website.s_media_list_default_image_2</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_26.jpg</field>
+    </record>
+    <record id="s_media_list_default_image_3" model="theme.ir.attachment">
+        <field name="key">website.s_media_list_default_image_3</field>
+        <field name="name">website.s_media_list_default_image_3</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_27.jpg</field>
+    </record>
+    <record id="s_parallax_default_image" model="theme.ir.attachment">
+        <field name="key">website.s_parallax_default_image</field>
+        <field name="name">website.s_parallax_default_image</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_28.jpg</field>
+    </record>
+    <record id="s_company_team_image_1" model="theme.ir.attachment">
+        <field name="key">website.s_company_team_image_1</field>
+        <field name="name">website.s_company_team_image_1</field>
+        <field name="url">/theme_notes/static/src/img/content/uiface_01.jpg</field>
+    </record>
+    <record id="s_company_team_image_2" model="theme.ir.attachment">
+        <field name="key">website.s_company_team_image_2</field>
+        <field name="name">website.s_company_team_image_2</field>
+        <field name="url">/theme_notes/static/src/img/content/uiface_02.jpg</field>
+    </record>
+    <record id="s_company_team_image_3" model="theme.ir.attachment">
+        <field name="key">website.s_company_team_image_3</field>
+        <field name="name">website.s_company_team_image_3</field>
+        <field name="url">/theme_notes/static/src/img/content/uiface_03.jpg</field>
+    </record>
+    <record id="s_company_team_image_4" model="theme.ir.attachment">
+        <field name="key">website.s_company_team_image_4</field>
+        <field name="name">website.s_company_team_image_4</field>
+        <field name="url">/theme_notes/static/src/img/content/uiface_04.jpg</field>
+    </record>
+    <record id="s_product_list_default_image_1" model="theme.ir.attachment">
+        <field name="key">website.s_product_list_default_image_1</field>
+        <field name="name">website.s_product_list_default_image_1</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_29.jpg</field>
+    </record>
+    <record id="s_product_list_default_image_2" model="theme.ir.attachment">
+        <field name="key">website.s_product_list_default_image_2</field>
+        <field name="name">website.s_product_list_default_image_2</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_30.jpg</field>
+    </record>
+    <record id="s_product_list_default_image_3" model="theme.ir.attachment">
+        <field name="key">website.s_product_list_default_image_3</field>
+        <field name="name">website.s_product_list_default_image_3</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_31.jpg</field>
+    </record>
+    <record id="s_product_list_default_image_4" model="theme.ir.attachment">
+        <field name="key">website.s_product_list_default_image_4</field>
+        <field name="name">website.s_product_list_default_image_4</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_32.jpg</field>
+    </record>
+    <record id="s_product_list_default_image_5" model="theme.ir.attachment">
+        <field name="key">website.s_product_list_default_image_5</field>
+        <field name="name">website.s_product_list_default_image_5</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_33.jpg</field>
+    </record>
+    <record id="s_product_list_default_image_6" model="theme.ir.attachment">
+        <field name="key">website.s_product_list_default_image_6</field>
+        <field name="name">website.s_product_list_default_image_6</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_34.jpg</field>
+    </record>
+    <record id="s_quotes_carousel_demo_image_1" model="theme.ir.attachment">
+        <field name="key">website.s_quotes_carousel_demo_image_1</field>
+        <field name="name">website.s_quotes_carousel_demo_image_1</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_35.jpg</field>
+    </record>
+    <record id="s_quotes_carousel_demo_image_2" model="theme.ir.attachment">
+        <field name="key">website.s_quotes_carousel_demo_image_2</field>
+        <field name="name">website.s_quotes_carousel_demo_image_2</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_36.jpg</field>
+    </record>
+    <record id="s_quotes_carousel_demo_image_3" model="theme.ir.attachment">
+        <field name="key">website.s_quotes_carousel_demo_image_3</field>
+        <field name="name">website.s_quotes_carousel_demo_image_3</field>
+        <field name="url">/theme_notes/static/src/img/content/uiface_03.jpg</field>
+    </record>
+    <record id="s_quotes_carousel_demo_image_4" model="theme.ir.attachment">
+        <field name="key">website.s_quotes_carousel_demo_image_4</field>
+        <field name="name">website.s_quotes_carousel_demo_image_4</field>
+        <field name="url">/theme_notes/static/src/img/content/uiface_04.jpg</field>
+    </record>
+    <record id="s_quotes_carousel_demo_image_5" model="theme.ir.attachment">
+        <field name="key">website.s_quotes_carousel_demo_image_5</field>
+        <field name="name">website.s_quotes_carousel_demo_image_5</field>
+        <field name="url">/theme_notes/static/src/img/content/uiface_01.jpg</field>
+    </record>
+    <record id="s_newsletter_block" model="theme.ir.attachment">
+        <field name="key">website.library_image_17</field>
+        <field name="name">website.library_image_17</field>
+        <field name="url">/theme_notes/static/src/img/content/content_img_21.jpg</field>
+    </record>
+    <record id="s_blockquote_avatar" model="theme.ir.attachment">
+        <field name="key">website.s_blockquote_default_image</field>
+        <field name="name">website.s_blockquote_default_image</field>
+        <field name="url">/theme_notes/static/src/img/content/uiface_02.jpg</field>
+    </record>
+</odoo>
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="_assets_snippet_s_banner_parallax_css_000_variables" inherit_id="theme_common._assets_snippet_s_banner_parallax_css_000_variables" active="False">
+    <xpath expr="//link[last()]" position="after">
+        <link rel="stylesheet" type="text/scss" href="/theme_notes/static/src/old_snippets/s_banner_parallax/000_variables.scss"/>
+    </xpath>
+</template>
+
+</odoo>
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+
+<template id="_assets_snippet_s_features_carousel_css_000_variables" inherit_id="theme_common._assets_snippet_s_features_carousel_css_000_variables" active="False">
+    <xpath expr="//link[last()]" position="after">
+        <link rel="stylesheet" type="text/scss" href="/theme_notes/static/src/old_snippets/s_features_carousel/000_variables.scss"/>
+    </xpath>
+</template>
+
+</odoo>
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <template id="s_carousel" inherit_id="website.s_carousel">
+        <!-- Slide 1 -->
+        <xpath expr="//div[hasclass('carousel-content')]" position="replace">
+            <div class="carousel-content col-lg-6 p-5 o_cc o_cc5 shadow border" style="border-width: 2.5px !important; box-shadow: rgb(161, 192, 5) -20px 20px 0px 0px !important; border-color: rgb(161, 192, 5) !important;">
+                <h2><font style="font-size: 62px;">Miraillet Festival</font></h2>
+                <p class="lead">From the 12th to the 17th of August, come and enjoy the atmosphere at the Mirallet Festival. Discover the line up below.</p>
+                <p><br/></p>
+                <p><a href="/contactus" class="btn btn-primary mb-2">More Info</a></p>
+            </div>
+        </xpath>
+        <!-- Slide 2 -->
+        <xpath expr="(//div[hasclass('carousel-content')])[2]" position="replace">
+            <div class="carousel-content col-lg-8 offset-lg-2 mt48 pt48 pb40 text-center o_cc o_cc5 shadow border" style="border-width: 2.5px !important; box-shadow: rgb(161, 192, 5) 0px 20px 0px 0px !important; border-color: rgb(161, 192, 5) !important;">
+                <h2><font style="font-size: 62px;">6 Days Pass</font></h2>
+                <p class="lead">Tickets will be on sale soon. Do not miss our 6 Days Pass. Free camping!</p>
+                <p><br/></p>
+                <p><a href="/" class="btn btn-primary mb-2">More Info</a></p>
+            </div>
+        </xpath>
+        <!-- Slide 3 -->
+        <xpath expr="(//div[hasclass('carousel-content')])[3]" position="replace">
+            <div class="carousel-content col-lg-6 offset-lg-6 p-5 pt48 pb40 o_cc o_cc5 shadow border" style="border-width: 2.5px !important; box-shadow: rgb(161, 192, 5) 20px 20px 0px 0px !important; border-color: rgb(161, 192, 5) !important;">
+                <h2><font style="font-size: 62px;">Recent Editions</font></h2>
+                <p class="lead">Discover what makes the reputation of the Miraillet festival through these after-movies.</p>
+                <p><br/></p>
+                <p><a href="/" class="btn btn-primary mb-2">More Info</a></p>
+            </div>
+        </xpath>
+    </template>
+</odoo>
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <template id="s_company_team" inherit_id="website.s_company_team">
+        <!-- Section -->
+        <xpath expr="//section" position="attributes">
+            <attribute name="class" add="pt144 o_cc o_cc5" remove="pt48" separator=" "/>
+            <attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/08","colors":{"c1":"o-color-1"},"flip":["x","y"]}</attribute>
+        </xpath>
+        <!-- Shape -->
+        <xpath expr="//div[hasclass('container')]" position="before">
+            <div class="o_we_shape o_web_editor_Blobs_08 o_we_flip_x o_we_flip_y" style="background-image: url('/web_editor/shape/web_editor/Blobs/08.svg?c1=%23A1C005');"/>
+        </xpath>
+        <!-- Title -->
+        <xpath expr="//div[hasclass('row')]" position="before">
+            <h2 class="text-center"><font style="font-size: 62px;">Line Up</font></h2>
+        </xpath>
+        <!-- Paragraph 1 -->
+        <xpath expr="//div[hasclass('col-lg-8')]" position="replace">
+            <div class="col-lg-8">
+                <h4>Tony</h4>
+                <p>Tony is praised for the quality of his flow and beats but often criticised because of the controversial nature of his lyrics. He has also established a label, and developed a line of jewellery.</p>
+            </div>
+        </xpath>
+        <!-- Paragraph 2 -->
+        <xpath expr="(//div[hasclass('col-lg-8')])[2]" position="replace">
+            <div class="col-lg-8">
+                <h4>Aline</h4>
+                <p>Aline, is a French singer, songwriter and producer. In 2016, she was ranked as the most powerful and influential French person by Vanity Fair, who noticed her "radiance of French genius</p>
+            </div>
+        </xpath>
+        <!-- Paragraph 3 -->
+        <xpath expr="(//div[hasclass('col-lg-8')])[3]" position="replace">
+            <div class="col-lg-8">
+                <h4>Mich Starck</h4>
+                <p>Mich Starck is a French DJ, record producer and songwriter. He has sold over nine million albums and thirty million singles worldwide. In 2011, he was voted as the number one DJ in the DJ Mag Top 100 DJs poll.</p>
+            </div>
+        </xpath>
+        <!-- Paragraph 4 -->
+        <xpath expr="(//div[hasclass('col-lg-8')])[4]" position="replace">
+            <div class="col-lg-8">
+                <h4>Joseris</h4>
+                <p>Joseris is a Belgian band that formed in October 1995. Though originally categorised as a trip hop group, they quickly expanded their sound to the point where they could no longer be described as a lone genre, but rather encompass alternative, electronica, electro-pop, rock, and a mixture of others</p>
+            </div>
+        </xpath>
+    </template>
+</odoo>
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <template id="s_image_text" inherit_id="website.s_image_text">
+        <!-- Section -->
+        <xpath expr="//section" position="attributes">
+            <attribute name="class" add="o_cc o_cc5" separator=" "/>
+            <attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/04","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_Blobs_04 o_we_flip_x" style="background-image: url('/web_editor/shape/web_editor/Blobs/04.svg?c5=%23A1C005');"/>
+        </xpath>
+        <!-- Paragraph -->
+        <xpath expr="(//div[hasclass('col-lg-6')])[2]" position="replace">
+            <div class="pb16 p-5 border pt32 offset-lg-2 col-lg-6 shadow o_cc o_cc4" style="border-width: 2.5px !important; border-color: rgb(33, 33, 33) !important; box-shadow: rgb(33, 33, 33) 20px -20px 0px 0px !important;">
+              <h2>History</h2>
+              <p>The Miraillet Festival was born in 2002 from a common will of cultural, touristic and institutional actors of the region to propose a major cultural event in the very heart of the region during the summer period.</p>
+              <p><a href="#" class="btn btn-dark mb-2">Discover more</a></p>
+            </div>
+        </xpath>
+        <!-- Picture -->
+        <xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
+            <attribute name="class" add="col-lg-4" remove="col-lg-6" separator=" "/>
+        </xpath>
+    </template>
+</odoo>
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<odoo>
+    <template id="s_media_list" inherit_id="website.s_media_list">
+        <!-- Section -->
+        <xpath expr="//section" position="attributes">
+            <attribute name="class" add="o_cc o_cc4" remove="bg-200" separator=" "/>
+            <attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/01","colors":{"c2":"o-color-5"},"flip":["y"]}</attribute>
+        </xpath>
+        <!-- Shape -->
+        <xpath expr="//div[hasclass('container')]" position="before">
+            <div class="o_we_shape o_web_editor_Blobs_01 o_we_flip_y" style="background-image: url('/web_editor/shape/web_editor/Blobs/01.svg?c2=%23212121');"/>
+        </xpath>
+        <!-- Row 1 -->
+        <xpath expr="(//div[hasclass('col-lg-12')])[1]/div" position="replace">
+            <div class="row s_col_no_resize s_col_no_bgcolor no-gutters border shadow align-items-center flex-row-reverse o_cc o_cc4" style="border-width: 2.5px !important; border-color: rgb(33, 33, 33) !important; box-shadow: rgb(33, 33, 33) 20px -20px 0px 0px !important;">
+                <div class="align-self-stretch s_media_list_img_wrapper col-lg-4">
+                    <img src="/web/image/website.s_media_list_default_image_1" alt="" class="s_media_list_img h-100 w-100"/>
+                </div>
+                <div class="s_media_list_body col-lg-8">
+                    <h3>Go to the Miraillet Festival</h3>
+                    <p>You will find here the different means of transport to get to the festival. The festival is accessible by bike. Be careful, you will be riding in the city centre where there are a lot of cars. Please make sure to park your bikes in the designated areas of the city.</p>
+                    <a href="#" class="btn btn-primary mb-2">Discover</a>
+                </div>
+            </div>
+        </xpath>
+        <!-- Row 2 -->
+        <xpath expr="(//div[hasclass('col-lg-12')])[2]/div" position="replace">
+            <div class="row s_col_no_resize s_col_no_bgcolor no-gutters shadow border align-items-center o_cc o_cc4" style="border-width: 2.5px !important; box-shadow: rgb(33, 33, 33) 20px -20px 0px 0px !important; border-color: rgb(33, 33, 33) !important;">
+                <div class="align-self-stretch s_media_list_img_wrapper col-lg-4">
+                    <img src="/web/image/website.s_media_list_default_image_2" alt="" class="s_media_list_img h-100 w-100"/>
+                </div>
+                <div class="s_media_list_body col-lg-8">
+                    <h3>Ticketing and ticketing timetables</h3>
+                    <p>Where and when to exchange your festival bracelets? Where to buy food and drink tickets? What is the price for children? The answer can be found here!</p>
+                </div>
+            </div>
+        </xpath>
+        <!-- Row 3 -->
+        <xpath expr="(//div[hasclass('col-lg-12')])[3]/div" position="replace">
+            <div class="row s_col_no_resize s_col_no_bgcolor no-gutters o_cc o_cc5 border shadow align-items-center flex-row-reverse" style="border-width: 2.5px !important; border-color: rgb(161, 192, 5) !important; box-shadow: rgb(161, 192, 5) 20px -20px 0px 0px !important;">
+                <div class="align-self-stretch s_media_list_img_wrapper col-lg-4">
+                    <img src="/web/image/website.s_media_list_default_image_3" alt="" class="s_media_list_img h-100 w-100"/>
+                </div>
+                <div class="s_media_list_body col-lg-8">
+                    <h3>Wheelchair accessibility</h3>
+                    <p>Once again this year, the festival, with the support of the non-profit organisations that implement the necessary means to facilitate access to the event for people with reduced mobility and people affected by or carrying a disability.</p>
+                    <a href="#">
+                        <font style="" class="text-o-color-1">Continue reading</font>
+                        <i class="align-middle fa fa-long-arrow-right ml-1 text-o-color-1"></i>
+                    </a>
+                </div>
+            </div>
+        </xpath>
+    </template>
+</odoo>