<?xml version="1.0" ?>
<odoo>
  <template name="Items" id="s_product_list">
    <t t-set="url" value="url or '#'"/>
    <section class="s_product_list">
      <div class="container-fluid">
        <div class="row">
          <div class="col-lg-2 col-md-4 col-6">
            <a t-att-href="url">
              <img src="/web/image/website.s_product_list_default_image_1" alt="" class="img img-fluid"/>
            </a>
            <div class="s_product_list_item_link">
              <a t-att-href="url" class="btn btn-primary">Furniture</a>
            </div>
          </div>
          <div class="col-lg-2 col-md-4 col-6">
            <a t-att-href="url">
              <img src="/web/image/website.s_product_list_default_image_2" alt="" class="img img-fluid"/>
            </a>
            <div class="s_product_list_item_link">
              <a t-att-href="url" class="btn btn-primary">Clothes</a>
            </div>
          </div>
          <div class="col-lg-2 col-md-4 col-6">
            <a t-att-href="url">
              <img src="/web/image/website.s_product_list_default_image_3" alt="" class="img img-fluid"/>
            </a>
            <div class="s_product_list_item_link">
              <a t-att-href="url" class="btn btn-primary">Books</a>
            </div>
          </div>
          <div class="col-lg-2 col-md-4 col-6">
            <a t-att-href="url">
              <img src="/web/image/website.s_product_list_default_image_4" alt="" class="img img-fluid"/>
            </a>
            <div class="s_product_list_item_link">
              <a t-att-href="url" class="btn btn-primary">Essential oils</a>
            </div>
          </div>
          <div class="col-lg-2 col-md-4 col-6">
            <a t-att-href="url">
              <img src="/web/image/website.s_product_list_default_image_5" alt="" class="img img-fluid"/>
            </a>
            <div class="s_product_list_item_link">
              <a t-att-href="url" class="btn btn-primary">Service</a>
            </div>
          </div>
          <div class="col-lg-2 col-md-4 col-6">
            <a t-att-href="url">
              <img src="/web/image/website.s_product_list_default_image_6" alt="" class="img img-fluid"/>
            </a>
            <div class="s_product_list_item_link">
              <a t-att-href="url" class="btn btn-primary">Multimedia</a>
            </div>
          </div>
        </div>
      </div>
    </section>
  </template>
  <record id="website.s_product_list_000_variables_scss" model="ir.asset">
    <field name="name">Product list 000 variables SCSS</field>
    <field name="bundle">web._assets_primary_variables</field>
    <field name="path">website/static/src/snippets/s_product_list/000_variables.scss</field>
  </record>
  <record id="website.s_product_list_000_scss" model="ir.asset">
    <field name="name">Product list 000 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_product_list/000.scss</field>
  </record>
</odoo>
                    

                      <?xml version="1.0" ?>
<odoo>
  <template name="Numbers" id="s_numbers">
    <section class="s_numbers o_cc o_cc2 pt24 pb24">
      <div class="container">
        <div class="row">
          <div class="col-lg-3 text-center pt24 pb24">
            <span class="s_number display-4">12</span>
            <h6>Useful options</h6>
          </div>
          <div class="col-lg-3 text-center pt24 pb24">
            <span class="s_number display-4">45</span>
            <h6>Beautiful snippets</h6>
          </div>
          <div class="col-lg-3 text-center pt24 pb24">
            <span class="s_number display-4">8</span>
            <h6>Amazing pages</h6>
          </div>
          <div class="col-lg-3 text-center pt24 pb24">
            <span class="s_number display-4">37</span>
            <h6>Outstanding images</h6>
          </div>
        </div>
      </div>
    </section>
  </template>
  <!-- No associated CSS but there is some in theme overrides -->
</odoo>
                    

                      <?xml version="1.0" ?>
