You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
149 lines
9.3 KiB
149 lines
9.3 KiB
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<odoo>
|
|
<!-- This XML record defines a custom QWeb view for the "Feature" section of the website -->
|
|
<record id="coffee_feature" model="ir.ui.view">
|
|
<field name="name">Feature</field>
|
|
<field name="type">qweb</field>
|
|
<field name="key">theme_coffee_shop.coffee_feature</field>
|
|
<field name="arch" type="xml">
|
|
<t name="Feature" t-name="theme_coffee_shop.feature">
|
|
<t t-call="website.layout">
|
|
<div id="wrap" class="oe_structure oe_empty">
|
|
<section id="banner" class="banner-imgFeature" data-vcss="001" data-snippet="s_title">
|
|
<div class="container wrapper ">
|
|
<div class="banner-content">
|
|
<div class="banner-text">
|
|
<p class="banner-head">Our awesome</p>
|
|
<p class="banner-head">Premium
|
|
Features
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="s_process_steps pt24 pb24 s_process_steps_connector_line" data-vcss="001">
|
|
<svg class="s_process_step_svg_defs position-absolute">
|
|
<defs>
|
|
<marker class="s_process_steps_arrow_head" markerWidth="15" markerHeight="10"
|
|
refX="6" refY="6" orient="auto">
|
|
<path d="M 2,2 L10,6 L2,10 L6,6 L2,2" vector-effect="non-scaling-size"/>
|
|
</marker>
|
|
</defs>
|
|
</svg>
|
|
<div class="container">
|
|
<div class="row g-0">
|
|
<div class="col-lg-3 s_process_step pt24 pb24">
|
|
<svg class="s_process_step_connector" viewBox="0 0 100 20"
|
|
preserveAspectRatio="none">
|
|
<path d="M 0 10 L 100 10" vector-effect="non-scaling-stroke"/>
|
|
</svg>
|
|
<div class="s_process_step_icon">
|
|
<i class="fa fa-shopping-basket fa-2x mx-auto rounded-circle bg-o-color-1"/>
|
|
</div>
|
|
<div class="s_process_step_content">
|
|
<h2>Add to cart</h2>
|
|
<p>Let your customers follow<br/>and understand your process.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 s_process_step pt24 pb24">
|
|
<svg class="s_process_step_connector" viewBox="0 0 100 20"
|
|
preserveAspectRatio="none">
|
|
<path d="M 0 10 L 100 10" vector-effect="non-scaling-stroke"/>
|
|
</svg>
|
|
<div class="s_process_step_icon">
|
|
<i class="fa fa-unlock-alt fa-2x mx-auto rounded-circle bg-o-color-5"/>
|
|
</div>
|
|
<div class="s_process_step_content">
|
|
<h2>Sign in</h2>
|
|
<p>Click on the icon to adapt it<br/>to your purpose.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 s_process_step pt24 pb24">
|
|
<svg class="s_process_step_connector" viewBox="0 0 100 20"
|
|
preserveAspectRatio="none">
|
|
<path d="M 0 10 L 100 10" vector-effect="non-scaling-stroke"/>
|
|
</svg>
|
|
<div class="s_process_step_icon">
|
|
<i class="fa fa-paypal fa-2x mx-auto rounded-circle bg-o-color-2"/>
|
|
</div>
|
|
<div class="s_process_step_content">
|
|
<h2>Pay</h2>
|
|
<p>Duplicate blocks<br/>to add more steps.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 s_process_step pt24 pb24">
|
|
<svg class="s_process_step_connector" viewBox="0 0 100 20"
|
|
preserveAspectRatio="none">
|
|
<path d="M 0 10 L 100 10" vector-effect="non-scaling-stroke"/>
|
|
</svg>
|
|
<div class="s_process_step_icon">
|
|
<i class="fa fa-plane fa-2x mx-auto rounded-circle bg-o-color-3"/>
|
|
</div>
|
|
<div class="s_process_step_content">
|
|
<h2>Get Delivered</h2>
|
|
<p>Select and delete blocks<br/>to remove some steps.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<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-secondary">Discover more</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="s_features pt32 pb32">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-4 pt32 pb32 text-center">
|
|
<i class="fa fa-3x fa-gear rounded bg-o-color-1 m-3"/>
|
|
<h3>First Feature</h3>
|
|
<p>Tell what's the value for the<br/>customer for this feature.
|
|
</p>
|
|
</div>
|
|
<div class="col-lg-4 pt32 pb32 text-center">
|
|
<i class="fa fa-3x fa-photo rounded bg-o-color-5 m-3"/>
|
|
<h3>Second Feature</h3>
|
|
<p>Write what the customer would like to know,<br/>not what you want to show.
|
|
</p>
|
|
</div>
|
|
<div class="col-lg-4 pt32 pb32 text-center">
|
|
<i class="fa fa-3x fa-leaf rounded bg-o-color-2 m-3"/>
|
|
<h3>Third Feature</h3>
|
|
<p>A small explanation of this great<br/>feature, in clear words.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</t>
|
|
</t>
|
|
</field>
|
|
</record>
|
|
<record id="feature" model="website.page">
|
|
<field name="is_published">True</field>
|
|
<field name="url">/feature</field>
|
|
<field name="view_id" ref="coffee_feature"/>
|
|
<field name="track">True</field>
|
|
</record>
|
|
</odoo>
|