1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
|
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<!-- Template -->
<template name="Showcase" id="s_showcase">
<section class="s_showcase pt48 pb48" data-vcss="003">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="row">
<div class="col-12 pb32">
<h3>Features showcase</h3>
<p class="lead">A features section highlights your product’s key attributes, engaging visitors and boosting conversions.</p>
</div>
<div class="col-12 pt8 pb8" data-name="Feature">
<i class="s_showcase_icon fa fa-star-o me-auto rounded float-start bg-o-color-3" role="img"/>
<div class="d-flex flex-column">
<h5 class="s_showcase_title">Highlights Key Attributes</h5>
<p>A feature section allows you to clearly showcase the main benefits and unique aspects of your product.</p>
</div>
</div>
<div class="col-12 pt8 pb8" data-name="Feature">
<i class="s_showcase_icon fa fa-user-o me-auto rounded float-start bg-o-color-3" role="img"/>
<div class="d-flex flex-column">
<h5 class="s_showcase_title">Engages Visitors</h5>
<p>It captures your visitors' attention and helps them quickly understand the value of your product.</p>
</div>
</div>
<div class="col-12 pt8 pb8" data-name="Feature">
<i class="s_showcase_icon fa fa-heart-o me-auto rounded float-start bg-o-color-3" role="img"/>
<div class="d-flex flex-column">
<h5 class="s_showcase_title">Boosts Conversions</h5>
<p>Organizing and presenting key information effectively increases the likelihood of turning your visitors into customers.</p>
</div>
</div>
<div class="col-12 pt8 pb8" style="text-align: right;">
<div class="s_hr pt0 pb16" data-snippet="s_hr">
<hr class="w-100 mx-auto"/>
</div>
<a href="#">Discover all the features</a>
</div>
</div>
</div>
<div class="col-lg-6 o_snippet_mobile_invisible d-lg-block d-none">
<img src="/web/image/website.s_showcase_default_image" class="img img-fluid ms-auto rounded float-end" alt=""/>
</div>
</div>
</div>
</section>
</template>
<!-- Options -->
<template id="s_showcase_options" inherit_id="website.snippet_options">
<xpath expr="//div[@data-js='Box']" position="before">
<div data-js="Showcase" data-selector=".s_showcase .row > div:has(> .s_showcase_title)"/>
</xpath>
</template>
<!-- Assets -->
<record id="website.s_showcase_000_scss" model="ir.asset">
<field name="name">Showcase 000 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">website/static/src/snippets/s_showcase/000.scss</field>
<field name="active" eval="False"/>
</record>
<record id="website.s_showcase_001_scss" model="ir.asset">
<field name="name">Showcase 001 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">website/static/src/snippets/s_showcase/001.scss</field>
<field name="active" eval="False"/>
</record>
<record id="website.s_showcase_002_scss" model="ir.asset">
<field name="name">Showcase 002 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">website/static/src/snippets/s_showcase/002.scss</field>
<field name="active" eval="False"/>
</record>
<record id="website.s_showcase_003_scss" model="ir.asset">
<field name="name">Showcase 003 SCSS</field>
<field name="bundle">web.assets_frontend</field>
<field name="path">website/static/src/snippets/s_showcase/003.scss</field>
</record>
</odoo>
|