<odoo>
  <!-- Template to fill with the chosen view -->
  <template id="s_masonry_block" name="Masonry">
    <section class="s_masonry_block" data-vcss="001" data-vxml="001">
      <div class="container-fluid">
        <t t-call="website.s_masonry_block_default_template"/>
      </div>
    </section>
  </template>
  <template id="s_masonry_block_default_template" groups="base.group_user">
    <div class="row o_grid_mode" data-row-count="10">
      <div class="o_grid_item col-lg-6 g-col-lg-6 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 1 / 11 / 7; z-index: 1;">
        <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 7 / 6 / 10; z-index: 2;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc3" data-name="Block" style="grid-area: 1 / 10 / 6 / 13; z-index: 3;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc4" data-name="Block" style="grid-area: 6 / 7 / 11 / 10; z-index: 4;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc2" data-name="Block" style="grid-area: 6 / 10 / 11 / 13; z-index: 5;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
    </div>
  </template>
  <template id="s_masonry_block_reversed_template" groups="base.group_user">
    <div class="row o_grid_mode" data-row-count="10">
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc3" data-name="Block" style="grid-area: 1 / 1 / 6 / 4; z-index: 1;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 4 / 6 / 7; z-index: 2;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc2" data-name="Block" style="grid-area: 6 / 1 / 11 / 4; z-index: 3;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc4" data-name="Block" style="grid-area: 6 / 4 / 11 / 7; z-index: 4;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-6 g-col-lg-6 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 7 / 11 / 13; z-index: 5;">
        <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
      </div>
    </div>
  </template>
  <template id="s_masonry_block_images_template" groups="base.group_user">
    <div class="row o_grid_mode" data-row-count="10">
      <div class="o_grid_item col-lg-6 g-col-lg-6 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 1 / 11 / 7; z-index: 1;">
        <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
      </div>
      <div class="o_grid_item col-lg-6 g-col-lg-6 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 7 / 11 / 13; z-index: 2;">
        <img src="/web/image/website.s_masonry_block_default_image_2" class="img img-fluid mx-auto" alt=""/>
      </div>
    </div>
  </template>
  <template id="s_masonry_block_image_texts_image_template" groups="base.group_user">
    <div class="row o_grid_mode" data-row-count="10">
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 1 / 11 / 4; z-index: 1;">
        <img src="/web/image/website.s_masonry_block_default_image_2" class="img img-fluid mx-auto" alt=""/>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 4 / 6 / 7; z-index: 2;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc4" data-name="Block" style="grid-area: 6 / 4 / 11 / 7; z-index: 3;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-6 g-col-lg-6 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 7 / 11 / 13; z-index: 4;">
        <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
      </div>
    </div>
  </template>
  <template id="s_masonry_block_mosaic_template" groups="base.group_user">
    <div class="row o_grid_mode" data-row-count="13">
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc3" data-name="Block" style="grid-area: 1 / 1 / 4 / 4; z-index: 1;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 4 / 4 / 7; z-index: 2;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-6 g-col-lg-6 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 4 / 1 / 14 / 7; z-index: 3;">
        <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
      </div>
      <div class="o_grid_item col-lg-6 g-col-lg-6 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 7 / 11 / 13; z-index: 4;">
        <img src="/web/image/website.s_masonry_block_default_image_2" class="img img-fluid mx-auto" alt=""/>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc2" data-name="Block" style="grid-area: 11 / 7 / 14 / 10; z-index: 5;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc4" data-name="Block" style="grid-area: 11 / 10 / 14 / 13; z-index: 6;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
    </div>
  </template>
  <template id="s_masonry_block_texts_image_texts_template" groups="base.group_user">
    <div class="row o_grid_mode" data-row-count="10">
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc3" data-name="Block" style="grid-area: 1 / 1 / 6 / 4; z-index: 1;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc2" data-name="Block" style="grid-area: 6 / 1 / 11 / 4; z-index: 2;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-6 g-col-lg-6 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 4 / 11 / 10; z-index: 3;">
        <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 10 / 6 / 13; z-index: 4;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-5 text-center o_cc o_cc4" data-name="Block" style="grid-area: 6 / 10 / 11 / 13; z-index: 5;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
    </div>
  </template>
  <template id="s_masonry_block_alternation_text_template" groups="base.group_user">
    <div class="row o_grid_mode" data-row-count="3">
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 1 / 4 / 4; z-index: 1;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc4" data-name="Block" style="grid-area: 1 / 4 / 4 / 7; z-index: 2;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 7 / 4 / 10; z-index: 3;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc3" data-name="Block" style="grid-area: 1 / 10 / 4 / 13; z-index: 4;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
    </div>
  </template>
  <template id="s_masonry_block_alternation_text_image_template" groups="base.group_user">
    <div class="row o_grid_mode" data-row-count="10">
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 1 / 11 / 4; z-index: 1;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 4 / 11 / 7; z-index: 2;">
        <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 7 / 11 / 10; z-index: 3;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 10 / 11 / 13; z-index: 4;">
        <img src="/web/image/website.s_masonry_block_default_image_2" class="img img-fluid mx-auto" alt=""/>
      </div>
    </div>
  </template>
  <template id="s_masonry_block_alternation_image_text_template" groups="base.group_user">
    <div class="row o_grid_mode" data-row-count="10">
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 1 / 11 / 4; z-index: 1;">
        <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 text-center o_cc o_cc4" data-name="Block" style="grid-area: 1 / 4 / 11 / 7; z-index: 2;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 7 / 11 / 10; z-index: 3;">
        <img src="/web/image/website.s_masonry_block_default_image_2" class="img img-fluid mx-auto" alt=""/>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 text-center o_cc o_cc3" data-name="Block" style="grid-area: 1 / 10 / 11 / 13; z-index: 4;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
    </div>
  </template>
  <template id="s_masonry_block_alternation_text_image_text_template" groups="base.group_user">
    <div class="row o_grid_mode" data-row-count="10">
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 1 / 11 / 4; z-index: 1;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
      <div class="o_grid_item col-lg-6 g-col-lg-6 g-height-10 o_grid_item_image text-center" data-name="Block" style="grid-area: 1 / 4 / 11 / 10; z-index: 2;">
        <img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
      </div>
      <div class="o_grid_item col-lg-3 g-col-lg-3 g-height-10 text-center o_cc o_cc2" data-name="Block" style="grid-area: 1 / 10 / 11 / 13; z-index: 3;">
        <h3>A great title</h3>
        <p>And a great subtitle</p>
      </div>
    </div>
  </template>
  <!-- Options -->
  <template id="s_masonry_block_options" inherit_id="website.snippet_options">
    <xpath expr="//div[@data-js='layout_column']" position="after">
      <div data-js="MasonryLayout" data-selector=".s_masonry_block">
        <we-select string="Template" data-name="masonry_template_opt" data-attribute-name="masonryTemplate" data-attribute-default-value="default">
          <we-button title="Default" data-select-template="website.s_masonry_block_default_template" data-select-data-attribute="default" data-img="/website/static/src/img/snippets_options/masonry_template_default.svg"/>
          <we-button title="Default Reversed" data-select-template="website.s_masonry_block_reversed_template" data-select-data-attribute="default_reversed" data-img="/website/static/src/img/snippets_options/masonry_template_reversed.svg"/>
          <we-button title="Images" data-select-template="website.s_masonry_block_images_template" data-select-data-attribute="images" data-img="/website/static/src/img/snippets_options/masonry_template_images.svg"/>
          <we-button title="Image Text Image" data-select-template="website.s_masonry_block_image_texts_image_template" data-select-data-attribute="image_text_image" data-img="/website/static/src/img/snippets_options/masonry_template_image_texts_image.svg"/>
          <we-button title="Mosaic" data-select-template="website.s_masonry_block_mosaic_template" data-select-data-attribute="mosaic" data-img="/website/static/src/img/snippets_options/masonry_template_mosaic.svg"/>
          <we-button title="Text Image Text" data-select-template="website.s_masonry_block_texts_image_texts_template" data-select-data-attribute="text_image_text" data-img="/website/static/src/img/snippets_options/masonry_template_texts_image_texts.svg"/>
          <we-button title="Alternate Text" data-select-template="website.s_masonry_block_alternation_text_template" data-select-data-attribute="alternate_text" data-img="/website/static/src/img/snippets_options/masonry_template_alternate_texts.svg"/>
          <we-button title="Alternate Text Image" data-select-template="website.s_masonry_block_alternation_text_image_template" data-select-data-attribute="alternate_text_image" data-img="/website/static/src/img/snippets_options/masonry_template_alternate_text_image.svg"/>
          <we-button title="Alternate Image Text" data-select-template="website.s_masonry_block_alternation_image_text_template" data-select-data-attribute="alternate_image_text" data-img="/website/static/src/img/snippets_options/masonry_template_alternate_image_text.svg"/>
          <we-button title="Alternate Text Image Text" data-select-template="website.s_masonry_block_alternation_text_image_text_template" data-select-data-attribute="alternate_text_image_text" data-img="/website/static/src/img/snippets_options/masonry_template_alternate_text_image_text.svg"/>
        </we-select>
      </div>
    </xpath>
  </template>
  <!-- Assets -->
  <record id="website.s_masonry_block_000_scss" model="ir.asset">
    <field name="name">Masonry block 000 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_masonry_block/000.scss</field>
    <field name="active" eval="False"/>
  </record>
  <record id="website.s_masonry_block_001_scss" model="ir.asset">
    <field name="name">Masonry block 001 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_masonry_block/001.scss</field>
  </record>
  <record id="website.s_masonry_block_000_variables_scss" model="ir.asset">
    <field name="name">Masonry block 000 variables SCSS</field>
    <field name="bundle">web._assets_primary_variables</field>
    <field name="path">website/static/src/snippets/s_masonry_block/000_variables.scss</field>
    <field name="active" eval="False"/>
  </record>
