<?xml version="1.0" ?>
<odoo>
  <template name="Media List" id="s_media_list">
    <section class="s_media_list pt32 pb32 o_cc o_cc2" data-vcss="001">
      <div class="container">
        <div class="row s_nb_column_fixed s_col_no_bgcolor">
          <div class="col-lg-12 s_media_list_item pt16 pb16" data-name="Media item">
            <div class="row s_col_no_resize s_col_no_bgcolor g-0 align-items-center o_cc o_cc1">
              <div class="col-lg-4 align-self-stretch s_media_list_img_wrapper">
                <img src="/web/image/website.s_media_list_default_image_1" class="s_media_list_img h-100 w-100" alt=""/>
              </div>
              <div class="col-lg-8 s_media_list_body">
                <h3>Media heading</h3>
                <p>Use this snippet to build various types of components that feature a left- or right-aligned image alongside textual content. Duplicate the element to create a list that fits your needs.</p>
                <a href="#" class="btn btn-primary mb-2">Discover</a>
              </div>
            </div>
          </div>
          <div class="col-lg-12 s_media_list_item pt16 pb16" data-name="Media item">
            <div class="row s_col_no_resize s_col_no_bgcolor g-0 align-items-center o_cc o_cc1">
              <div class="col-lg-4 align-self-stretch s_media_list_img_wrapper">
                <img src="/web/image/website.s_media_list_default_image_2" class="s_media_list_img h-100 w-100" alt=""/>
              </div>
              <div class="col-lg-8 s_media_list_body">
                <h3>Event heading</h3>
                <p>Speakers from all over the world will join our experts to give inspiring talks on various topics. Stay on top of the latest business management trends &amp; technologies</p>
              </div>
            </div>
          </div>
          <div class="col-lg-12 s_media_list_item pt16 pb16" data-name="Media item">
            <div class="row s_col_no_resize s_col_no_bgcolor g-0 align-items-center o_cc o_cc1">
              <div class="col-lg-4 align-self-stretch s_media_list_img_wrapper">
                <img src="/web/image/website.s_media_list_default_image_3" class="s_media_list_img h-100 w-100" alt=""/>
              </div>
              <div class="col-lg-8 s_media_list_body">
                <h3>Post heading</h3>
                <p>Use this component for creating a list of featured elements to which you want to bring attention.</p>
                <a href="#">
                  Continue reading 
                  <i class="fa fa-long-arrow-right align-middle ms-1"/>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </template>
  <template id="s_media_list_options" inherit_id="website.snippet_options">
    <xpath expr="//t[@t-call='website.snippet_options_background_options']" position="before">
      <div data-js="MultipleItems" data-selector=".s_media_list">
        <we-row string="Media">
          <we-button data-add-item="" data-item=".s_media_list_item:last" data-select-item="" data-no-preview="true" class="o_we_bg_brand_primary">
                    Add Media
                </we-button>
        </we-row>
      </div>
    </xpath>
    <xpath expr="." position="inside">
      <t t-call="website.snippet_options_background_options">
        <t t-set="selector" t-value="'.s_media_list_item'"/>
        <t t-set="target" t-value="'&gt; .row'"/>
        <t t-set="with_colors" t-value="True"/>
        <t t-set="with_images" t-value="False"/>
        <t t-set="with_color_combinations" t-value="True"/>
        <t t-set="with_gradients" t-value="True"/>
      </t>
      <div data-js="Box" data-selector=".s_media_list_item" data-target="&gt; .row">
        <t t-call="website.snippet_options_border_widgets"/>
        <t t-call="website.snippet_options_shadow_widgets"/>
      </div>
      <div data-selector=".s_media_list_item" data-target="&gt; .row">
        <we-button-group string="Layout">
          <we-button title="Left" data-name="media_left_opt" data-select-class="" data-img="/website/static/src/img/snippets_options/image_left.svg"/>
          <we-button title="Right" data-select-class="flex-row-reverse" data-img="/website/static/src/img/snippets_options/image_right.svg"/>
        </we-button-group>
      </div>
      <div data-js="MediaItemLayout" data-selector=".s_media_list_item">
        <we-button-group string="Image Size" data-dependencies="media_left_opt">
          <we-button data-layout="3" data-img="/website/static/src/img/snippets_options/media_layout_1_4.svg" title="1/4 - 3/4"/>
          <we-button data-layout="4" data-img="/website/static/src/img/snippets_options/media_layout_1_3.svg" title="1/3 - 2/3"/>
          <we-button data-layout="6" data-img="/website/static/src/img/snippets_options/media_layout_1_2.svg" title="1/2 - 1/2"/>
        </we-button-group>
        <we-button-group string="Image Size" data-dependencies="!media_left_opt">
          <we-button data-layout="3" data-img="/website/static/src/img/snippets_options/media_layout_1_4_right.svg" title="1/4 - 3/4"/>
          <we-button data-layout="4" data-img="/website/static/src/img/snippets_options/media_layout_1_3_right.svg" title="1/3 - 2/3"/>
          <we-button data-layout="6" data-img="/website/static/src/img/snippets_options/media_layout_1_2_right.svg" title="1/2 - 1/2"/>
        </we-button-group>
      </div>
      <div data-selector=".s_media_list_item" data-target="&gt; .row">
        <!-- Don't use the standard Vert. Alignement option to not suggest
                 Equal Height, which is useless for this snippet. -->
        <we-button-group string="Text Position" title="Text Position" data-dependencies="media_left_opt">
          <we-button title="Align Top" data-select-class="align-items-start" data-img="/website/static/src/img/snippets_options/align_top_right.svg"/>
          <we-button title="Align Middle" data-select-class="align-items-center" data-img="/website/static/src/img/snippets_options/align_middle_right.svg"/>
          <we-button title="Align Bottom" data-select-class="align-items-end" data-img="/website/static/src/img/snippets_options/align_bottom_right.svg"/>
        </we-button-group>
        <we-button-group string="Text Position" title="Text Position" data-dependencies="!media_left_opt">
          <we-button title="Align Top" data-select-class="align-items-start" data-img="/website/static/src/img/snippets_options/align_top.svg"/>
          <we-button title="Align Middle" data-select-class="align-items-center" data-img="/website/static/src/img/snippets_options/align_middle.svg"/>
          <we-button title="Align Bottom" data-select-class="align-items-end" data-img="/website/static/src/img/snippets_options/align_bottom.svg"/>
        </we-button-group>
      </div>
    </xpath>
  </template>
  <record id="website.s_media_list_000_scss" model="ir.asset">
    <field name="name">Media list 000 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_media_list/000.scss</field>
    <field name="active" eval="False"/>
  </record>
  <record id="website.s_media_list_001_scss" model="ir.asset">
    <field name="name">Media list 001 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_media_list/001.scss</field>
  </record>
