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.
89 lines
4.2 KiB
89 lines
4.2 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="//div[@id='snippet_structure']/div[hasclass('o_panel_body')]"
|
|
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">
|
|
<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>
|
|
<span class="odometer" data-count="15">
|
|
00
|
|
</span>
|
|
</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>
|
|
<span class="odometer" data-count="156">
|
|
00
|
|
</span>
|
|
</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>
|
|
<span class="odometer" data-count="756">
|
|
00
|
|
</span>
|
|
</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>
|
|
<span class="odometer" data-count="22">
|
|
00
|
|
</span>
|
|
</h3>
|
|
<p>Active Project</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
</odoo>
|
|
|