</odoo>
                    

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_image_text" name="Image - Text">
    <section class="s_text_image pt32 pb32">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-6 pt16 pb16">
            <img src="/web/image/website.s_image_text_default_image" class="img img-fluid mx-auto" alt=""/>
          </div>
          <div class="col-lg-6 pt16 pb16">
            <h2>Section Subtitle</h2>
            <p>Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers.</p>
            <p>Start with the customer – find out what they want and give it to them.</p>
            <p>
              <a href="#" class="btn btn-primary mb-2">Discover more</a>
            </p>
          </div>
        </div>
      </div>
    </section>
  </template>
</odoo>
                    

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_cover" name="Cover">
    <section class="s_cover parallax s_parallax_is_fixed bg-black-50 pt96 pb96" data-scroll-background-ratio="1">
      <span class="s_parallax_bg oe_img_bg" style="background-image: url('/web/image/website.s_cover_default_image'); background-position: 50% 0;"/>
      <div class="o_we_bg_filter bg-black-50"/>
      <div class="container s_allow_columns">
        <h1 style="text-align: center;">
          <font style="font-size: 62px; font-weight: bold;">Catchy Headline</font>
        </h1>
        <p class="lead" style="text-align: center;">
          Write one or two paragraphs describing your product, services or a specific feature.
          <br/>
           To be successful your content needs to be useful to your readers.
        </p>
        <p style="text-align: center;">
          <a t-att-href="cta_btn_href" class="btn btn-primary mb-2">
            <t t-esc="cta_btn_text">Contact us</t>
          </a>
        </p>
      </div>
    </section>
  </template>