</odoo>
                    

                      <?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 id="s_product_catalog" name="Pricelist">
    <section class="s_product_catalog oe_img_bg o_bg_img_center oe_custom_bg pt48 pb32" style="background-image: url('/web/image/website.s_product_catalog_default_image');" data-vcss="001">
      <div class="container">
        <h2>Menu</h2>
        <p>Add a menu description.</p>
        <div class="row">
          <div class="col-lg-6 pt16 pb16">
            <h3>Starter</h3>
            <ul class="list-unstyled my-3">
              <t t-call="website.s_product_catalog_dish">
                <t t-set="name">Cheese Onion Rings</t>
                <t t-set="price">$9.00</t>
              </t>
              <t t-call="website.s_product_catalog_dish">
                <t t-set="name">Chefs Fresh Soup of the Day</t>
                <t t-set="price">$7.50</t>
              </t>
              <t t-call="website.s_product_catalog_dish">
                <t t-set="name">Beef Carpaccio</t>
                <t t-set="price">$10.50</t>
              </t>
            </ul>
          </div>
          <div class="col-lg-6 pt16 pb16">
            <h3>Main Course</h3>
            <ul class="list-unstyled my-3">
              <t t-call="website.s_product_catalog_dish">
                <t t-set="name">Filet Mignon 8oz</t>
                <t t-set="price">$15.50</t>
              </t>
              <t t-call="website.s_product_catalog_dish">
                <t t-set="name">Farm Friendly Chicken Supreme</t>
                <t t-set="price">$15.50</t>
              </t>
              <t t-call="website.s_product_catalog_dish">
                <t t-set="name">Tuna and Salmon Burger</t>
                <t t-set="price">$12.00</t>
              </t>
            </ul>
          </div>
        </div>
      </div>
    </section>
  </template>
  <template id="s_product_catalog_dish">
    <li class="s_product_catalog_dish" data-name="Product">
      <p class="s_product_catalog_dish_title d-flex align-items-baseline pb-2">
        <span t-esc="name" class="s_product_catalog_dish_name s_product_catalog_dish_dot_leaders"/>
        <span t-esc="price" class="s_product_catalog_dish_price ms-auto ps-2"/>
      </p>
    </li>
  </template>
  <template id="s_product_catalog_add_product_widget">
    <we-row string="Product">
      <we-button data-add-item="" data-item=".s_product_catalog_dish:last" data-select-item="" t-att-data-apply-to="apply_to" data-no-preview="true" class="o_we_bg_brand_primary">
            Add Product
        </we-button>
    </we-row>
  </template>
  <template id="s_product_catalog_options" inherit_id="website.snippet_options">
    <xpath expr="//t[@t-call='website.snippet_options_background_options']" position="before">
      <div data-js="MultipleItems" data-selector=".s_product_catalog">
        <t t-call="website.s_product_catalog_add_product_widget">
          <t t-set="apply_to" t-valuef="&gt; :has(.s_product_catalog_dish):not(:has(.row &gt; div:has(.s_product_catalog_dish)))"/>
        </t>
      </div>
      <div data-js="MultipleItems" data-selector=".s_product_catalog .row &gt; div">
        <t t-call="website.s_product_catalog_add_product_widget">
          <t t-set="apply_to" t-valuef="&gt; :has(.s_product_catalog_dish)"/>
        </t>
      </div>
    </xpath>
    <xpath expr="." position="inside">
      <div data-js="ProductCatalog" data-selector=".s_product_catalog">
        <we-checkbox string="Descriptions" data-toggle-description="true" data-no-preview="true"/>
        <t t-call="website.snippet_options_border_line_widgets">
          <t t-set="label">⌙ Separator</t>
          <t t-set="direction" t-value="'top'"/>
          <t t-set="apply_to" t-value="'.s_product_catalog_dish_description'"/>
          <!-- Note: no need of extra dependency thanks to the apply-to -->
        </t>
      </div>
      <div data-selector=".s_product_catalog_dish" data-drop-near=".s_product_catalog_dish"/>
    </xpath>
    <xpath expr="//div[@data-js='SnippetMove']" position="attributes">
      <attribute name="data-selector" add=".s_product_catalog_dish" separator=","/>
    </xpath>
  </template>
  <record id="website.s_product_catalog_001_scss" model="ir.asset">
    <field name="name">Product catalog 001 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_product_catalog/001.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>
  <!--
