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.
72 lines
4.3 KiB
72 lines
4.3 KiB
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<odoo>
|
|
<!-- Snippet for carousel -->
|
|
<template id="s_main" name="Xtream Carousel">
|
|
<section class="s_carousel_wrapper banner_main" 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-bs-interval="10000">
|
|
<!-- Indicators -->
|
|
<ol class="carousel-indicators">
|
|
<li t-attf-data-bs-target="#myCarousel{{uniq}}" data-bs-slide-to="0" class="active"/>
|
|
<li t-attf-data-bs-target="#myCarousel{{uniq}}" data-bs-slide-to="1"/>
|
|
<li t-attf-data-bs-target="#myCarousel{{uniq}}" data-bs-slide-to="2"/>
|
|
</ol>
|
|
<!-- Content -->
|
|
<div class="carousel-inner">
|
|
<!-- #01 -->
|
|
<div class="carousel-item active banner_bg" style="background-image: url(/theme_xtream/static/src/img/bg-img/bg-1.jpg)" data-name="Slide">
|
|
<div>
|
|
<div class="container">
|
|
<div class="card ">
|
|
<div class="card-body ">
|
|
<p class="card-text fadeInDownBig">*Only today we offer free shipping</p>
|
|
<h5 class="card-title bounce slideInUp">FASHION TRENDS</h5>
|
|
<a href="/shop" class="btn btn-primary fadeInLeftBig" id="special">Shop Now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- #02 -->
|
|
<div class="carousel-item banner_bg2" style="background-image: url(/theme_xtream/static/src/img/bg-img/bg-2.jpg)" data-name="Slide">
|
|
<div>
|
|
<div class="container">
|
|
<div class="card ">
|
|
<div class="card-body ">
|
|
<p class="card-text fadeInDownBig">*Only today we offer free shipping</p>
|
|
<h5 class="card-title bounce slideInUp">MEN FASHION</h5>
|
|
<a href="#" class="btn btn-primary slideInLeft" id="special">CHECK COLLECTION</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- #03 -->
|
|
<div class="carousel-item banner_bg3" style="background-image: url(/theme_xtream/static/src/img/bg-img/bg-4.jpg)" data-name="Slide">
|
|
<div>
|
|
<div class="container">
|
|
<div class="card w-75">
|
|
<div class="card-body">
|
|
<h5 class="card-title">A new Online Shop <br/>Experience.</h5>
|
|
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
|
|
Nullam a <br/>ultricies metus. Sed nec molestie.</p>
|
|
<a href="#" class="btn btn-primary" id="special">CHECK COLLECTION</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Controls -->
|
|
<a class="carousel-control-prev o_not_editable" contenteditable="false" t-attf-href="#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>
|
|
</a>
|
|
<a class="carousel-control-next o_not_editable" contenteditable="false" t-attf-href="#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>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
</odoo>
|
|
|