</odoo>
                    

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_references" name="References">
    <section class="s_references pt48 pb32">
      <div class="container">
        <h2 style="text-align: center;">Our References</h2>
        <p style="text-align: center;">We are in good company.</p>
        <div class="row">
          <div class="col-lg-2 pt16 pb16">
            <img src="/web/image/website.s_reference_demo_image_1" class="img img-fluid mx-auto" alt=""/>
          </div>
          <div class="col-lg-2 pt16 pb16">
            <img src="/web/image/website.s_reference_demo_image_2" class="img img-fluid mx-auto" alt=""/>
          </div>
          <div class="col-lg-2 pt16 pb16">
            <img src="/web/image/website.s_reference_demo_image_3" class="img img-fluid mx-auto" alt=""/>
          </div>
          <div class="col-lg-2 pt16 pb16">
            <img src="/web/image/website.s_reference_demo_image_4" class="img img-fluid mx-auto" alt=""/>
          </div>
          <div class="col-lg-2 pt16 pb16">
            <img src="/web/image/website.s_reference_demo_image_5" class="img img-fluid mx-auto" alt=""/>
          </div>
          <div class="col-lg-2 pt16 pb16">
            <img src="/web/image/website.s_reference_default_image_6" class="img img-fluid mx-auto" alt=""/>
          </div>
        </div>
      </div>
    </section>
  </template>
  <record id="website.s_references_000_scss" model="ir.asset">
    <field name="name">References 000 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_references/000.scss</field>
  </record>
