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.
120 lines
5.5 KiB
120 lines
5.5 KiB
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<odoo>
|
|
<template id="cts_theme_rozz_banner" inherit_id="website.snippets"
|
|
name="Banner">
|
|
<!-- Inherit "website.snippets" to add the 'Banner' section of the cts_theme_rozz -->
|
|
<xpath expr="//snippets[@id='snippet_groups']"
|
|
position="inside">
|
|
<t t-snippet="cts_theme_rozz.s_rozz_banner"
|
|
t-thumbnail="/cts_theme_rozz/static/src/images/snippets/Rozz-banner-block.jpg"/>
|
|
</xpath>
|
|
</template>
|
|
<template id="s_rozz_banner" name="Rozz Banner">
|
|
<!-- The above template represents a banner section for a car service agency website.
|
|
It features a compelling headline and a call-to-action button for getting a quote.
|
|
Additionally, it includes a counter area showcasing the number of years experienced,
|
|
happy clients, projects completed, and active projects, adding credibility and trust
|
|
to the agency's services. -->
|
|
<section>
|
|
<div class="container-fluid banner">
|
|
<div class="container">
|
|
<img
|
|
src="/cts_theme_rozz/static/src/images/banner.jpg" class="hero-banner"/>
|
|
<div class="row">
|
|
<div class="col-7 col-sm-9 col-md-9">
|
|
<h1>
|
|
Best <span>Car Service</span> Agency In the Town
|
|
</h1>
|
|
<div class="btn-hero">
|
|
<a href="/blog" >Get a Quote</a>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-5">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Counter -->
|
|
<div class="counter-area" data-exp-count="15" data-happy-count="105" data-project-count="5127" data-active-count="523">
|
|
<div class="counter-wrap">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-6 col-sm-6 col-md-3 col-lg-3">
|
|
<div class="counter-item">
|
|
<h3 class="odometer" data-count="25">
|
|
00
|
|
</h3>
|
|
<p>Years Experienced</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-sm-6 col-md-3 col-lg-3">
|
|
<div class="counter-item">
|
|
<h3 class="odometer" data-count="356">
|
|
00
|
|
</h3>
|
|
<p>Happy Clients</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-sm-6 col-md-3 col-lg-3">
|
|
<div class="counter-item">
|
|
<h3 class="odometer" data-count="7156">
|
|
00
|
|
</h3>
|
|
<p>Project Completed</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-sm-6 col-md-3 col-lg-3">
|
|
<div class="counter-item">
|
|
<h3 class="odometer" data-count="22">
|
|
00
|
|
</h3>
|
|
<p>Active Project</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<template id="odometer_options" inherit_id="website.snippet_options">
|
|
<xpath expr="//div[@data-js='Box']" position="before">
|
|
<div data-js="Odometer" data-selector=".counter-area">
|
|
<we-title>Counter Values</we-title>
|
|
<we-input
|
|
string="Years Experienced"
|
|
data-attribute-name="expCount"
|
|
data-set-exp-count=""
|
|
data-type="years"
|
|
data-select-data-attribute=""
|
|
data-no-preview="true"/>
|
|
|
|
<we-input
|
|
string="Happy Clients"
|
|
data-attribute-name="happyCount"
|
|
data-type="clients"
|
|
data-set-happy-count=""
|
|
data-select-data-attribute=""
|
|
data-no-preview="true"/>
|
|
|
|
<we-input
|
|
string="Projects Completed"
|
|
data-attribute-name="projectCount"
|
|
data-set-project-count=""
|
|
data-type="completed"
|
|
data-select-data-attribute=""
|
|
data-no-preview="true"/>
|
|
|
|
<we-input
|
|
string="Active Projects"
|
|
data-attribute-name="activeCount"
|
|
data-set-active-count=""
|
|
data-type="active"
|
|
data-select-data-attribute=""
|
|
data-no-preview="true"/>
|
|
</div>
|
|
</xpath>
|
|
</template>
|
|
</odoo>
|
|
|