TODO in master: remove contenteditable="true" from <img> tags. Those were part
of a stable fix to allow re-editing, now superseded by the use of the
o_editable_media class.
-->
  <template id="s_company_team" name="Team">
    <section class="s_company_team pt48 pb48">
      <div class="container">
        <div class="row s_nb_column_fixed">
          <div class="col-lg-6 pt24 pb24">
            <div class="row s_col_no_resize s_col_no_bgcolor">
              <div class="col-lg-4 pb16 o_not_editable" contenteditable="false">
                <img alt="" src="/web/image/website.s_company_team_image_1" class="img-fluid rounded-circle mx-auto o_editable_media" contenteditable="true"/>
              </div>
              <div class="col-lg-8">
                <h4>Tony Fred, CEO</h4>
                <p>
                                Founder and chief visionary, Tony is the driving force behind the company. He loves
                                to keep his hands full by participating in the development of the software,
                                marketing, and customer experience strategies.
                            </p>
              </div>
            </div>
          </div>
          <div class="col-lg-6 pt24 pb24">
            <div class="row s_col_no_resize s_col_no_bgcolor">
              <div class="col-lg-4 pb16 o_not_editable" contenteditable="false">
                <img alt="" src="/web/image/website.s_company_team_image_2" class="img-fluid rounded-circle mx-auto o_editable_media" contenteditable="true"/>
              </div>
              <div class="col-lg-8">
                <h4>Mich Stark, COO</h4>
                <p>Mich loves taking on challenges. With his multi-year experience as Commercial Director in the software industry, Mich has helped the company to get where it is today. Mich is among the best minds.</p>
              </div>
            </div>
          </div>
          <div class="col-lg-6 pt24 pb24">
            <div class="row s_col_no_resize s_col_no_bgcolor">
              <div class="col-lg-4 pb16 o_not_editable" contenteditable="false">
                <img alt="" src="/web/image/website.s_company_team_image_3" class="img-fluid rounded-circle mx-auto o_editable_media" contenteditable="true"/>
              </div>
              <div class="col-lg-8">
                <h4>Aline Turner, CTO</h4>
                <p>Aline is one of the iconic people in life who can say they love what they do. She mentors 100+ in-house developers and looks after the community of thousands of developers.</p>
              </div>
            </div>
          </div>
          <div class="col-lg-6 pt24 pb24">
            <div class="row s_col_no_resize s_col_no_bgcolor">
              <div class="col-lg-4 pb16 o_not_editable" contenteditable="false">
                <img alt="" src="/web/image/website.s_company_team_image_4" class="img-fluid rounded-circle mx-auto o_editable_media" contenteditable="true"/>
              </div>
              <div class="col-lg-8">
                <h4>Iris Joe, CFO</h4>
                <p>Iris, with her international experience, helps us easily understand the numbers and improves them. She is determined to drive success and delivers her professional acumen to bring the company to the next level.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </template>
  <record id="website.s_company_team_000_scss" model="ir.asset">
    <field name="name">Company team 000 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_company_team/000.scss</field>
  </record>