</odoo>
                    

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_three_columns_moulat_lhout" inherit_id="website.s_three_columns" name="Moulat Lhout – 3 colonnes">
    <!-- Première colonne -->
    <xpath expr="//div[hasclass('col-lg-4')][1]" position="replace">
      <div class="col-lg-4 text-center">
        <img src="/theme_poissonnerie/static/src/img/moulatlhout_boutique-02.jpg" class="img-fluid rounded mb-3" alt="Notre boutique Moulat Lhout"/>
        <h4 class="fw-bold">Notre Boutique</h4>
        <p>Un espace accueillant où tradition et fraîcheur se rencontrent pour offrir le meilleur des produits de la mer.</p>
      </div>
    </xpath>
    <!-- Deuxième colonne -->
    <xpath expr="//div[hasclass('col-lg-4')][2]" position="replace">
      <div class="col-lg-4 text-center">
        <img src="/theme_poissonnerie/static/src/img/fatiha_boutique-02.jpg" class="img-fluid rounded mb-3" alt="Notre Bastila maison"/>
        <h4 class="fw-bold">Bastila aux fruits de mer</h4>
        <p>Une bastila délicatement feuilletée, garnie de fruits de mer frais et parfumée aux épices marocaines : un vrai régal.</p>
      </div>
    </xpath>
    <!-- Troisième colonne -->
    <xpath expr="//div[hasclass('col-lg-4')][3]" position="replace">
      <div class="col-lg-4 text-center">
        <img src="/theme_poissonnerie/static/src/img/fatiha_houta-01.jpg" class="img-fluid rounded mb-3" alt="Poisson frais Moulat Lhout"/>
        <h4 class="fw-bold">Poissons Frais</h4>
        <p>Chaque jour, une sélection des meilleurs poissons fraîchement débarqués pour satisfaire toutes vos envies marines.</p>
      </div>
    </xpath>
  </template>
  <record id="website.s_three_columns_000_scss" model="ir.asset">
    <field name="name">Three columns 000 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_three_columns/000.scss</field>
    <field name="active" eval="False"/>
  </record>
