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.
 
 
 
 
 

185 lines
12 KiB

<?xml version="1.0" encoding="UTF-8" ?>
<odoo>
<!-- add new snippet named as index banner-->
<template id="index_banner" inherit_id="website.snippets"
name="Index Banner">
<xpath expr="//div[@id='snippet_structure']/div[hasclass('o_panel_body')]"
position="inside">
<t t-snippet="theme_zen_dark.banner"
t-thumbnail="/theme_zen_dark/static/src/img/snippets/banner_section-1.png"/>
</xpath>
</template>
<template id="banner" name="Index Banner snippet">
<section class="main_body banner_snippet_dark s_carousel_wrapper"
id="section02" data-vxml="001">
<t t-set="uniq" t-value="datetime.datetime.now().microsecond"/>
<div t-attf-id="myCarousel{{uniq}}"
class="s_carousel s_carousel_default carousel slide"
data-interval="10000">
<section class="header">
<div class="container-fluid p-0">
<div class="wrapper">
<div id="banner carousel-inner">
<div class="carousel-item active"
data-name="Slide">
<div>
<div class="banner_index">
<div class="default">
<div class="row p-0 m-0">
<div class="col-lg-6 col-12 p-0 m-0">
<div class="banner_bg">
<img src="/theme_zen_dark/static/src/img/banner/bg1.jpg"/>
</div>
</div>
<div class="col-6 p-0 m-0">
<div class="banner_left ">
<div class="card w-75">
<div class="card-body">
<p class="card-title first">
WELCOME
zen
</p>
<p class="card-text second"
id="demo">
best
solutions
<br/>
ideas
for your
Business
</p>
<p class="text-bottom third">
Li
Europan
lingues
es
membres
del sam
familie.
</p>
<a href="#"
class="btn btn-primary_b fourth">
READ
MORE
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item" data-name="Slide">
<div>
<div class="banner_index">
<div class="row p-0 m-0">
<div class="col-lg-6 col-12 p-0 m-0">
<div class="banner_bg">
<img src="/theme_zen_dark/static/src/img/banner/bg2.jpg"/>
</div>
</div>
<div class="col-6 p-0 m-0">
<div class="banner_left">
<div class="card w-75">
<div class="card-body">
<h5 class="card-title">
WELCOME zen
</h5>
<p class="card-text">
best
solutions
<br/>
ideas for
your
Business
</p>
<p class="text-bottom">
Li Europan
lingues es
membres del
sam familie.
</p>
<a href="#"
class="btn btn-primary_b">
Shop Now
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item" data-name="Slide">
<div>
<div class="banner_index">
<div class="row p-0 m-0">
<div class="col-lg-6 col-12 p-0 m-0">
<div class="banner_bg">
<img src="/theme_zen_dark/static/src/img/banner/bg3.jpg"/>
</div>
</div>
<div class="col-6 p-0 m-0">
<div class="banner_left">
<div class="card w-75">
<div class="card-body">
<h5 class="card-title">
WELCOME zen
</h5>
<p class="card-text">
best
solutions
<br/>
ideas for
your
Business
</p>
<p class="text-bottom">
Li Europan
lingues es
membres del
sam familie.
</p>
<a href="#"
class="btn btn-primary_b">
Shop Now
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="b_wrapp">
<a href="#section02" class="btn btn-down">
Scroll
</a>
</div>
</div>
</div>
</section>
<!-- Controls -->
<div class="carousel-control-prev o_not_editable nav-prev"
t-attf-data-bs-target="#myCarousel{{uniq}}"
data-bs-slide="prev" role="img" aria-label="Previous"
title="Previous">
<span class="carousel-control-prev-icon"/>
<span class="visually-hidden">Previous</span>
</div>
<div class="carousel-control-next o_not_editable nav-next"
t-attf-data-bs-target="#myCarousel{{uniq}}"
data-bs-slide="next" role="img" aria-label="Next"
title="Next">
<span class="carousel-control-next-icon"/>
<span class="visually-hidden">Next</span>
</div>
</div>
</section>
</template>
</odoo>