</odoo>
                    

                      <?xml version="1.0" ?>
<odoo>
  <template id="s_title" name="Title">
    <section class="s_title pt40 pb40" data-vcss="001">
      <div class="container s_allow_columns">
        <h1 style="text-align: center;">
          <font style="font-size: 62px;">Your Site Title</font>
        </h1>
      </div>
    </section>
  </template>
  <record id="website.s_title_000_scss" model="ir.asset">
    <field name="name">Title 000 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_title/000.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_comparisons" name="Comparisons">
    <section class="s_comparisons pt32 pb32">
      <div class="container">
        <div class="row">
          <div class="col-lg-4 s_col_no_bgcolor text-center pt32 pb16" data-name="Box">
            <div class="card bg-200">
              <h4 class="card-header">Beginner</h4>
              <div class="card-body text-center">
                <h2 class="card-title">
                  <span class="s_comparisons_currency">$</span>
                  <span class="s_comparisons_price">
                    <b>35</b>
                  </span>
                  <span class="s_comparisons_decimal">.00</span>
                </h2>
                <small>/ month</small>
              </div>
              <ul class="list-group list-group-flush">
                <li class="list-group-item">Basic sales &amp; marketing for up to 2 users</li>
                <li class="list-group-item">Account &amp; Sales management</li>
                <li class="list-group-item">No customization</li>
                <li class="list-group-item">No support</li>
              </ul>
              <div class="card-footer">
                <p>
                  <i>Instant setup, satisfied or reimbursed.</i>
                </p>
                <a href="/contactus" class="btn btn-primary mb-2">Order now</a>
              </div>
            </div>
          </div>
          <div class="col-lg-4 s_col_no_bgcolor text-center pt32 pb16" data-name="Box">
            <div class="card bg-o-color-5">
              <h4 class="card-header">Professional</h4>
              <div class="card-body">
                <h2 class="card-title">
                  <span class="s_comparisons_currency">$</span>
                  <span class="s_comparisons_price">
                    <b>65</b>
                  </span>
                  <span class="s_comparisons_decimal">.00</span>
                </h2>
                <small>/ month</small>
              </div>
              <ul class="list-group list-group-flush">
                <li class="list-group-item">Complete CRM for any size team</li>
                <li class="list-group-item">Get access to all modules</li>
                <li class="list-group-item">Limited customization</li>
                <li class="list-group-item">Email support</li>
              </ul>
              <div class="card-footer">
                <p>
                  <i>Instant setup, satisfied or reimbursed.</i>
                </p>
                <a href="/contactus" class="btn btn-primary mb-2">Start now</a>
              </div>
            </div>
          </div>
          <div class="col-lg-4 s_col_no_bgcolor text-center pt32 pb16" data-name="Box">
            <div class="card bg-secondary">
              <h4 class="card-header">Expert</h4>
              <div class="card-body text-center">
                <h2 class="card-title">
                  <span class="s_comparisons_currency">$</span>
                  <span class="s_comparisons_price">
                    <b>125</b>
                  </span>
                  <span class="s_comparisons_decimal">.00</span>
                </h2>
                <small>/ month</small>
              </div>
              <ul class="list-group list-group-flush">
                <li class="list-group-item">Unlimited CRM power and support</li>
                <li class="list-group-item">Get access to all modules and features</li>
                <li class="list-group-item">Unlimited customization</li>
                <li class="list-group-item">24x7 toll-free support</li>
              </ul>
              <div class="card-footer">
                <p>
                  <i>Instant setup, satisfied or reimbursed.</i>
                </p>
                <a href="/contactus" class="btn btn-primary mb-2">Contact us</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </template>
  <record id="website.s_comparisons_000_scss" model="ir.asset">
    <field name="name">Comparisons 000 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_comparisons/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_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 name="Big Boxes" id="s_color_blocks_2">
    <section class="s_color_blocks_2">
      <div class="container-fluid">
        <div class="row">
          <div class="col-lg-6 o_cc o_cc3 text-center">
            <i class="fa fa-shield fa-5x m-3"/>
            <h2>A color block</h2>
            <p>
              Color blocks are a simple and effective way to 
              <b>present and highlight your content</b>
              . Choose an image or a color for the background. You can even resize and duplicate the blocks to create your own layout. Add images or icons to customize the blocks.
            </p>
            <a href="#" class="btn btn-primary mb-2">More Details</a>
          </div>
          <div class="col-lg-6 o_cc o_cc5 text-center">
            <i class="fa fa-cube fa-5x m-3"/>
            <h2>Another color block</h2>
            <p>
              Color blocks are a simple and effective way to 
              <b>present and highlight your content</b>
              . Choose an image or a color for the background. You can even resize and duplicate the blocks to create your own layout. Add images or icons to customize the blocks.
            </p>
            <a href="#" class="btn btn-primary mb-2">More Details</a>
          </div>
        </div>
      </div>
    </section>
  </template>
  <record id="website.s_color_blocks_2_000_scss" model="ir.asset">
    <field name="name">Color blocks 2 000 SCSS</field>
    <field name="bundle">web.assets_frontend</field>
    <field name="path">website/static/src/snippets/s_color_blocks_2/000.scss</field>
  </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>