</odoo>
                    

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_features_grid" name="Features Grid">
    <section class="s_features_grid pt48 pb24">
      <div class="container">
        <div class="row">
          <div class="col-lg-6 s_col_no_bgcolor pb24">
            <div class="row">
              <div class="col-lg-12 pb24" data-name="Box">
                <h2>First list of Features</h2>
                <h5>Add a great slogan.</h5>
              </div>
              <div class="col-lg-12 pt16 pb16" data-name="Box">
                <i class="fa fa-2x fa-font-awesome rounded-circle bg-primary s_features_grid_icon"/>
                <div class="s_features_grid_content">
                  <h4>Change Icons</h4>
                  <p>Double click an icon to replace it with one of your choice.</p>
                </div>
              </div>
              <div class="col-lg-12 pt16 pb16" data-name="Box">
                <i class="fa fa-2x fa-files-o rounded-circle bg-primary s_features_grid_icon"/>
                <div class="s_features_grid_content">
                  <h4>Duplicate</h4>
                  <p>Duplicate blocks and columns to add more features.</p>
                </div>
              </div>
              <div class="col-lg-12 pt16 pb16" data-name="Box">
                <i class="fa fa-2x fa-trash rounded-circle bg-primary s_features_grid_icon"/>
                <div class="s_features_grid_content">
                  <h4>Delete Blocks</h4>
                  <p>Select and delete blocks to remove features.</p>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-6 s_col_no_bgcolor pb24">
            <div class="row">
              <div class="col-lg-12 pb24" data-name="Box">
                <h2>Second list of Features</h2>
                <h5>Add a great slogan.</h5>
              </div>
              <div class="col-lg-12 pt16 pb16" data-name="Box">
                <i class="fa fa-2x fa-magic rounded bg-secondary s_features_grid_icon"/>
                <div class="s_features_grid_content">
                  <h4>Great Value</h4>
                  <p>Turn every feature into a benefit for your reader.</p>
                </div>
              </div>
              <div class="col-lg-12 pt16 pb16" data-name="Box">
                <i class="fa fa-2x fa-eyedropper rounded bg-secondary s_features_grid_icon"/>
                <div class="s_features_grid_content">
                  <h4>Edit Styles</h4>
                  <p>You can edit colors and backgrounds to highlight features.</p>
                </div>
              </div>
              <div class="col-lg-12 pt16 pb16" data-name="Box">
                <i class="fa fa-2x fa-picture-o rounded bg-secondary s_features_grid_icon"/>
                <div class="s_features_grid_content">
                  <h4>Sample Icons</h4>
                  <p>All these icons are completely free for commercial use.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </template>
  <record id="website.s_features_grid_000_scss" model="ir.asset">
    <field name="name">Features grid 000 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_features_grid/000.scss</field>
  </record>
</odoo>
                    

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_text_image" name="Text - Image">
    <section class="s_text_image pt32 pb32">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-lg-6 pt16 pb16">
            <h2>A Section Subtitle</h2>
            <p>Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers.</p>
            <p>Start with the customer – find out what they want and give it to them.</p>
            <p>
              <a href="#" class="btn btn-primary mb-2">Learn more</a>
            </p>
          </div>
          <div class="col-lg-6 pt16 pb16">
            <img src="/web/image/website.s_text_image_default_image" class="img img-fluid mx-auto" alt=""/>
          </div>
        </div>
      </div>
    </section>
  </template>
</odoo>
                    

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_features" name="Features">
    <section class="s_features pt32 pb32">
      <div class="container">
        <div class="row">
          <div class="col-lg-4 pt32 pb32 text-center">
            <i class="fa fa-3x fa-gear rounded bg-primary m-3"/>
            <h3>First Feature</h3>
            <p>
              Tell what's the value for the 
              <br/>
              customer for this feature.
            </p>
          </div>
          <div class="col-lg-4 pt32 pb32 text-center">
            <i class="fa fa-3x fa-photo rounded bg-o-color-5 m-3"/>
            <h3>Second Feature</h3>
            <p>
              Write what the customer would like to know, 
              <br/>
              not what you want to show.
            </p>
          </div>
          <div class="col-lg-4 pt32 pb32 text-center">
            <i class="fa fa-3x fa-leaf rounded bg-secondary m-3"/>
            <h3>Third Feature</h3>
            <p>
              A small explanation of this great 
              <br/>
              feature, in clear words.
            </p>
          </div>
        </div>
      </div>
    </section>
  </template>
</odoo>
                    

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_picture" name="Picture">
    <section class="s_picture pt48 pb24 o_cc o_cc2">
      <div class="container">
        <h2 style="text-align: center;">
          <font style="font-size: 62px;">A punchy Headline</font>
        </h2>
        <p style="text-align: center;">
          Choose a vibrant image and write an inspiring paragraph about it.
          <br/>
           It does not have to be long, but it should reinforce your image.
        </p>
        <p style="text-align: center;">
          <br/>
        </p>
        <div class="row s_nb_column_fixed">
          <div class="col-lg-10 offset-lg-1 pb24" style="text-align: center;">
            <figure class="figure">
              <img src="/web/image/website.s_picture_default_image" class="figure-img img-fluid img-thumbnail padding-large" alt=""/>
              <figcaption class="figure-caption text-muted py-3">Add a caption to enhance the meaning of this image.</figcaption>
            </figure>
          </div>
        </div>
      </div>
    </section>
  </template>
