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.
165 lines
11 KiB
165 lines
11 KiB
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<odoo>
|
|
<!--Inherited snippets template and added the fuge banner inside -->
|
|
<template id="fuge_index_banner" inherit_id="website.snippets"
|
|
name="Fuge Index banner">
|
|
<xpath expr="//snippets[@id='snippet_groups']"
|
|
position="inside">
|
|
<t t-snippet="theme_fuge.fuge_banner"
|
|
t-thumbnail="/theme_fuge/static/src/images/snippets/banner/banner.jpg"/>
|
|
</xpath>
|
|
</template>
|
|
<!--Template defined for snippet fuge banner-->
|
|
<template id="fuge_banner" name="Fuge Banner">
|
|
<section class="banner" style="background: rgba(150, 150, 220, 0.3);">
|
|
<!-- Top nav -->
|
|
<div class="top-header-content ">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class=" col-md-8 col-lg-8 col-sm-12 p-0">
|
|
<div id="carouselExampleIndicators"
|
|
class="carousel slide" data-bs-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<img class="bg-right" src="theme_fuge/static/src/images/snippets/banner/banner1.jpg">
|
|
<div class="container-fluid">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-8 col-md-8 col-lg-8 col-sm-12">
|
|
<div class="card left_card">
|
|
<div class="card-body">
|
|
<h2 class="card-title" style="color: gray;">
|
|
Women's
|
|
Fashion
|
|
<p class="card-title" style="color: gray;">
|
|
50%
|
|
OFF
|
|
</p>
|
|
</h2>
|
|
<a href="#"
|
|
class="btn btn-banner1">
|
|
Shop
|
|
now
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</img>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<img class="bg-right2" src="theme_fuge/static/src/images/snippets/banner/banner3.jpg">
|
|
<div class="container-fluid">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-8">
|
|
<div class="card left_card">
|
|
<div class="card-body">
|
|
<h2 class="card-title">
|
|
Women's
|
|
Fashion
|
|
<p style="color: #fff;font-size: 50px;text-align: left;font-weight: 900;">
|
|
50%
|
|
OFF
|
|
</p>
|
|
</h2>
|
|
<a href="#"
|
|
class="btn btn-banner1">
|
|
Shop
|
|
now
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</img>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<img class="bg-right3" src="theme_fuge/static/src/images/snippets/banner/left3.jpg">
|
|
<div class="container-fluid">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-8">
|
|
<div class="card left_card">
|
|
<div class="card-body">
|
|
<h2 class="card-title">
|
|
Women's
|
|
Fasion
|
|
<p style="color: #fff;font-size: 50px;text-align: left;font-weight: 900;">
|
|
50%
|
|
OFF
|
|
</p>
|
|
</h2>
|
|
<a href="#"
|
|
class="btn btn-banner1">
|
|
Shop
|
|
now
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</img>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="carousel-control-prev"
|
|
href="#carouselExampleIndicators"
|
|
role="button"
|
|
data-bs-slide="prev">
|
|
<span class="fa fa-chevron-left fa-2x" style="color: gray;"/>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
<a class="carousel-control-next"
|
|
href="#carouselExampleIndicators"
|
|
role="button"
|
|
data-bs-slide="next">
|
|
<span class="fa fa-chevron-right fa-2x" style="color: gray;"/>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class=" col-md-4 col-lg-4 col-sm-12 p-0 section-2">
|
|
<img class="bg-left" src="theme_fuge/static/src/images/snippets/banner/banner4.jpg">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-8 col-lg-8 col-sm-12 col-md-12">
|
|
<div class="card right_card">
|
|
<div class="card-body">
|
|
<h2 class="card-title" style="color: gray;">
|
|
Mens's Fasion
|
|
<p class="card-title" style="color: gray;">
|
|
50% OFF
|
|
</p>
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</img>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<div class="oe_structure"/>
|
|
</template>
|
|
</odoo>
|