Samuel Degueldre
dfd98f49e7
Previously, background size and position for snippets was configured in a modal, the user could choose a "focus point", which is rather unintuitive. They could also choose to use the "contain" background mode, with or without repeat, or a third option, where they could customize everything, from the background size in both directions to whether to repeat the background in only one or in both directions. This commit streamlines the background-sizing options, only the "cover" and "repeat pattern" options have been kept, as they cover almost every use case. Their configuration has been moved into the options menu for consistency with the rest of the editor, and the background's position is now chosen by clicking on the corresponding menu option, and dragging the background to the desired place. Part of https://github.com/odoo/odoo/pull/38959 maintask-2066614 task-2088304
1398 lines
75 KiB
XML
1398 lines
75 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
||
<odoo>
|
||
|
||
<template id="s_title" name="Title">
|
||
<section class="pt32 pb32">
|
||
<div class="container">
|
||
<div class="row s_nb_column_fixed">
|
||
<div class="col-lg-12 s_title pt16 pb16" style="text-align: center;">
|
||
<h1 class="s_title_default"><font style="font-size: 62px;">Your Site Title</font></h1>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<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 oe_custom_bg" style="background-image: url('/web/image/website.s_cover_default_image'); background-position: 50% 0;"/>
|
||
<div class="container">
|
||
<div class="row s_nb_column_fixed">
|
||
<div class="col-lg-12 s_title" data-name="Title">
|
||
<h1 class="s_title_thin" style="font-size: 62px; text-align: center;">Catchy Headline</h1>
|
||
</div>
|
||
<div class="col-lg-12 s_text pt16 pb16" data-name="Text">
|
||
<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>
|
||
</div>
|
||
<div class="col-lg-12 s_btn text-center pt16 pb16" data-name="Buttons">
|
||
<a href="/aboutus" class="btn btn-delta rounded-circle">About us</a>
|
||
<a href="/contactus" class="btn btn-primary rounded-circle">Contact us</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<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. <br/>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>
|
||
<div class="s_btn text-left pt16 pb16" data-name="Buttons">
|
||
<a href="#" class="btn btn-primary">Learn more</a>
|
||
</div>
|
||
</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="Odoo • Text and Image"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<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="Odoo • Image and Text"/>
|
||
</div>
|
||
<div class="col-lg-6 pt16 pb16">
|
||
<h2>Section Subtitle</h2>
|
||
<p>Write one or two paragraphs describing your product or services. <br/>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>
|
||
<div class="s_btn text-left pt16 pb16">
|
||
<a href="#" class="btn btn-outline-primary">Discover more</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<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 oe_custom_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-7 bg-white jumbotron rounded pt32 pb32" data-name="Box">
|
||
<div class="row">
|
||
<div class="col-lg-12 s_title s_col_no_bgcolor" data-name="Title">
|
||
<h1 class="s_title_thin"><font style="font-size: 62px;"><b>Sell Online.</b> Easily.</font></h1>
|
||
</div>
|
||
<div class="col-lg-12 pt8 pb32 s_col_no_bgcolor" data-name="Text">
|
||
<p class="lead">This is a simple hero unit, a simple jumbotron-style component <br/>for calling extra attention to featured content or information.</p>
|
||
</div>
|
||
<div class="col-lg-12 s_btn text-left pt16 pb16" data-name="Button">
|
||
<a href="#" class="btn btn-epsilon rounded-circle">Do something</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<template id="s_text_block" name="Text block">
|
||
<section class="s_text_block pt32 pb32">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-12 pt32 pb32">
|
||
<p class="lead">A great way to catch your reader's attention is to tell a story. <br/>Everything you consider writing can be told as a story.</p>
|
||
<p><b>Great stories have personality.</b> Consider telling a great story that provides personality. Writing a story with personality for potential clients will assists with making a relationship connection. This shows up in small quirks like word choices or phrases. Write from your point of view, not from someone else's experience.</p>
|
||
<p><b>Great stories are for everyone even when only written for just one person.</b> If you try to write with a wide general audience in mind, your story will ring false and be bland. No one will be interested. Write for one person. If it’s genuine for the one, it’s genuine for the rest.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<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-circle bg-gamma 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-epsilon 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-leaf bg-primary m-3"/>
|
||
<h3>Third Feature</h3>
|
||
<p>A small explanation of this great <br/>feature, in clear words.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<template id="s_three_columns" name="Columns">
|
||
<section class="s_three_columns bg-200 pt32 pb32">
|
||
<div class="container">
|
||
<div class="row d-flex align-items-stretch">
|
||
<div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
|
||
<div class="card bg-white">
|
||
<img class="card-img-top" src="/web/image/website.library_image_11" alt="Odoo - Sample 1 for three columns"/>
|
||
<div class="card-body">
|
||
<h3 class="card-title">Feature One</h3>
|
||
<p class="card-text">Adapt these three columns to fit your design need. To duplicate, delete or move columns, select the column and use the top icons to perform your action.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
|
||
<div class="card bg-white">
|
||
<img class="card-img-top" src="/web/image/website.library_image_13" alt="Odoo - Sample 2 for three columns"/>
|
||
<div class="card-body">
|
||
<h3 class="card-title">Feature Two</h3>
|
||
<p class="card-text">To add a fourth column, reduce the size of these three columns using the right icon of each block. Then, duplicate one of the columns to create a new one as a copy.</p>
|
||
</div>
|
||
<div class="card-footer">
|
||
<i class="fa fa-info-circle mr-1"/> <small>Additional information</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 s_col_no_bgcolor pt16 pb16">
|
||
<div class="card bg-white">
|
||
<img class="card-img-top" src="/web/image/website.library_image_07" alt="Odoo - Sample 3 for three columns"/>
|
||
<div class="card-body">
|
||
<h3 class="card-title">Feature Three</h3>
|
||
<p class="card-text">Delete the above image or replace it with a picture that illustrates your message. Click on the picture to change its <em>rounded corner</em> style.</p>
|
||
<div class="s_btn text-left pb0 pt16" data-name="Button">
|
||
<a href="#" class="btn btn-primary btn-sm">Learn more</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<template id="s_picture" name="Picture">
|
||
<section class="s_picture bg-200 pt48 pb24">
|
||
<div class="container">
|
||
<div class="row s_nb_column_fixed">
|
||
<div class="col-lg-12 s_title pt16 pb16">
|
||
<h2 class="s_title_thin" style="text-align: center;"><font style="font-size: 62px;">A punchy Headline</font></h2>
|
||
</div>
|
||
<div class="col-lg-12 pt16 pb16">
|
||
<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>
|
||
</div>
|
||
<div class="col-lg-8 offset-lg-2 pb24">
|
||
<figure class="figure">
|
||
<img src="/web/image/website.s_picture_default_image" class="figure-img img-fluid rounded img-thumbnail padding-large" alt="Odoo • A picture with a caption"/>
|
||
<figcaption class="figure-caption py-3 text-center"><i class="fa fa-1x fa-picture-o mr-2"/>Add a caption to enhance the meaning of this image.</figcaption>
|
||
</figure>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<template id="s_carousel" name="Carousel">
|
||
<section class="s_carousel_wrapper">
|
||
<div id="myCarousel" class="s_carousel s_carousel_default carousel slide" data-interval="10000">
|
||
<!-- Indicators -->
|
||
<ol class="carousel-indicators">
|
||
<li data-target="#myCarousel" data-slide-to="0" class="active"/>
|
||
<li data-target="#myCarousel" data-slide-to="1"/>
|
||
<li data-target="#myCarousel" data-slide-to="2"/>
|
||
</ol>
|
||
<!-- Content -->
|
||
<div class="carousel-inner">
|
||
<!-- #01 -->
|
||
<div class="carousel-item active oe_custom_bg oe_img_bg pt152 pb152" style="background-image: url('/web/image/website.s_carousel_default_image_1');" data-name="Slide">
|
||
<div class="container">
|
||
<div class="row content">
|
||
<div class="carousel-content col-lg-7">
|
||
<div class="s_title pb8" data-name="Title">
|
||
<h2 class="s_title_default"><font style="font-size: 62px;">Slide Title</font></h2>
|
||
</div>
|
||
<p class="lead">Use this snippet to presents your content in a slideshow-like format.<br/> Don't write about products or services here, write about solutions.</p>
|
||
<div class="s_btn text-left pt16 pb16" data-name="Buttons">
|
||
<a href="/aboutus" class="btn btn-secondary flat">About us</a>
|
||
<a href="/contactus" class="btn btn-primary flat">Contact us</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- #02 -->
|
||
<div class="carousel-item oe_custom_bg oe_img_bg pt96 pb96" style="background-image: url('/web/image/website.s_carousel_default_image_2');" data-name="Slide">
|
||
<div class="container">
|
||
<div class="row content">
|
||
<div class="carousel-content col-lg-8 offset-lg-2 bg-black-50 text-center pt48 pb40">
|
||
<h2 style="font-size: 62px;">Clever Slogan</h2>
|
||
<div class="s_hr pt8 pb32">
|
||
<hr class="s_hr_5px s_hr_dotted border-600 w-25 border-epsilon mx-auto text-center"/>
|
||
</div>
|
||
<p class="lead">Storytelling is powerful.<br/> It draws readers in and engages them.</p>
|
||
<div class="s_btn text-center pt16 pb16" data-name="Buttons">
|
||
<a href="/" class="btn btn-epsilon rounded-circle">Start your journey</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- #03 -->
|
||
<div class="carousel-item oe_custom_bg oe_img_bg pt128 pb128" style="background-image: url('/web/image/website.s_carousel_default_image_3');" data-name="Slide">
|
||
<div class="container">
|
||
<div class="row content">
|
||
<div class="carousel-content col-lg-6 offset-lg-6">
|
||
<h2><font style="font-size: 62px; background-color: rgb(255, 255, 255);">Edit this title</font></h2>
|
||
<h4><font style="background-color: rgb(255, 255, 255);">Good writing is simple, but not simplistic.</font></h4>
|
||
<p class="mt24">Good copy starts with understanding how your product or service helps your customers. Simple words communicate better than big words and pompous language.</p>
|
||
<t t-call="website.s_share">
|
||
<t t-set="_classes" t-value="'text-left pt16 pb16'"/>
|
||
<t t-set="_no_title" t-value="True"/>
|
||
</t>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Controls -->
|
||
<a class="carousel-control-prev" href="#myCarousel" data-slide="prev" role="img" aria-label="Previous" title="Previous">
|
||
<span class="carousel-control-prev-icon"/>
|
||
<span class="sr-only">Previous</span>
|
||
</a>
|
||
<a class="carousel-control-next" href="#myCarousel" data-slide="next" role="img" aria-label="Next" title="Next">
|
||
<span class="carousel-control-next-icon"/>
|
||
<span class="sr-only">Next</span>
|
||
</a>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<template id="s_alert" name="Alert">
|
||
<div class="s_alert s_alert_md alert-delta w-100 clearfix">
|
||
<i class="fa fa-2x fa-info-circle s_alert_icon"/>
|
||
<div class="s_alert_content">
|
||
<p>Explain the benefits you offer. <br/>Don't write about products or services here, write about solutions.</p>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<template id="s_card" name="Card">
|
||
<div class="s_card card bg-white w-100">
|
||
<h4 class="card-header">Feature Title</h4>
|
||
<div class="card-body">
|
||
<p class="card-text">A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.</p>
|
||
</div>
|
||
<div class="card-footer">
|
||
<i class="fa fa-1x fa-clock-o mr8"/><small>2 days ago</small>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<template id="s_share" name="Share">
|
||
<div t-attf-class="s_share #{_classes}">
|
||
<h4 t-if="not _no_title" class="s_share_title">Share</h4>
|
||
<a href="https://www.facebook.com/sharer/sharer.php?u={url}" t-attf-class="s_share_facebook #{_link_classes}" target="_blank">
|
||
<i t-attf-class="fa fa-1x fa-facebook #{not _link_classes and 'rounded shadow-sm'}"/>
|
||
</a>
|
||
<a href="https://twitter.com/intent/tweet?text={title}&url={url}" t-attf-class="s_share_twitter #{_link_classes}" target="_blank">
|
||
<i t-attf-class="fa fa-1x fa-twitter #{not _link_classes and 'rounded shadow-sm'}"/>
|
||
</a>
|
||
<a href="http://www.linkedin.com/shareArticle?mini=true&url={url}&title={title}&" t-attf-class="s_share_linkedin #{_link_classes}" target="_blank">
|
||
<i t-attf-class="fa fa-1x fa-linkedin #{not _link_classes and 'rounded shadow-sm'}"/>
|
||
</a>
|
||
<a href="mailto:?body={url}&subject={title}" t-attf-class="s_share_email #{_link_classes}">
|
||
<i t-attf-class="fa fa-1x fa-envelope #{not _link_classes and 'rounded shadow-sm'}"/>
|
||
</a>
|
||
</div>
|
||
</template>
|
||
|
||
<template id="s_rating" name="Rating">
|
||
<div class="s_rating row">
|
||
<div class="col-lg-12 s_rating_stars s_rating_3 s_rating_1x pt16 pb16">
|
||
<h4>Quality</h4>
|
||
<i class="fa fa-1x"/>
|
||
<i class="fa fa-1x"/>
|
||
<i class="fa fa-1x"/>
|
||
<i class="fa fa-1x"/>
|
||
<i class="fa fa-1x"/>
|
||
<div class="s_rating_bar"/>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<template id="s_btn" name="Button">
|
||
<div class="s_btn text-center pt16 pb16" data-name="Buttons">
|
||
<a href="#" class="btn btn-primary">Read more</a>
|
||
</div>
|
||
</template>
|
||
|
||
<template id="s_hr" name="Separator">
|
||
<div class="s_hr text-left pt32 pb32">
|
||
<hr class="s_hr_1px s_hr_solid border-600 w-100 mx-auto"/>
|
||
</div>
|
||
</template>
|
||
|
||
<template id="s_facebook_page" name="Facebook Page">
|
||
<div class="o_facebook_page">
|
||
<div class="o_facebook_alert alert alert-info" role="status">
|
||
<span class="o_add_facebook_page">
|
||
<i class="fa fa-plus-circle"/> Add Facebook Page
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<template id="s_image_gallery" name="Image Gallery">
|
||
<section class="o_gallery o_spc-medium o_slideshow s_image_gallery" data-columns="3" style="height: 500px; overflow: hidden;">
|
||
<div class="container">
|
||
<div class="alert alert-info css_editable_mode_display text-center" role="status"><span class="o_add_images" style="cursor: pointer;"><i class="fa fa-plus-circle"/> Add Images</span></div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<template id="s_comparisons" name="Comparisons">
|
||
<section class="s_comparisons pt48 pb24">
|
||
<div class="container">
|
||
<div class="row s_nb_column_fixed">
|
||
<div class="col-lg-12 s_title pt16 pb16" style="text-align: center;">
|
||
<h1 class="s_title_thin"><font style="font-size: 62px;">Our offers</font></h1>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-lg-4 s_col_no_bgcolor text-center pt16 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 & marketing for up to 2 users</li>
|
||
<li class="list-group-item">Account & 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-secondary">Order now</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 s_col_no_bgcolor text-center pt16 pb16" data-name="Box">
|
||
<div class="card bg-primary">
|
||
<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-light">Start now</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4 s_col_no_bgcolor text-center pt16 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-light">Contact us</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<template id="s_company_team" name="Company Team">
|
||
<section class="s_company_team">
|
||
<div class="container">
|
||
<h1 style="text-align: center;">Meet the Executive Team</h1>
|
||
<div class="row s_nb_column_fixed">
|
||
<div class="col-lg-6 pt16 pb16">
|
||
<div class="row s_col_no_resize s_col_no_bgcolor">
|
||
<div class="col-lg-4 ">
|
||
<img alt="Company team" src="/web/image/website.s_company_team_image_1" class="img-fluid rounded-circle d-block mx-auto shadow"/>
|
||
</div>
|
||
<div class="col-lg-8">
|
||
<h4>Tony Fred, CEO</h4>
|
||
<p class="text-muted">
|
||
Founder and chief visionary, Tony is the driving force behind Company. He loves
|
||
to keep his hands full by participating in the development of the software,
|
||
marketing and the Customer Experience strategies.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 pt16 pb16">
|
||
<div class="row s_col_no_resize s_col_no_bgcolor">
|
||
<div class="col-lg-4">
|
||
<img alt="Company team" src="/web/image/website.s_company_team_image_2" class="img-fluid rounded-circle d-block mx-auto shadow"/>
|
||
</div>
|
||
<div class="col-lg-8">
|
||
<h4>Mich Stark, COO</h4>
|
||
<p class="text-muted">
|
||
Mich loves taking on challenges. With his multi-year experience as Commercial
|
||
Director in the software industry, Mich has helped Company to get where it
|
||
is today. Mich is among the best minds.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 pt16 pb16">
|
||
<div class="row s_col_no_resize s_col_no_bgcolor">
|
||
<div class="col-lg-4">
|
||
<img alt="Company team" src="/web/image/website.s_company_team_image_3" class="img-fluid rounded-circle d-block mx-auto shadow"/>
|
||
</div>
|
||
<div class="col-lg-8">
|
||
<h4>Aline Turner, CTO</h4>
|
||
<p class="text-muted">
|
||
Aline is one of the iconic person in life who can say she loves what she does.
|
||
She mentors 100+ in-house developers and looks after the community of over
|
||
thousands developers.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 pt16 pb16">
|
||
<div class="row s_col_no_resize s_col_no_bgcolor">
|
||
<div class="col-lg-4">
|
||
<img alt="Company team" src="/web/image/website.s_company_team_image_4" class="img-fluid rounded-circle d-block mx-auto shadow"/>
|
||
</div>
|
||
<div class="col-lg-8">
|
||
<h4>Iris Joe, CFO</h4>
|
||
<p class="text-muted">
|
||
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 Company at the next level.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<template id="s_call_to_action" name="Call to Action">
|
||
<section class="s_call_to_action bg-200 pt48 pb24">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-9 pb24">
|
||
<h3><b>50,000+ companies</b> run Odoo to grow their businesses.</h3>
|
||
<p class="lead">Join us and make your company a better place.</p>
|
||
</div>
|
||
<div class="col-lg-3 s_btn text-right pt8 pb24">
|
||
<a href="/contactus" class="btn btn-primary btn-lg">
|
||
<span>Contact us</span>
|
||
<i class="fa fa-1x fa-fw fa-arrow-circle-right ml-1"/>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<template id="s_references" name="References">
|
||
<section class="s_references bg-200 pt16 pb16">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-2 pt32">
|
||
<h4>References</h4>
|
||
</div>
|
||
<div class="col-lg-2">
|
||
<img src="/web/image/website.s_reference_demo_image_1" class="img img-fluid " alt="Demo Logo"/>
|
||
</div>
|
||
<div class="col-lg-2">
|
||
<img src="/web/image/website.s_reference_demo_image_2" class="img img-fluid " alt="Demo Logo"/>
|
||
</div>
|
||
<div class="col-lg-2">
|
||
<img src="/web/image/website.s_reference_demo_image_3" class="img img-fluid " alt="Demo Logo"/>
|
||
</div>
|
||
<div class="col-lg-2">
|
||
<img src="/web/image/website.s_reference_demo_image_4" class="img img-fluid " alt="Demo Logo"/>
|
||
</div>
|
||
<div class="col-lg-2">
|
||
<img src="/web/image/website.s_reference_demo_image_5" class="img img-fluid " alt="Demo Logo"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<template id="s_faq_collapse" name="Accordion">
|
||
<section class="s_faq_collapse pt48 pb32">
|
||
<div class="container">
|
||
<div class="row s_nb_column_fixed">
|
||
<div class="col-lg-12 s_title pt16 pb16">
|
||
<h1 class="s_title_thin"><font style="font-size: 62px;">FAQ</font></h1>
|
||
</div>
|
||
</div>
|
||
<div class="row s_col_no_bgcolor">
|
||
<div class="col-lg-12 pt16 pb16">
|
||
<div id="myCollapse" class="accordion" role="tablist">
|
||
<div class="card bg-white">
|
||
<a href="#" role="tab" data-toggle="collapse" aria-expanded="true" class="card-header">Terms of service</a>
|
||
<div class="collapse show" role="tabpanel">
|
||
<div class="card-body">
|
||
<p class="card-text">These terms of service ("Terms", "Agreement") are an agreement between the website ("Website operator", "us", "we" or "our") and you ("User", "you" or "your"). This Agreement sets forth the general terms and conditions of your use of this website and any of its products or services (collectively, "Website" or "Services").</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card bg-white">
|
||
<a href="#" role="tab" data-toggle="collapse" aria-expanded="false" class="collapsed card-header">Links to other Websites</a>
|
||
<div class="collapse" role="tabpanel">
|
||
<div class="card-body">
|
||
<p class="card-text">Although this Website may be linked to other websites, we are not, directly or indirectly, implying any approval, association, sponsorship, endorsement, or affiliation with any linked website, unless specifically stated herein.</p>
|
||
<p class="card-text">You should carefully review the legal statements and other conditions of use of any website which you access through a link from this Website. Your linking to any other off-site pages or other websites is at your own risk.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card bg-white">
|
||
<a href="#" role="tab" data-toggle="collapse" aria-expanded="false" class="collapsed card-header">Use of Cookies</a>
|
||
<div class="collapse" role="tabpanel">
|
||
<div class="card-body">
|
||
<p class="card-text">Website may use cookies to personalize and facilitate maximum navigation of the User by this site. The User may configure his / her browser to notify and reject the installation of the cookies sent by us.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<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 class="text-primary">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 some 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 class="text-secondary">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 background 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>
|
||
|
||
<template id="s_tabs" name="Tabs">
|
||
<section class="s_tabs">
|
||
<div class="container">
|
||
<div class="row s_col_no_bgcolor">
|
||
<div class="col-lg-8 offset-lg-2 pt48 pb48">
|
||
<div class="card bg-white">
|
||
<div class="card-header">
|
||
<ul class="nav nav-tabs card-header-tabs" role="tablist">
|
||
<li class="nav-item">
|
||
<a class="nav-link active"
|
||
id="nav_tabs_link_1"
|
||
data-toggle="tab"
|
||
href="#nav_tabs_content_1"
|
||
role="tab"
|
||
aria-controls="nav_tabs_content_1"
|
||
aria-selected="true">Home</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link"
|
||
id="nav_tabs_link_2"
|
||
data-toggle="tab"
|
||
href="#nav_tabs_content_2"
|
||
role="tab"
|
||
aria-controls="nav_tabs_content_2"
|
||
aria-selected="false">Profile</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link"
|
||
id="nav_tabs_link_3"
|
||
data-toggle="tab"
|
||
href="#nav_tabs_content_3"
|
||
role="tab"
|
||
aria-controls="nav_tabs_content_3"
|
||
aria-selected="false">Contact</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="card-body tab-content">
|
||
<div class="tab-pane fade show active"
|
||
id="nav_tabs_content_1"
|
||
role="tabpanel"
|
||
aria-labelledby="nav_tabs_link_1">
|
||
<h3>Details</h3>
|
||
<p><b>Great stories have personality.</b> Consider telling a great story that provides personality. Writing a story with personality for potential clients will assists with making a relationship connection. This shows up in small quirks like word choices or phrases. Write from your point of view, not from someone else's experience.</p>
|
||
</div>
|
||
<div class="tab-pane fade"
|
||
id="nav_tabs_content_2"
|
||
role="tabpanel"
|
||
aria-labelledby="nav_tabs_link_2">
|
||
<h3>Shipping</h3>
|
||
<p><b>Great stories are for everyone even when only written for just one person.</b> If you try to write with a wide general audience in mind, your story will ring false and be bland. No one will be interested. Write for one person. If it’s genuine for the one, it’s genuine for the rest.</p>
|
||
</div>
|
||
<div class="tab-pane fade"
|
||
id="nav_tabs_content_3"
|
||
role="tabpanel"
|
||
aria-labelledby="nav_tabs_link_3">
|
||
<h3>Review</h3>
|
||
<blockquote>
|
||
<p>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</p>
|
||
<footer>— Jane DOE, CEO of <b>MyCompany</b></footer>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<template id="s_parallax" name="Parallax">
|
||
<section class="s_parallax parallax s_parallax_is_fixed bg-black-50 pt160 pb160" data-scroll-background-ratio="1">
|
||
<span class="s_parallax_bg oe_img_bg oe_custom_bg" style="background-image: url('/web/image/website.s_parallax_default_image'); background-position: 50% 75%;"/>
|
||
<div class="oe_structure">
|
||
<section>
|
||
<div class="container">
|
||
<div class="row s_nb_column_fixed">
|
||
<div class="col-lg-12 s_title pt16 pb16" style="text-align: center;">
|
||
<h1 class="s_title_boxed"><font style="font-size: 62px;">Your Site Title</font></h1>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<template id="s_quotes_carousel" name="Quotes">
|
||
<section class="s_quotes_carousel_wrapper">
|
||
<div id="myQuoteCarousel" class="s_quotes_carousel s_carousel_default carousel slide" data-interval="10000">
|
||
<!-- Indicators -->
|
||
<ol class="carousel-indicators">
|
||
<li data-target="#myQuoteCarousel" data-slide-to="0" class="active"></li>
|
||
<li data-target="#myQuoteCarousel" data-slide-to="1"></li>
|
||
<li data-target="#myQuoteCarousel" data-slide-to="2"></li>
|
||
</ol>
|
||
<!-- Content -->
|
||
<div class="carousel-inner">
|
||
<!-- #01 -->
|
||
<div class="carousel-item active bg-200 pt80 pb80" data-name="Slide">
|
||
<div class="container">
|
||
<div class="row content">
|
||
<blockquote class="carousel-content col-lg-6 bg-white offset-lg-3">
|
||
<i class="fa fa-1x fa-quote-left rounded-0 bg-secondary s_quotes_carousel_icon"/>
|
||
<p>Write a quote here from one of your customers. Quotes are a great way to build confidence in your products or services.</p>
|
||
<footer>
|
||
<img class="img" src="/web/image/website.s_quotes_carousel_demo_image_3" alt=""/>
|
||
<span>— Jane DOE, CEO of <b>MyCompany</b></span>
|
||
</footer>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- #02 -->
|
||
<div class="carousel-item oe_img_bg pt80 pb80" style="background-image: url('/web/image/website.s_quotes_carousel_demo_image_1'); background-position: 50% 50%;" data-name="Slide">
|
||
<div class="container">
|
||
<div class="row content">
|
||
<blockquote class="col-lg-6 bg-white">
|
||
<p>Odoo provides essential platform for our project management. Things are better organized and more visible with it.</p>
|
||
<footer>
|
||
<img class="img" src="/web/image/website.s_quotes_carousel_demo_image_4" alt=""/>
|
||
<span>— John DOE, CEO of <b>MyCompany</b></span>
|
||
</footer>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- #03 -->
|
||
<div class="carousel-item oe_img_bg pt80 pb80" style="background-image: url('/web/image/website.s_quotes_carousel_demo_image_2'); background-position: 50% 50%;" data-name="Slide">
|
||
<div class="container">
|
||
<div class="row content">
|
||
<blockquote class="col-lg-6 offset-lg-6 bg-white">
|
||
<p>Odoo provides essential platform for our project management. Things are better organized and more visible with it.</p>
|
||
<footer class="blockquote-footer">
|
||
<img class="img" src="/web/image/website.s_quotes_carousel_demo_image_5" alt=""/>
|
||
<span>— Jane DOE, CEO of <b>MyCompany</b></span>
|
||
</footer>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Controls -->
|
||
<div class="carousel-control-prev" data-target="#myQuoteCarousel" data-slide="prev" role="img" aria-label="Previous" title="Previous">
|
||
<span class="carousel-control-prev-icon"/>
|
||
<span class="sr-only">Previous</span>
|
||
</div>
|
||
<div class="carousel-control-next" data-target="#myQuoteCarousel" data-slide="next" role="img" aria-label="Next" title="Next">
|
||
<span class="carousel-control-next-icon"/>
|
||
<span class="sr-only">Next</span>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<!-- Mega menu snippets -->
|
||
|
||
<template id="s_mega_menu_multi_menus" name="Multi-Menus">
|
||
<section class="s_mega_menu_multi_menus py-4">
|
||
<div class="container">
|
||
<div class="row">
|
||
<t t-set="menu1_title">First Menu</t>
|
||
<t t-set="menu2_title">Second Menu</t>
|
||
<t t-set="menu3_title">Third Menu</t>
|
||
<t t-set="menu4_title">Last Menu</t>
|
||
<t t-foreach="[menu1_title, menu2_title, menu3_title, menu4_title]" t-as="menu_title">
|
||
<div class="col-lg-3 py-2 text-center">
|
||
<h4 t-esc="menu_title"/>
|
||
<nav class="nav flex-column">
|
||
<t t-foreach="3" t-as="i">
|
||
<t t-set="text">Menu Item %s</t>
|
||
<t t-set="text" t-value="text % (i + 1)"/>
|
||
<a href="#" class="nav-link" data-name="Menu Item"
|
||
t-esc="text"/>
|
||
</t>
|
||
</nav>
|
||
</div>
|
||
</t>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<template id="s_mega_menu_menu_image_menu" name="Menu - Image - Menu">
|
||
<section class="s_mega_menu_menu_image_menu py-4">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-4 py-2 text-center">
|
||
<h4>Left Menu</h4>
|
||
<nav class="nav flex-column">
|
||
<t t-foreach="3" t-as="i">
|
||
<t t-set="text">Menu Item %s</t>
|
||
<t t-set="text" t-value="text % (i + 1)"/>
|
||
<a href="#" class="nav-link" data-name="Menu Item"
|
||
t-esc="text"/>
|
||
</t>
|
||
</nav>
|
||
</div>
|
||
<div class="col-lg-4 py-2 text-center">
|
||
<img class="img-fluid" src="/web/image/website.s_mega_menu_menu_image_menu_default_image"/>
|
||
</div>
|
||
<div class="col-lg-4 py-2 text-center">
|
||
<h4>Right Menu</h4>
|
||
<nav class="nav flex-column">
|
||
<t t-foreach="3" t-as="i">
|
||
<t t-set="text">Menu Item %s</t>
|
||
<t t-set="text" t-value="text % (i + 1)"/>
|
||
<a href="#" class="nav-link" data-name="Menu Item"
|
||
t-esc="text"/>
|
||
</t>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</template>
|
||
|
||
<!-- Snippets menu -->
|
||
<template id="snippets" inherit_id="web_editor.snippets" primary="True">
|
||
<xpath expr="//div[@id='o_scroll']" position="replace">
|
||
<div id="o_scroll">
|
||
<div id="snippet_mega_menu" class="o_panel d-none">
|
||
<div class="o_panel_header">
|
||
<i class="fa fa-puzzle-piece"/> Mega Menu
|
||
</div>
|
||
<div class="o_panel_body">
|
||
<t t-snippet="website.s_mega_menu_multi_menus" t-thumbnail="/website/static/src/img/snippets_thumbs/s_mega_menu_multi_menus.png"/>
|
||
<t t-snippet="website.s_mega_menu_menu_image_menu" t-thumbnail="/website/static/src/img/snippets_thumbs/s_mega_menu_menu_image_menu.png"/>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="snippet_structure" class="o_panel">
|
||
<div class="o_panel_header">
|
||
<i class="fa fa-th-large"/> Structure
|
||
</div>
|
||
<div class="o_panel_body">
|
||
<t t-snippet="website.s_banner" t-thumbnail="/website/static/src/img/snippets_thumbs/s_banner.png"/>
|
||
<t t-snippet="website.s_cover" t-thumbnail="/website/static/src/img/snippets_thumbs/s_cover.png"/>
|
||
<t t-snippet="website.s_text_image" t-thumbnail="/website/static/src/img/snippets_thumbs/s_text_image.png"/>
|
||
<t t-snippet="website.s_image_text" t-thumbnail="/website/static/src/img/snippets_thumbs/s_image_text.png"/>
|
||
<t t-snippet="website.s_title" t-thumbnail="/website/static/src/img/snippets_thumbs/s_title.png"/>
|
||
<t t-snippet="website.s_text_block" t-thumbnail="/website/static/src/img/snippets_thumbs/s_text_block.png"/>
|
||
<t t-snippet="website.s_picture" t-thumbnail="/website/static/src/img/snippets_thumbs/s_picture.png"/>
|
||
<t t-snippet="website.s_carousel" t-thumbnail="/website/static/src/img/snippets_thumbs/s_carousel.png"/>
|
||
<t t-snippet="website.s_features" t-thumbnail="/website/static/src/img/snippets_thumbs/s_features.png"/>
|
||
<t t-snippet="website.s_three_columns" t-thumbnail="/website/static/src/img/snippets_thumbs/s_three_columns.png"/>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="snippet_feature" class="o_panel">
|
||
<div class="o_panel_header">
|
||
<i class="fa fa-diamond"/> Features
|
||
</div>
|
||
<div class="o_panel_body">
|
||
<t t-snippet="website.s_image_gallery" t-thumbnail="/website/static/src/img/snippets_thumbs/s_image_gallery.png"/>
|
||
<t t-snippet="website.s_comparisons" t-thumbnail="/website/static/src/img/snippets_thumbs/s_comparison.png"/>
|
||
<t t-snippet="website.s_company_team" t-thumbnail="/website/static/src/img/snippets_thumbs/s_company_team.png"/>
|
||
<t t-snippet="website.s_call_to_action" t-thumbnail="/website/static/src/img/snippets_thumbs/s_call_to_action.png"/>
|
||
<t t-snippet="website.s_references" t-thumbnail="/website/static/src/img/snippets_thumbs/s_references.png"/>
|
||
<t t-snippet="website.s_faq_collapse" t-thumbnail="/website/static/src/img/snippets_thumbs/s_faq.png"/>
|
||
<t t-snippet="website.s_features_grid" t-thumbnail="/website/static/src/img/snippets_thumbs/s_features_grid.png"/>
|
||
<t t-snippet="website.s_tabs" t-thumbnail="/website/static/src/img/snippets_thumbs/s_tabs.png"/>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="snippet_effect" class="o_panel">
|
||
<div class="o_panel_header">
|
||
<i class="fa fa-magic icon-fix"/> Effects
|
||
</div>
|
||
<div class="o_panel_body">
|
||
<t t-snippet="website.s_parallax" t-thumbnail="/website/static/src/img/snippets_thumbs/s_parallax.png"/>
|
||
<t t-snippet="website.s_quotes_carousel" t-thumbnail="/website/static/src/img/snippets_thumbs/s_quotes_carousel.png"/>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="snippet_content" class="o_panel">
|
||
<div class="o_panel_header">
|
||
<i class="fa fa-indent"/> Inner content
|
||
</div>
|
||
<div class="o_panel_body">
|
||
<t t-snippet="website.s_btn" t-thumbnail="/website/static/src/img/snippets_thumbs/s_button.png"/>
|
||
<t t-snippet="website.s_hr" t-thumbnail="/website/static/src/img/snippets_thumbs/s_separator.png"/>
|
||
<t t-snippet="website.s_alert" t-thumbnail="/website/static/src/img/snippets_thumbs/s_alert.png"/>
|
||
<t t-snippet="website.s_card" t-thumbnail="/website/static/src/img/snippets_thumbs/s_card.png"/>
|
||
<t t-snippet="website.s_share" t-thumbnail="/website/static/src/img/snippets_thumbs/s_share.png"/>
|
||
<t t-snippet="website.s_facebook_page" t-thumbnail="/website/static/src/img/snippets_thumbs/s_facebook_page.png"/>
|
||
<t t-snippet="website.s_rating" t-thumbnail="/website/static/src/img/snippets_thumbs/s_rating.png"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</xpath>
|
||
|
||
<xpath expr="//div[@id='snippet_options']/t" position="attributes">
|
||
<attribute name="t-call">website.snippet_options</attribute>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="external_snippets" inherit_id="website.snippets" priority="8">
|
||
<xpath expr="//div[@id='snippet_feature']//t[@t-snippet][last()]" position="after">
|
||
<t id="newsletter_popup_snippet" t-install="mass_mailing" string="Newsletter Popup" t-thumbnail="/website/static/src/img/snippets_thumbs/newsletter_subscribe_popup.png"/>
|
||
<t id="newsletter_block_snippet" t-install="mass_mailing" string="Newsletter Block" t-thumbnail="/website/static/src/img/snippets_thumbs/s_newsletter_block.png"/>
|
||
<t t-install="website_twitter" string="Twitter Scroller" t-thumbnail="/website/static/src/img/snippets_thumbs/s_twitter_scroll.png"/>
|
||
<t t-install="website_form" string="Form Builder" t-thumbnail="/website/static/src/img/s_website_form.png"/>
|
||
<t id="s_products_searchbar" t-install="website_sale" string="Products Search" t-thumbnail="/website/static/src/img/snippets_thumbs/s_products_searchbar.png"/>
|
||
<t id="s_products_recently_viewed" t-install="website_sale" string="Products Recently Viewed" t-thumbnail="/website/static/src/img/snippets_thumbs/s_products_recently_viewed.png"/>
|
||
</xpath>
|
||
<xpath expr="//div[@id='snippet_content']//t[@t-snippet][last()]" position="after">
|
||
<t t-install="website_event" string="Local Events" t-thumbnail="/website/static/src/img/snippets_thumbs/s_local_events.png"/>
|
||
<t t-install="website_mail_channel" string="Discussion Group" t-thumbnail="/website/static/src/img/snippets_thumbs/s_button_channel_subscribe.png"/>
|
||
<t id="newsletter_snippet" t-install="mass_mailing" string="Newsletter" t-thumbnail="/website/static/src/img/snippets_thumbs/s_newsletter_subscribe_form.png"/>
|
||
<t id="s_products_searchbar_input" t-install="website_sale" string="Products Search Input" t-thumbnail="/website/static/src/img/snippets_thumbs/s_products_searchbar.png"/>
|
||
</xpath>
|
||
</template>
|
||
|
||
<template id="snippet_options">
|
||
<t t-call="web_editor.snippet_options"/>
|
||
|
||
<!-- COLOR | .s_three_columns | .s_comparisons -->
|
||
<div data-js="colorpicker" string="Color"
|
||
data-selector=".s_three_columns .row > div, .s_comparisons .row > div, .s_tabs .row > div"
|
||
data-target=".card"/>
|
||
|
||
<!-- COLOR | .s_hr -->
|
||
<div data-js="colorpicker" string="Color"
|
||
data-selector=".s_hr"
|
||
data-target="hr"
|
||
data-color-prefix="border-"
|
||
data-palette-exclude="transparent_grayscale, common, custom"/>
|
||
|
||
<!-- COLOR | .s_cards -->
|
||
<div data-js="colorpicker" string="Color"
|
||
data-selector=".s_card, .accordion .card"/>
|
||
|
||
<!-- COLOR | .s_alert -->
|
||
<div data-js="colorpicker" string="Color"
|
||
data-selector=".s_alert"
|
||
data-color-prefix="alert-"/>
|
||
|
||
<!-- STYLES | .s_title -->
|
||
<div data-selector=".s_title" data-target="[class*='s_title_']">
|
||
<we-select string="Typography">
|
||
<we-button data-select-class="s_title_boxed">Boxed</we-button>
|
||
<we-button data-select-class="s_title_lines">Line-On-Sides</we-button>
|
||
<we-button data-select-class="s_title_thin">Thin</we-button>
|
||
<we-button data-select-class="s_title_transparent">Transparent</we-button>
|
||
<we-button data-select-class="s_title_underlined">Underlined</we-button>
|
||
<we-button data-select-class="s_title_small_caps">Small Caps</we-button>
|
||
<we-divider/>
|
||
<we-button data-select-class="s_title_default">Default</we-button>
|
||
</we-select>
|
||
</div>
|
||
|
||
<!-- H-ALIGN | .s_btn -->
|
||
<div data-selector=".s_btn, .s_share">
|
||
<we-select string="Alignment">
|
||
<we-button data-select-class="text-left">Left</we-button>
|
||
<we-button data-select-class="text-center">Center</we-button>
|
||
<we-button data-select-class="text-right">Right</we-button>
|
||
</we-select>
|
||
</div>
|
||
|
||
<div data-selector=".s_alert">
|
||
<we-select string="Size">
|
||
<we-button data-select-class="s_alert_sm">Small</we-button>
|
||
<we-button data-select-class="s_alert_md">Medium</we-button>
|
||
<we-button data-select-class="s_alert_lg">Large</we-button>
|
||
</we-select>
|
||
</div>
|
||
|
||
<div data-selector=".s_alert, .s_card">
|
||
<we-select string="Width">
|
||
<we-button data-select-class="w-25">25%</we-button>
|
||
<we-button data-select-class="w-50">50%</we-button>
|
||
<we-button data-select-class="w-75">75%</we-button>
|
||
<we-button data-select-class="w-100">100%</we-button>
|
||
</we-select>
|
||
</div>
|
||
|
||
<!-- STYLES | .s_rating -->
|
||
<div data-selector=".s_rating > div">
|
||
<we-select string="Icon">
|
||
<we-button data-select-class="s_rating_stars"><i class="fa fa-fw fa-star"/> Stars</we-button>
|
||
<we-button data-select-class="s_rating_squares"><i class="fa fa-fw fa-square"/> Squares</we-button>
|
||
<we-button data-select-class="s_rating_hearts"><i class="fa fa-fw fa-heart"/> Hearts</we-button>
|
||
<we-button data-select-class="s_rating_bar"><i class="fa fa-fw fa-tasks"/> Progress Bar</we-button>
|
||
</we-select>
|
||
<we-select string="Value">
|
||
<we-button data-select-class="">0</we-button>
|
||
<we-button data-select-class="s_rating_1">1/5</we-button>
|
||
<we-button data-select-class="s_rating_2">2/5</we-button>
|
||
<we-button data-select-class="s_rating_3">3/5</we-button>
|
||
<we-button data-select-class="s_rating_4">4/5</we-button>
|
||
<we-button data-select-class="s_rating_5">5/5</we-button>
|
||
</we-select>
|
||
<we-select string="Size">
|
||
<we-button data-select-class="s_rating_1x">Small</we-button>
|
||
<we-button data-select-class="s_rating_2x">Medium</we-button>
|
||
<we-button data-select-class="s_rating_3x">Big</we-button>
|
||
</we-select>
|
||
</div>
|
||
|
||
<!-- STYLES | .s_hr -->
|
||
<div data-selector=".s_hr" data-target="hr">
|
||
<we-select string="Thickness">
|
||
<t t-foreach="range(1,6)" t-as="s_hr_thickness">
|
||
<we-button t-attf-data-select-class="s_hr_{{s_hr_thickness}}px"><t t-esc="s_hr_thickness"/>px</we-button>
|
||
</t>
|
||
</we-select>
|
||
<we-select string="Style">
|
||
<we-button data-select-class="s_hr_solid">Solid</we-button>
|
||
<we-button data-select-class="s_hr_dashed">Dashed</we-button>
|
||
<we-button data-select-class="s_hr_dotted">Dotted</we-button>
|
||
<we-button data-select-class="s_hr_double">Double</we-button>
|
||
</we-select>
|
||
<we-select string="Width">
|
||
<we-button data-select-class="w-25">25%</we-button>
|
||
<we-button data-select-class="w-50">50%</we-button>
|
||
<we-button data-select-class="w-75">75%</we-button>
|
||
<we-button data-select-class="w-100">100%</we-button>
|
||
</we-select>
|
||
<we-select string="Alignment">
|
||
<we-button data-select-class="mr-auto">Left</we-button>
|
||
<we-button data-select-class="mx-auto">Center</we-button>
|
||
<we-button data-select-class="ml-auto">Right</we-button>
|
||
</we-select>
|
||
</div>
|
||
|
||
<!-- Carousel | .s_carousel | .s_quotes_carousel -->
|
||
<div data-js="Carousel"
|
||
data-selector="section"
|
||
data-target="> .carousel">
|
||
<we-select string="Transition">
|
||
<we-button data-select-class="slide">Slide</we-button>
|
||
<we-button data-select-class="carousel-fade slide">Fade</we-button>
|
||
<we-divider/>
|
||
<we-button data-select-class="">None</we-button>
|
||
</we-select>
|
||
<we-select string="Style">
|
||
<we-button data-select-class="s_carousel_bordered">Bordered</we-button>
|
||
<we-button data-select-class="s_carousel_boxed">Boxed</we-button>
|
||
<we-button data-select-class="s_carousel_rounded">Rounded</we-button>
|
||
<we-divider/>
|
||
<we-button data-select-class="s_carousel_default">Default</we-button>
|
||
</we-select>
|
||
<we-input string="Speed" data-set-data-attribute="interval" data-unit="s" data-save-unit="ms" data-step="0.1"/>
|
||
</div>
|
||
|
||
<div data-js="CarouselItem"
|
||
data-selector=".carousel-item">
|
||
<we-button data-slide="left" data-no-preview="true" class="fa fa-fw fa-angle-left"/>
|
||
<we-button data-slide="right" data-no-preview="true" class="fa fa-fw fa-angle-right"/>
|
||
<we-button data-add-slide="true" data-no-preview="true" class="fa fa-fw fa-plus"/>
|
||
<we-button data-remove-slide="true" data-no-preview="true" class="fa fa-fw fa-minus"/>
|
||
</div>
|
||
|
||
<div data-js="navTabs" data-selector="section .row > div" data-target=".nav-tabs">
|
||
<we-button data-add-tab="1" data-no-preview="true">Add Tab</we-button>
|
||
<we-button data-remove-tab="1" data-no-preview="true">Remove Tab</we-button>
|
||
</div>
|
||
|
||
<div data-js="gallery" data-selector=".o_gallery">
|
||
<we-button data-add-images="true" data-no-preview="true">Add images</we-button>
|
||
<we-button data-remove-all-images="true" data-no-preview="true">Remove all images</we-button>
|
||
<we-divider/>
|
||
<we-select string="Mode">
|
||
<we-button data-mode="nomode">Float</we-button>
|
||
<we-button data-mode="masonry">Masonry</we-button>
|
||
<we-button data-mode="grid">Grid</we-button>
|
||
<we-button data-mode="slideshow">Slideshow</we-button>
|
||
</we-select>
|
||
<we-select string="Slideshow speed">
|
||
<we-button data-interval="1000">1s</we-button>
|
||
<we-button data-interval="2000">2s</we-button>
|
||
<we-button data-interval="3000">3s</we-button>
|
||
<we-button data-interval="5000">5s</we-button>
|
||
<we-button data-interval="10000">10s</we-button>
|
||
<we-button data-interval="0">Disable autoplay</we-button>
|
||
</we-select>
|
||
<we-select string="Columns">
|
||
<we-button data-columns="1">1</we-button>
|
||
<we-button data-columns="2">2</we-button>
|
||
<we-button data-columns="3">3</we-button>
|
||
<we-button data-columns="4">4</we-button>
|
||
<we-button data-columns="6">6</we-button>
|
||
<we-button data-columns="12">12</we-button>
|
||
</we-select>
|
||
<we-select string="Images spacing" class="o_w_image_spacing_option">
|
||
<we-button data-select-class="o_spc-none">None</we-button>
|
||
<we-button data-select-class="o_spc-small">Small</we-button>
|
||
<we-button data-select-class="o_spc-medium">Medium</we-button>
|
||
<we-button data-select-class="o_spc-big">Big</we-button>
|
||
</we-select>
|
||
<we-select string="Styling">
|
||
<we-button data-styling="">Square</we-button>
|
||
<we-button data-styling="rounded">Rounded corners</we-button>
|
||
<we-button data-styling="img-thumbnail">Thumbnails</we-button>
|
||
<we-button data-styling="rounded-circle">Circle</we-button>
|
||
<we-button data-styling="shadow">Shadows</we-button>
|
||
</we-select>
|
||
</div>
|
||
|
||
<div data-js="gallery_img" data-selector=".o_gallery img">
|
||
<div data-no-preview="true">
|
||
<we-title>Re-order</we-title>
|
||
<we-button data-position="first">Move to first</we-button>
|
||
<we-button data-position="prev">Move to previous</we-button>
|
||
<we-button data-position="next">Move to next</we-button>
|
||
<we-button data-position="last">Move to last</we-button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Facebook Page -->
|
||
<div data-js="facebookPage" data-selector=".o_facebook_page">
|
||
<we-button data-fb-page-options="true" data-no-preview="true">Facebook Options</we-button>
|
||
</div>
|
||
|
||
<!-- Accordion -->
|
||
<div data-js="collapse"
|
||
data-selector='.accordion > .card'
|
||
data-drop-in='.accordion:has(> .card)'/>
|
||
|
||
<div data-js="layout_column"
|
||
data-selector="section"
|
||
data-target="> * > .row:not(.s_nb_column_fixed)">
|
||
<we-select string="Number of columns" data-no-preview="true">
|
||
<we-button data-select-count="1">1</we-button>
|
||
<we-button data-select-count="2">2</we-button>
|
||
<we-button data-select-count="3">3</we-button>
|
||
<we-button data-select-count="4">4</we-button>
|
||
<we-button data-select-count="5">5</we-button>
|
||
<we-button data-select-count="6">6</we-button>
|
||
</we-select>
|
||
</div>
|
||
|
||
<!-- Move snippets around -->
|
||
<div data-js="SnippetMove"
|
||
data-selector="section">
|
||
<we-button class="fa fa-fw fa-angle-up" data-move-snippet="prev" data-no-preview="true"/>
|
||
<we-button class="fa fa-fw fa-angle-down" data-move-snippet="next" data-no-preview="true"/>
|
||
</div>
|
||
<div data-js="SnippetMove"
|
||
data-selector=".row:not(.s_col_no_resize) > div">
|
||
<we-button class="fa fa-fw fa-angle-left" data-move-snippet="prev" data-no-preview="true"/>
|
||
<we-button class="fa fa-fw fa-angle-right" data-move-snippet="next" data-no-preview="true"/>
|
||
</div>
|
||
|
||
<!-- V-ALIGN -->
|
||
<div id="row_valign_snippet_option" data-selector=".s_text_image, .s_image_text, .s_three_columns" data-target=".row">
|
||
<we-select string="Alignment">
|
||
<we-button data-select-class="align-items-start">Top</we-button>
|
||
<we-button data-select-class="align-items-center">Middle</we-button>
|
||
<we-button data-select-class="align-items-end">Bottom</we-button>
|
||
<we-divider/>
|
||
<we-button data-select-class="align-items-stretch">Equal height</we-button>
|
||
</we-select>
|
||
</div>
|
||
|
||
<!-- Background Image -->
|
||
<div data-js="background" string="Background"
|
||
data-selector="section, .parallax, .carousel-item"
|
||
data-exclude=".s_hr, .s_image_gallery, .o_gallery .carousel-item"/>
|
||
|
||
<!-- Background Image Size/Position -->
|
||
<div data-js="BackgroundPosition"
|
||
data-selector="section, .parallax, .carousel-item"
|
||
data-exclude=".o_gallery .carousel-item">
|
||
<we-row>
|
||
<we-select data-no-preview="true">
|
||
<we-button data-background-type="cover">Cover</we-button>
|
||
<we-button data-background-type="repeat-pattern">Repeat pattern</we-button>
|
||
</we-select>
|
||
<we-button class="fa fa-fw fa-arrows" title="Background Position"
|
||
data-background-position-overlay="true" data-no-preview="true"/>
|
||
</we-row>
|
||
<we-input string="Background width" data-set-style="background-size" data-default-value="auto"/>
|
||
<we-input string="Background height" data-set-style="background-size" data-default-value="auto"/>
|
||
</div>
|
||
|
||
<!-- Parallax -->
|
||
<div data-js="parallax" data-selector=".parallax">
|
||
<we-select string="Scroll Speed">
|
||
<we-button data-scroll="0">No-scroll</we-button>
|
||
<we-divider/>
|
||
<we-button data-scroll="1">Fixed</we-button>
|
||
<we-divider/>
|
||
<we-button data-scroll="0.6">Very Slow</we-button>
|
||
<we-button data-scroll="1.2">Slow</we-button>
|
||
<we-button data-scroll="1.6">Fast</we-button>
|
||
<we-button data-scroll="2">Very Fast</we-button>
|
||
</we-select>
|
||
</div>
|
||
|
||
<!-- Color | Section -->
|
||
<div id="so_main_colorpicker" string="Background Color"
|
||
data-js="colorpicker"
|
||
data-selector="section, .carousel-item"
|
||
data-exclude=".parallax, .o_gallery .carousel-item"/>
|
||
|
||
<!-- FILTER | .s_parallax -->
|
||
<div data-js="colorpicker" string="Filter"
|
||
data-selector=".parallax"
|
||
data-palette-exclude="common, theme, custom"
|
||
data-palette-default="transparent_grayscale"/>
|
||
|
||
<!-- Color | Columns -->
|
||
<div data-js="colorpicker" string="Background Color"
|
||
data-selector="section .row > div"
|
||
data-exclude=".s_col_no_bgcolor, .s_col_no_bgcolor.row > div, .o_gallery .row > div"/>
|
||
|
||
<div data-selector="section .row > div"
|
||
data-exclude=".s_col_no_bgcolor, .s_col_no_bgcolor.row > div, .o_gallery .row > div">
|
||
<we-input string="Border" data-set-style="border-width" data-extra-class="border"/>
|
||
<we-input string="Rounded" data-set-style="border-radius" data-extra-class="rounded"/>
|
||
<we-checkbox string="Shadow" data-toggle-class="shadow"/>
|
||
</div>
|
||
|
||
<div data-js="sizing_y"
|
||
data-selector="section, .row > div, .parallax, .s_hr, .s_btn, .carousel-item"
|
||
data-exclude="section:has(> .carousel), .o_gallery .carousel-item"/>
|
||
|
||
<div data-js="sizing_x"
|
||
data-selector=".row > div"
|
||
data-drop-near=".row > div"
|
||
data-exclude=".s_col_no_resize.row > div"/>
|
||
|
||
<div id="so_snippet_addition"
|
||
data-selector="section, .parallax"
|
||
data-drop-in=":not(p).oe_structure:not(.oe_structure_solo), :not(p)[data-oe-type=html], :not(p).oe_structure.oe_structure_solo:not(:has(> section, > div))"/>
|
||
|
||
<!-- Main content drop -->
|
||
<div id="so_content_addition"
|
||
data-selector="blockquote, .s_btn, .s_card, .s_alert, .o_facebook_page, .s_share, .s_rating, .s_hr"
|
||
data-drop-near="p, h1, h2, h3, blockquote, .s_btn, .s_card, .s_alert, .o_facebook_page, .s_share, .s_rating, .s_hr"
|
||
data-drop-in=".content, nav"/>
|
||
|
||
<div data-js="ul"
|
||
data-selector=":not(li) > ul:has(ul,ol), :not(li) > ol:has(ul,ol)">
|
||
<we-checkbox string="Folded list" data-toggle-class="o_ul_folded"/>
|
||
</div>
|
||
|
||
<div data-js="menu_data"
|
||
data-selector="#top_menu li > a"
|
||
data-exclude=".dropdown-toggle"
|
||
data-no-check="true"/>
|
||
|
||
<div data-js="company_data"
|
||
data-selector="[data-oe-expression='res_company.partner_id']"
|
||
data-no-check="true"/>
|
||
|
||
<div data-js="topMenuTransparency"
|
||
data-selector="[data-main-object^='website.page('] #wrapwrap > header"
|
||
data-no-check="true">
|
||
<we-checkbox string="Transparent" data-transparent="true" data-no-preview="true"/>
|
||
</div>
|
||
|
||
<div data-js="topMenuColor" string="Background Color"
|
||
data-selector="[data-main-object^='website.page('] #wrapwrap > header"
|
||
data-palette-exclude="theme,common, custom"
|
||
data-palette-default="transparent_grayscale"
|
||
data-no-check="true">
|
||
</div>
|
||
|
||
<!-- Anchor Name -->
|
||
<div data-js="anchor"
|
||
data-selector=":not(p).oe_structure > *, :not(p)[data-oe-type=html] > *"
|
||
data-exclude=".modal *">
|
||
<we-button class="fa fa-fw fa-link"
|
||
title="Create a link to target this section"
|
||
data-no-preview="true"/>
|
||
</div>
|
||
|
||
<!-- Mega Menu settings -->
|
||
<div data-selector=".o_mega_menu">
|
||
<we-select string="Size">
|
||
<we-button data-select-class="">Full-Width</we-button>
|
||
<we-button data-select-class="o_mega_menu_container_size">Narrow</we-button>
|
||
</we-select>
|
||
</div>
|
||
|
||
<div data-selector=".o_mega_menu .nav-link"
|
||
data-drop-in=".o_mega_menu nav"
|
||
data-drop-near=".o_mega_menu .nav-link"/>
|
||
|
||
<div data-js="CoverProperties" data-selector=".o_record_cover_container" data-no-check="true">
|
||
<we-button data-change="true" data-no-preview="true">Change Cover</we-button>
|
||
<we-button data-clear="true" data-no-preview="true">Remove Cover</we-button>
|
||
<we-select string="Size">
|
||
<we-button data-cover-opt="size" data-select-class="o_record_has_cover cover_full">Full Screen</we-button>
|
||
<we-button data-cover-opt="size" class="o_record_cover_opt_size_default" data-select-class="o_record_has_cover cover_mid">Half Screen</we-button>
|
||
<we-button data-cover-opt="size" data-select-class="o_record_has_cover cover_auto">Fit text</we-button>
|
||
</we-select>
|
||
<we-select string="Filter Intensity">
|
||
<we-button data-cover-opt="filters" data-filter-value="0.0">None</we-button>
|
||
<we-button data-cover-opt="filters" data-filter-value="0.2">Low</we-button>
|
||
<we-button data-cover-opt="filters" data-filter-value="0.4">Medium</we-button>
|
||
<we-button data-cover-opt="filters" data-filter-value="0.6">High</we-button>
|
||
</we-select>
|
||
<we-select string="Filter Color">
|
||
<we-button data-cover-opt="filters" data-filter-color="oe_black">Black</we-button>
|
||
<we-button data-cover-opt="filters" data-filter-color="oe_none">White</we-button>
|
||
<we-button data-cover-opt="filters" data-filter-color="bg-primary">Primary</we-button>
|
||
<we-button data-cover-opt="filters" data-filter-color="bg-secondary">Secondary</we-button>
|
||
<we-button data-cover-opt="filters" data-filter-color="oe_blue">Blue</we-button>
|
||
<we-button data-cover-opt="filters" data-filter-color="oe_yellow">Yellow</we-button>
|
||
<we-button data-cover-opt="filters" data-filter-color="oe_red">Red</we-button>
|
||
<we-button data-cover-opt="filters" data-filter-color="oe_purple">Purple</we-button>
|
||
<we-button data-cover-opt="filters" data-filter-color="oe_green">Green</we-button>
|
||
</we-select>
|
||
<we-select string="Text Size">
|
||
<we-button data-cover-opt="text_size" data-select-class="o_record_cover_font_hero">Hero</we-button>
|
||
<we-button data-cover-opt="text_size" data-select-class="o_record_cover_font_huge">Huge</we-button>
|
||
<we-button data-cover-opt="text_size" data-select-class="o_record_cover_font_big">Big</we-button>
|
||
<we-button data-cover-opt="text_size" data-select-class="">Regular</we-button>
|
||
<we-button data-cover-opt="text_size" data-select-class="o_record_cover_font_small">Small</we-button>
|
||
<we-button data-cover-opt="text_size" data-select-class="o_record_cover_font_tiny">Tiny</we-button>
|
||
</we-select>
|
||
<we-select string="Text Alignment">
|
||
<we-button data-cover-opt="text_align" data-select-class="">Left</we-button>
|
||
<we-button data-cover-opt="text_align" data-select-class="text-center">Centered</we-button>
|
||
<we-button data-cover-opt="text_align" data-select-class="text-right">Right</we-button>
|
||
</we-select>
|
||
</div>
|
||
|
||
<!-- Stretch section -->
|
||
<div data-js="SectionStretch"
|
||
data-selector="section"
|
||
data-target="> .container, > .container-fluid">
|
||
<we-checkbox string="Stretch" data-toggle-container-fluid=""/>
|
||
</div>
|
||
</template>
|
||
</odoo>
|