</odoo>
                    

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_three_columns_moulat_lhout" inherit_id="website.s_three_columns" name="Moulat Lhout – 3 colonnes">
    <!-- Première colonne -->
    <xpath expr="//div[hasclass('col-lg-4')][1]" position="replace">
      <div class="col-lg-4 text-center">
        <img src="/theme_poissonnerie/static/src/img/moulatlhout_boutique-02.jpg" class="img-fluid rounded mb-3" alt="Notre boutique Moulat Lhout"/>
        <h4 class="fw-bold">Notre Boutique</h4>
        <p>Un espace accueillant où tradition et fraîcheur se rencontrent pour offrir le meilleur des produits de la mer.</p>
      </div>
    </xpath>
    <!-- Deuxième colonne -->
    <xpath expr="//div[hasclass('col-lg-4')][2]" position="replace">
      <div class="col-lg-4 text-center">
        <img src="/theme_poissonnerie/static/src/img/fatiha_boutique-02.jpg" class="img-fluid rounded mb-3" alt="Notre Bastila maison"/>
        <h4 class="fw-bold">Bastila aux fruits de mer</h4>
        <p>Une bastila délicatement feuilletée, garnie de fruits de mer frais et parfumée aux épices marocaines : un vrai régal.</p>
      </div>
    </xpath>
    <!-- Troisième colonne -->
    <xpath expr="//div[hasclass('col-lg-4')][3]" position="replace">
      <div class="col-lg-4 text-center">
        <img src="/theme_poissonnerie/static/src/img/fatiha_houta-01.jpg" class="img-fluid rounded mb-3" alt="Poisson frais Moulat Lhout"/>
        <h4 class="fw-bold">Poissons Frais</h4>
        <p>Chaque jour, une sélection des meilleurs poissons fraîchement débarqués pour satisfaire toutes vos envies marines.</p>
      </div>
    </xpath>
  </template>
  <record id="website.s_three_columns_000_scss" model="ir.asset">
    <field name="name">Three columns 000 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_three_columns/000.scss</field>
    <field name="active" eval="False"/>
  </record>
</odoo>
                    

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_call_to_action" name="Call to Action">
    <section class="s_call_to_action o_cc o_cc3 pt48 pb24">
      <div class="container">
        <div class="row">
          <div class="col-lg-9 pb16">
            <h3>
              <b>50,000+ companies</b>
               run Odoo to grow their businesses.
            </h3>
            <p>Join us and make your company a better place.</p>
          </div>
          <div class="col-lg-3 pt8">
            <p style="text-align: right;">
              <a t-att-href="cta_btn_href" class="btn btn-primary btn-lg mb-2">
                <t t-esc="cta_btn_text">Contact us</t>
              </a>
            </p>
          </div>
        </div>
      </div>
    </section>
  </template>
</odoo>
                    

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_banner" name="Banner">
    <section class="s_banner parallax s_parallax_is_fixed pt96 pb96" data-scroll-background-ratio="1">
      <span class="s_parallax_bg oe_img_bg" style="background-image: url('/web/image/website.s_banner_default_image'); background-position: 50% 0;"/>
      <div class="container">
        <div class="row s_nb_column_fixed">
          <div class="col-lg-6 jumbotron rounded o_cc o_cc1 pt32 pb32" data-name="Box">
            <h1>
              <font style="font-size: 62px;">Sell Online. Easily.</font>
            </h1>
            <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
            <a t-att-href="cta_btn_href" class="btn btn-primary mb-2">
              <t t-esc="cta_btn_text">Contact Us</t>
            </a>
          </div>
        </div>
      </div>
    </section>
  </template>
</odoo>