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.
1237 lines
103 KiB
1237 lines
103 KiB
<?xml version="1.0" encoding="UTF-8" ?>
|
|
<odoo>
|
|
<template id="product_tab_demo_banner" inherit_id="website.snippets" name="Product Tab Demo banner">
|
|
<xpath expr="//div[@id='snippet_structure']/div[hasclass('o_panel_body')]" position="inside">
|
|
<t t-snippet="theme_boec.product_tab_demo" t-thumbnail="/theme_boec/static/src/images/snippets/product_tab.jpg"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="product_tab_demo" name="Product Tab Demo">
|
|
<section class="tab_product gap">
|
|
<div class="wrapper">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="tile" id="tile-1">
|
|
<!-- Nav tabs -->
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
<div class="slider"/>
|
|
<li class="nav-item">
|
|
<a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home"
|
|
aria-selected="true" data-filter="all"> Hot Sales</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab"
|
|
aria-controls="profile" aria-selected="false" data-filter="hdpe"> New Arrivels</a>
|
|
</li>
|
|
</ul>
|
|
<!-- Tab panes -->
|
|
<div class="tab-content gap">
|
|
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter hdpe">
|
|
<div class="wrapper">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_boec/static/src/images/tab-product/t-product (1).jpg" alt="" loading="lazy" class="rotate-center"/>
|
|
<div class="new">New</div>
|
|
<div class="three">
|
|
<ul>
|
|
<li>
|
|
<a href="">
|
|
<span class="far fa-heart"/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="" class="cmp">
|
|
<span class="material-icons">compare_arrows</span>
|
|
</a>
|
|
<div class="detail">
|
|
Compare
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span class="fas fa-search"/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="img_details">
|
|
<div class="add_to_c">
|
|
+ Add to cart
|
|
</div>
|
|
<h5 class="product_name">
|
|
Men T-shirt
|
|
</h5>
|
|
<div class="rating">
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
</div>
|
|
<div class="wrappr ">
|
|
<div class="price">
|
|
$59.00
|
|
</div>
|
|
</div>
|
|
<div class="color">
|
|
<div class="custom-radios">
|
|
<div>
|
|
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
|
|
<label for="color-1">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-2" name="color" value="color-2"/>
|
|
<label for="color-2">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-3" name="color" value="color-3"/>
|
|
<label for="color-3">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-4" name="color" value="color-4"/>
|
|
<label for="color-4">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter sprinkle">
|
|
<div class="wrapper">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_boec/static/src/images/tab-product/t-product (2).jpg" alt="" loading="lazy" class="rotate-center"/>
|
|
<div class="three">
|
|
<ul>
|
|
<li>
|
|
<a href="">
|
|
<span class="far fa-heart"/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="" class="cmp">
|
|
<span class="material-icons">compare_arrows</span>
|
|
</a>
|
|
<div class="detail">
|
|
Compare
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span class="fas fa-search"/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="img_details">
|
|
<div class="add_to_c">
|
|
+ Add to cart
|
|
</div>
|
|
<h5 class="product_name">
|
|
Men T-shirt
|
|
</h5>
|
|
<div class="rating">
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
</div>
|
|
<div class="wrappr ">
|
|
<div class="price">
|
|
$59.00
|
|
</div>
|
|
</div>
|
|
<div class="color">
|
|
<div class="custom-radios">
|
|
<div>
|
|
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
|
|
<label for="color-1">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-2" name="color" value="color-2"/>
|
|
<label for="color-2">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-3" name="color" value="color-3"/>
|
|
<label for="color-3">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-4" name="color" value="color-4"/>
|
|
<label for="color-4">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter sprinkle">
|
|
<div class="wrapper">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_boec/static/src/images/tab-product/t-product (3).jpg" alt="" loading="lazy" class="rotate-center"/>
|
|
<div class="sale">Sale</div>
|
|
<div class="three">
|
|
<ul>
|
|
<li>
|
|
<a href="">
|
|
<span class="far fa-heart"/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="" class="cmp">
|
|
<span class="material-icons">compare_arrows</span>
|
|
</a>
|
|
<div class="detail">
|
|
Compare
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span class="fas fa-search"/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="img_details">
|
|
<div class="add_to_c">
|
|
+ Add to cart
|
|
</div>
|
|
<h5 class="product_name">
|
|
Men T-shirt
|
|
</h5>
|
|
<div class="rating">
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
</div>
|
|
<div class="wrappr ">
|
|
<div class="price">
|
|
$59.00
|
|
</div>
|
|
</div>
|
|
<div class="color">
|
|
<div class="custom-radios">
|
|
<div>
|
|
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
|
|
<label for="color-1">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-2" name="color" value="color-2"/>
|
|
<label for="color-2">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-3" name="color" value="color-3"/>
|
|
<label for="color-3">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-4" name="color" value="color-4"/>
|
|
<label for="color-4">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter hdpe">
|
|
<div class="wrapper">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_boec/static/src/images/tab-product/t-product (5).jpg" alt="" class="rotate-center"/>
|
|
<div class="three">
|
|
<ul>
|
|
<li>
|
|
<a href="">
|
|
<span class="far fa-heart"/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="" class="cmp">
|
|
<span class="material-icons">compare_arrows</span>
|
|
</a>
|
|
<div class="detail">
|
|
Compare
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span class="fas fa-search"/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="img_details">
|
|
<div class="add_to_c">
|
|
+ Add to cart
|
|
</div>
|
|
<h5 class="product_name">
|
|
Men T-shirt
|
|
</h5>
|
|
<div class="rating">
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
</div>
|
|
<div class="wrappr ">
|
|
<div class="price">
|
|
$59.00
|
|
</div>
|
|
</div>
|
|
<div class="color">
|
|
<div class="custom-radios">
|
|
<div>
|
|
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
|
|
<label for="color-1">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-2" name="color" value="color-2"/>
|
|
<label for="color-2">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-3" name="color" value="color-3"/>
|
|
<label for="color-3">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-4" name="color" value="color-4"/>
|
|
<label for="color-4">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter hdpe">
|
|
<div class="wrapper">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_boec/static/src/images/tab-product/t-product (4).jpg" alt="" class="rotate-center"/>
|
|
<div class="sale">Sale</div>
|
|
<div class="three">
|
|
<ul>
|
|
<li>
|
|
<a href="">
|
|
<span class="far fa-heart"/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="" class="cmp">
|
|
<span class="material-icons">compare_arrows</span>
|
|
</a>
|
|
<div class="detail">
|
|
Compare
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span class="fas fa-search"/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="img_details">
|
|
<div class="add_to_c">
|
|
+ Add to cart
|
|
</div>
|
|
<h5 class="product_name">
|
|
Men T-shirt
|
|
</h5>
|
|
<div class="rating">
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
</div>
|
|
<div class="wrappr ">
|
|
<div class="price">
|
|
$59.00
|
|
</div>
|
|
</div>
|
|
<div class="color">
|
|
<div class="custom-radios">
|
|
<div>
|
|
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
|
|
<label for="color-1">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-2" name="color" value="color-2"/>
|
|
<label for="color-2">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-3" name="color" value="color-3"/>
|
|
<label for="color-3">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-4" name="color" value="color-4"/>
|
|
<label for="color-4">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter hdpe">
|
|
<div class="wrapper">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_boec/static/src/images/tab-product/t-product (6).jpg" alt="" class="rotate-center"/>
|
|
<div class="three">
|
|
<ul>
|
|
<li>
|
|
<a href="">
|
|
<span class="far fa-heart"/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="" class="cmp">
|
|
<span class="material-icons">compare_arrows</span>
|
|
</a>
|
|
<div class="detail">
|
|
Compare
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span class="fas fa-search"/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="img_details">
|
|
<div class="add_to_c">
|
|
+ Add to cart
|
|
</div>
|
|
<h5 class="product_name">
|
|
Men T-shirt
|
|
</h5>
|
|
<div class="rating">
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
</div>
|
|
<div class="wrappr ">
|
|
<div class="price">
|
|
$59.00
|
|
</div>
|
|
</div>
|
|
<div class="color">
|
|
<div class="custom-radios">
|
|
<div>
|
|
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
|
|
<label for="color-1">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-2" name="color" value="color-2"/>
|
|
<label for="color-2">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-3" name="color" value="color-3"/>
|
|
<label for="color-3">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-4" name="color" value="color-4"/>
|
|
<label for="color-4">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter hdpe">
|
|
<div class="wrapper">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_boec/static/src/images/tab-product/t-product (7).jpg" alt="" class="rotate-center"/>
|
|
<div class="new">New</div>
|
|
<div class="three">
|
|
<ul>
|
|
<li>
|
|
<a href="">
|
|
<span class="far fa-heart"/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="" class="cmp">
|
|
<span class="material-icons">compare_arrows</span>
|
|
</a>
|
|
<div class="detail">
|
|
Compare
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span class="fas fa-search"/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="img_details">
|
|
<div class="add_to_c">
|
|
+ Add to cart
|
|
</div>
|
|
<h5 class="product_name">
|
|
Men T-shirt
|
|
</h5>
|
|
<div class="rating">
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
</div>
|
|
<div class="wrappr ">
|
|
<div class="price">
|
|
$59.00
|
|
</div>
|
|
</div>
|
|
<div class="color">
|
|
<div class="custom-radios">
|
|
<div>
|
|
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
|
|
<label for="color-1">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-2" name="color" value="color-2"/>
|
|
<label for="color-2">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-3" name="color" value="color-3"/>
|
|
<label for="color-3">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-4" name="color" value="color-4"/>
|
|
<label for="color-4">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter sprinkle">
|
|
<div class="wrapper">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_boec/static/src/images/tab-product/t-product (8).jpg" alt="" class="rotate-center"/>
|
|
<div class="sale">sale</div>
|
|
<div class="three">
|
|
<ul>
|
|
<li>
|
|
<a href="">
|
|
<span class="far fa-heart"/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="" class="cmp">
|
|
<span class="material-icons">compare_arrows</span>
|
|
</a>
|
|
<div class="detail">
|
|
Compare
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span class="fas fa-search"/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="img_details">
|
|
<div class="add_to_c">
|
|
+ Add to cart
|
|
</div>
|
|
<h5 class="product_name">
|
|
Men T-shirt
|
|
</h5>
|
|
<div class="rating">
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
</div>
|
|
<div class="wrappr ">
|
|
<div class="price">
|
|
$59.00
|
|
</div>
|
|
</div>
|
|
<div class="color">
|
|
<div class="custom-radios">
|
|
<div>
|
|
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
|
|
<label for="color-1">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-2" name="color" value="color-2"/>
|
|
<label for="color-2">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-3" name="color" value="color-3"/>
|
|
<label for="color-3">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-4" name="color" value="color-4"/>
|
|
<label for="color-4">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter hdpe">
|
|
<div class="wrapper">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_boec/static/src/images/tab-product/t-product (9).jpg" alt="" class="rotate-center"/>
|
|
<div class="three">
|
|
<ul>
|
|
<li>
|
|
<a href="">
|
|
<span class="far fa-heart"/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="" class="cmp">
|
|
<span class="material-icons">compare_arrows</span>
|
|
</a>
|
|
<div class="detail">
|
|
Compare
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span class="fas fa-search"/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="img_details">
|
|
<div class="add_to_c">
|
|
+ Add to cart
|
|
</div>
|
|
<h5 class="product_name">
|
|
Men T-shirt
|
|
</h5>
|
|
<div class="rating">
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
</div>
|
|
<div class="wrappr ">
|
|
<div class="price">
|
|
$59.00
|
|
</div>
|
|
</div>
|
|
<div class="color">
|
|
<div class="custom-radios">
|
|
<div>
|
|
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
|
|
<label for="color-1">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-2" name="color" value="color-2"/>
|
|
<label for="color-2">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-3" name="color" value="color-3"/>
|
|
<label for="color-3">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-4" name="color" value="color-4"/>
|
|
<label for="color-4">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter sprinkle">
|
|
<div class="wrapper">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_boec/static/src/images/tab-product/t-product (10).jpg" alt="" class="rotate-center"/>
|
|
<div class="three">
|
|
<ul>
|
|
<li>
|
|
<a href="">
|
|
<span class="far fa-heart"/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="" class="cmp">
|
|
<span class="material-icons">compare_arrows</span>
|
|
</a>
|
|
<div class="detail">
|
|
Compare
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span class="fas fa-search"/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="img_details">
|
|
<div class="add_to_c">
|
|
+ Add to cart
|
|
</div>
|
|
<h5 class="product_name">
|
|
Men T-shirt
|
|
</h5>
|
|
<div class="rating">
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
</div>
|
|
<div class="wrappr ">
|
|
<div class="price">
|
|
$59.00
|
|
</div>
|
|
</div>
|
|
<div class="color">
|
|
<div class="custom-radios">
|
|
<div>
|
|
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
|
|
<label for="color-1">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-2" name="color" value="color-2"/>
|
|
<label for="color-2">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-3" name="color" value="color-3"/>
|
|
<label for="color-3">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-4" name="color" value="color-4"/>
|
|
<label for="color-4">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter hdpe">
|
|
<div class="wrapper">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_boec/static/src/images/tab-product/t-product (11).jpg" alt="" class="rotate-center"/>
|
|
<div class="sale">sale</div>
|
|
<div class="three">
|
|
<ul>
|
|
<li>
|
|
<a href="">
|
|
<span class="far fa-heart"/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="" class="cmp">
|
|
<span class="material-icons">compare_arrows</span>
|
|
</a>
|
|
<div class="detail">
|
|
Compare
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span class="fas fa-search"/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="img_details">
|
|
<div class="add_to_c">
|
|
+ Add to cart
|
|
</div>
|
|
<h5 class="product_name">
|
|
Men T-shirt
|
|
</h5>
|
|
<div class="rating">
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
</div>
|
|
<div class="wrappr ">
|
|
<div class="price">
|
|
$59.00
|
|
</div>
|
|
</div>
|
|
<div class="color">
|
|
<div class="custom-radios">
|
|
<div>
|
|
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
|
|
<label for="color-1">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-2" name="color" value="color-2"/>
|
|
<label for="color-2">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-3" name="color" value="color-3"/>
|
|
<label for="color-3">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-4" name="color" value="color-4"/>
|
|
<label for="color-4">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter sprinkle">
|
|
<div class="wrapper">
|
|
<div class="img_wrapper">
|
|
<img src="/theme_boec/static/src/images/tab-product/t-product (1).jpg" alt="" class="rotate-center"/>
|
|
<div class="new">New</div>
|
|
<div class="three">
|
|
<ul>
|
|
<li>
|
|
<a href="">
|
|
<span class="far fa-heart"/>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="" class="cmp">
|
|
<span class="material-icons">compare_arrows</span>
|
|
</a>
|
|
<div class="detail">
|
|
Compare
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span class="fas fa-search"/>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="img_details">
|
|
<div class="add_to_c">
|
|
+ Add to cart
|
|
</div>
|
|
<h5 class="product_name">
|
|
Men T-shirt
|
|
</h5>
|
|
<div class="rating">
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
<i class="r_star">
|
|
<img src="/theme_boec/static/src/images/icons/rate-star-button.svg" alt=""/>
|
|
</i>
|
|
</div>
|
|
<div class="wrappr ">
|
|
<div class="price">
|
|
$59.00
|
|
</div>
|
|
</div>
|
|
<div class="color">
|
|
<div class="custom-radios">
|
|
<div>
|
|
<input type="radio" id="color-1" name="color" value="color-1" checked=""/>
|
|
<label for="color-1">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-2" name="color" value="color-2"/>
|
|
<label for="color-2">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-3" name="color" value="color-3"/>
|
|
<label for="color-3">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<input type="radio" id="color-4" name="color" value="color-4"/>
|
|
<label for="color-4">
|
|
<span>
|
|
<img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
|
|
alt="Checked Icon"/>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
</odoo>
|