diff --git a/static/src/css/pylote.css b/static/src/css/pylote.css
index b3b448d32d51824ed532d43e36731e6c70bd0146..6de3d28ee4799850686fd527164927dfe2b8a64e 100644
--- a/static/src/css/pylote.css
+++ b/static/src/css/pylote.css
@@ -1472,13 +1472,12 @@ h2.o_default_snippet_text:after{
}
.carousel-left-img{
- padding: 0px 60px;
+ padding: 0px 40px;
}
-/*
-.carousel-right h6{
- color: #56A099;
+
+.carousel-left-img-partner{
+ padding: 0px 60px;
}
-*/
.carousel-right-inner-border{
border-bottom: 0px solid #56A099;
@@ -1545,7 +1544,7 @@ h2.o_default_snippet_text:after{
}
.carousel-left-img {
- height: 280px;
+ height: 370px;
}
.carousel-control-prev span,
diff --git a/static/src/img/.DS_Store b/static/src/img/.DS_Store
index a909a53934b38547e1e68e92584c50ee2a3a2fc6..8832efa00da9fecab58f0a2f5eb0270ee1d7ec55 100644
Binary files a/static/src/img/.DS_Store and b/static/src/img/.DS_Store differ
diff --git a/static/src/img/carousel/._PYLOTE_VISUEL_AIRPLANE.png b/static/src/img/carousel/._PYLOTE_VISUEL_AIRPLANE.png
new file mode 100644
index 0000000000000000000000000000000000000000..a165840e1f6b604920e90181ba4342228854b7d0
Binary files /dev/null and b/static/src/img/carousel/._PYLOTE_VISUEL_AIRPLANE.png differ
diff --git a/static/src/img/carousel/._bouteille_eau.png b/static/src/img/carousel/._bouteille_eau.png
new file mode 100644
index 0000000000000000000000000000000000000000..b44c614a1a428fb9a322c8b261b170a8f9c12805
Binary files /dev/null and b/static/src/img/carousel/._bouteille_eau.png differ
diff --git a/static/src/img/carousel/._food2.png b/static/src/img/carousel/._food2.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e16a401d2051574a511d56620c1e40b17dca832
Binary files /dev/null and b/static/src/img/carousel/._food2.png differ
diff --git a/static/src/img/carousel/._istockphoto.png b/static/src/img/carousel/._istockphoto.png
new file mode 100644
index 0000000000000000000000000000000000000000..4a1249b68925bc272f35e0b284ce0f4cdd6448aa
Binary files /dev/null and b/static/src/img/carousel/._istockphoto.png differ
diff --git a/static/src/img/carousel/._pack_brushes.png b/static/src/img/carousel/._pack_brushes.png
new file mode 100644
index 0000000000000000000000000000000000000000..a0a29a6ff8bdddc5a7408633cb5ef8d8de766a04
Binary files /dev/null and b/static/src/img/carousel/._pack_brushes.png differ
diff --git a/static/src/img/carousel/._partner1.png b/static/src/img/carousel/._partner1.png
new file mode 100644
index 0000000000000000000000000000000000000000..ab5820641ae534da51bb9aa160c78fb8530bd2a1
Binary files /dev/null and b/static/src/img/carousel/._partner1.png differ
diff --git a/static/src/img/carousel/._partner2.png b/static/src/img/carousel/._partner2.png
new file mode 100644
index 0000000000000000000000000000000000000000..47b7081a446a03baef3a8fc0d95c6b41c842d2be
Binary files /dev/null and b/static/src/img/carousel/._partner2.png differ
diff --git a/static/src/img/carousel/._partner3.png b/static/src/img/carousel/._partner3.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e5b65861e09a3c83f77aad8edacbe428b69cb7b
Binary files /dev/null and b/static/src/img/carousel/._partner3.png differ
diff --git a/static/src/img/carousel/._partner_cosme1.png b/static/src/img/carousel/._partner_cosme1.png
new file mode 100644
index 0000000000000000000000000000000000000000..71e0400a8fb7c325eae3dd36717f36e22937ca27
Binary files /dev/null and b/static/src/img/carousel/._partner_cosme1.png differ
diff --git a/static/src/img/carousel/._partner_cosme2.png b/static/src/img/carousel/._partner_cosme2.png
new file mode 100644
index 0000000000000000000000000000000000000000..cdd149c8b839f39c204656dff753ee58c3d1be54
Binary files /dev/null and b/static/src/img/carousel/._partner_cosme2.png differ
diff --git a/static/src/img/carousel/._partner_food1.png b/static/src/img/carousel/._partner_food1.png
new file mode 100644
index 0000000000000000000000000000000000000000..d0969b454909ca05d3b80d67803d0d3778101588
Binary files /dev/null and b/static/src/img/carousel/._partner_food1.png differ
diff --git a/static/src/img/carousel/._partner_indus1.png b/static/src/img/carousel/._partner_indus1.png
new file mode 100644
index 0000000000000000000000000000000000000000..c2db1549a488aca0849b16bd8fefea2643fa9355
Binary files /dev/null and b/static/src/img/carousel/._partner_indus1.png differ
diff --git a/static/src/img/carousel/._safer_blender.png b/static/src/img/carousel/._safer_blender.png
new file mode 100644
index 0000000000000000000000000000000000000000..80846168717314ae273eb0a9b4734d537e72867f
Binary files /dev/null and b/static/src/img/carousel/._safer_blender.png differ
diff --git a/static/src/img/carousel/._spray_nasal.png b/static/src/img/carousel/._spray_nasal.png
new file mode 100644
index 0000000000000000000000000000000000000000..917397cd57c707abe23a13c7d59b32a8f0c2b717
Binary files /dev/null and b/static/src/img/carousel/._spray_nasal.png differ
diff --git a/static/src/img/carousel/._spray_ophtalmic.png b/static/src/img/carousel/._spray_ophtalmic.png
new file mode 100644
index 0000000000000000000000000000000000000000..7fa39dbde0c4c6282d3b7169210a796827451696
Binary files /dev/null and b/static/src/img/carousel/._spray_ophtalmic.png differ
diff --git a/static/src/img/carousel/._spray_ophtalmic2.png b/static/src/img/carousel/._spray_ophtalmic2.png
new file mode 100644
index 0000000000000000000000000000000000000000..120d40c1f9a68611ac2317037927587e1db16042
Binary files /dev/null and b/static/src/img/carousel/._spray_ophtalmic2.png differ
diff --git a/static/src/img/carousel/PYLOTE_VISUEL_AIRPLANE.png b/static/src/img/carousel/PYLOTE_VISUEL_AIRPLANE.png
new file mode 100644
index 0000000000000000000000000000000000000000..b5fc4c859677910309c1bc3aca960fd829e27534
Binary files /dev/null and b/static/src/img/carousel/PYLOTE_VISUEL_AIRPLANE.png differ
diff --git a/static/src/img/carousel/bouteille_eau.png b/static/src/img/carousel/bouteille_eau.png
new file mode 100644
index 0000000000000000000000000000000000000000..5c108557eb2ec0d7c9c183ee52dd539982e88fbb
Binary files /dev/null and b/static/src/img/carousel/bouteille_eau.png differ
diff --git a/static/src/img/carousel/food2.png b/static/src/img/carousel/food2.png
new file mode 100644
index 0000000000000000000000000000000000000000..d193a195b847f74ef5339e3a9c0ee842622dad08
Binary files /dev/null and b/static/src/img/carousel/food2.png differ
diff --git a/static/src/img/carousel/istockphoto.png b/static/src/img/carousel/istockphoto.png
new file mode 100644
index 0000000000000000000000000000000000000000..4fdb0e6ac39f228697c9ec0be4db58ac9b06efe5
Binary files /dev/null and b/static/src/img/carousel/istockphoto.png differ
diff --git a/static/src/img/carousel/pack_brushes.png b/static/src/img/carousel/pack_brushes.png
new file mode 100644
index 0000000000000000000000000000000000000000..2ebcd592e67046f7b0c50821b240c4c9bceeeca9
Binary files /dev/null and b/static/src/img/carousel/pack_brushes.png differ
diff --git a/static/src/img/carousel/partner1.png b/static/src/img/carousel/partner1.png
new file mode 100644
index 0000000000000000000000000000000000000000..86079f5e19e517e39e21ccb5a03f816966ed24c3
Binary files /dev/null and b/static/src/img/carousel/partner1.png differ
diff --git a/static/src/img/carousel/partner2.png b/static/src/img/carousel/partner2.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e7e173b44253d338793925be0dca11652edd56b
Binary files /dev/null and b/static/src/img/carousel/partner2.png differ
diff --git a/static/src/img/carousel/partner3.png b/static/src/img/carousel/partner3.png
new file mode 100644
index 0000000000000000000000000000000000000000..3b0eb23676a90fc6f1011cf5187318677c06013d
Binary files /dev/null and b/static/src/img/carousel/partner3.png differ
diff --git a/static/src/img/carousel/partner_cosme1.png b/static/src/img/carousel/partner_cosme1.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e5ccbaef00a9b57c606262586dcc2581f11ac24
Binary files /dev/null and b/static/src/img/carousel/partner_cosme1.png differ
diff --git a/static/src/img/carousel/partner_cosme2.png b/static/src/img/carousel/partner_cosme2.png
new file mode 100644
index 0000000000000000000000000000000000000000..393b09a52057f816721143e5f4319ac3f9aeff4b
Binary files /dev/null and b/static/src/img/carousel/partner_cosme2.png differ
diff --git a/static/src/img/carousel/partner_food1.png b/static/src/img/carousel/partner_food1.png
new file mode 100644
index 0000000000000000000000000000000000000000..efd92cdb9d6bf04b40fd5e01ceb16456a0482761
Binary files /dev/null and b/static/src/img/carousel/partner_food1.png differ
diff --git a/static/src/img/carousel/partner_indus1.png b/static/src/img/carousel/partner_indus1.png
new file mode 100644
index 0000000000000000000000000000000000000000..b4ef97b1683beb6c92228c5bf88707ae338524b9
Binary files /dev/null and b/static/src/img/carousel/partner_indus1.png differ
diff --git a/static/src/img/carousel/safer_blender.png b/static/src/img/carousel/safer_blender.png
new file mode 100644
index 0000000000000000000000000000000000000000..1b00374168842aafd1305d67d8f7a46698531e85
Binary files /dev/null and b/static/src/img/carousel/safer_blender.png differ
diff --git a/static/src/img/carousel/spray_nasal.png b/static/src/img/carousel/spray_nasal.png
new file mode 100644
index 0000000000000000000000000000000000000000..7788c05409c2242c307477dfd93c1f2f335064bc
Binary files /dev/null and b/static/src/img/carousel/spray_nasal.png differ
diff --git a/static/src/img/carousel/spray_ophtalmic.png b/static/src/img/carousel/spray_ophtalmic.png
new file mode 100644
index 0000000000000000000000000000000000000000..062dfe92ad5f9797b0847a8763fc5989e15f692a
Binary files /dev/null and b/static/src/img/carousel/spray_ophtalmic.png differ
diff --git a/static/src/img/carousel/spray_ophtalmic2.png b/static/src/img/carousel/spray_ophtalmic2.png
new file mode 100644
index 0000000000000000000000000000000000000000..e4851b9ae6a4a73169f82232c807fcbb66bf3f2b
Binary files /dev/null and b/static/src/img/carousel/spray_ophtalmic2.png differ
diff --git a/static/src/img/stick-img.png b/static/src/img/stick-img.png
index b3370d284d87d0799084442e25c27deadca797d5..cb650cb32be40291064986e5b5bcc3e810348c6f 100644
Binary files a/static/src/img/stick-img.png and b/static/src/img/stick-img.png differ
diff --git a/views/snippets.xml b/views/snippets.xml
index 0a15afc167e342a8d8dd0b8a58c228ff8304cacc..722a3e1679cd324a9464eb610bd433686ee66cb3 100644
--- a/views/snippets.xml
+++ b/views/snippets.xml
@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
-<template id="s_products" name="Product Case">
+<template id="s_products_pharma" name="Product Case Pharma">
<div class="container">
<div class="row pt-md-5 pt-sm-0 pb-md-4 pb-sm-0">
<div class="col">
@@ -10,11 +10,52 @@
<div class="col trait-title"></div>
</div>
</div>
+
<div id="myCarousel" class="container s_carousel s_carousel_default carousel slide" data-interval="10000">
<!-- Content -->
<div class="carousel-inner">
<!-- #01 -->
- <div class="carousel-item active oe_custom_bg oe_img_bg " data-name="Slide">
+ <div class="carousel-item active " data-name="Slide">
+ <div class="container">
+ <div class="row content pr-md-5 pr-sm-0 pl-md-5 pl-sm-05">
+ <div class="carousel-content carousel-right carousel-left-img col-lg-5">
+ <div class="img-rouleaux">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/carousel/spray_ophtalmic.png"/>
+ </div>
+ </div>
+ <div class="carousel-content col-lg-7">
+ <div class="carousel-right">
+ <div class="carousel-right-inner-border carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_cleaner.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>We maintain microbiological hygiene inside and on dropper nozzle</p>
+ </div>
+ </div>
+ <div class="carousel-right-inner-border carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_safer.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>We remove preservatives to 0%</p>
+ </div>
+ </div>
+ <div class="carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_greener.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>Lighter, compact less material, recyclable, 16 times less waste</p>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="carousel-item " data-name="Slide">
<div class="container">
<div class="row content pr-md-5 pr-sm-0 pl-md-5 pl-sm-05">
<div class="carousel-content carousel-right carousel-left-img col-lg-5">
@@ -52,10 +93,50 @@
</div>
</div>
</div>
+ <div class="carousel-item " data-name="Slide">
+ <div class="container">
+ <div class="row content pr-md-5 pr-sm-0 pl-md-5 pl-sm-05">
+ <div class="carousel-content carousel-right carousel-left-img col-lg-5">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/carousel/spray_nasal.png"/>
+ </div>
+ <div class="carousel-content col-lg-7">
+ <div class="carousel-right">
+ <div class="carousel-right-inner-border carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_cleaner.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>We maintain microbiological hygiene of the actuator</p>
+ </div>
+ </div>
+ <div class="carousel-right-inner-border carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_safer.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>We remove preservatives to 0%</p>
+ </div>
+ </div>
+ <div class="carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_greener.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>Recyclable</p>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ </div>
</div>
<!-- Indicators -->
<ol class="carousel-indicators mt-5">
<li data-target="#myCarousel" data-slide-to="0" class="active"/>
+ <li data-target="#myCarousel" data-slide-to="1"/>
+ <li data-target="#myCarousel" data-slide-to="2"/>
</ol>
<!-- Controls -->
<div class="carousel-control-prev" data-target="#myCarousel" data-slide="prev" role="img" aria-label="Previous" title="Previous">
@@ -65,7 +146,7 @@
<span><img class="img img-responsive" src="/pylote_website/static/src/img/arrow-right.png"/></span>
</div>
</div>
- <div class="container pt-5 ">
+ <div class="container pt-5 pb-5">
<div class="row">
<div class="col-lg-5">
</div>
@@ -81,7 +162,7 @@
</div>
</template>
-<template id="s_partnership" name="Partnership stories">
+<template id="s_partnership_pharma" name="Partnership stories Pharma">
<div class="container">
<div class="row pb-md-4 pb-sm-0">
<div class="col-md-4">
@@ -97,8 +178,44 @@
<div class="carousel-item active oe_custom_bg oe_img_bg " data-name="Slide">
<div class="container">
<div class="row content pl-5 pr-5">
- <div class="carousel-content carousel-left-img carousel-right col-lg-7">
- <img class="img img-responsive" src="/pylote_website/static/src/img/amcor-schema.png"/>
+ <div class="carousel-content carousel-left-img carousel-right col-lg-7 carousel-left-img-partner">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/carousel/partner1.png"/>
+ </div>
+ <div class="carousel-right carousel-right-partner carousel-content col-lg-5">
+ <h4>Pylote and Alpla Greece</h4>
+ <div class="s_btn press-release mt16" data-name="Button">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/upload-picto.png"/><a href="#" class="btn-primary">Press release</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="carousel-inner">
+ <!-- #01 -->
+ <div class="carousel-item oe_custom_bg oe_img_bg " data-name="Slide">
+ <div class="container">
+ <div class="row content pl-5 pr-5">
+ <div class="carousel-content carousel-left-img carousel-right col-lg-7 carousel-left-img-partner">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/carousel/partner2.png"/>
+ </div>
+ <div class="carousel-right carousel-right-partner carousel-content col-lg-5">
+ <h4>Pylote and Amcor</h4>
+ <div class="s_btn press-release mt16" data-name="Button">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/upload-picto.png"/><a href="#" class="btn-primary">Press release</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="carousel-inner">
+ <!-- #01 -->
+ <div class="carousel-item oe_custom_bg oe_img_bg " data-name="Slide">
+ <div class="container">
+ <div class="row content pl-5 pr-5">
+ <div class="carousel-content carousel-left-img carousel-right col-lg-7 carousel-left-img-partner">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/carousel/partner3.png"/>
</div>
<div class="carousel-right carousel-right-partner carousel-content col-lg-5">
<h4>Pylote and Pharmaster</h4>
@@ -113,8 +230,155 @@
<!-- Indicators -->
<ol class="carousel-indicators mt-5">
<li data-target="#myCarousel" data-slide-to="0" class="active"/>
- <!-- <li data-target="#myCarousel" data-slide-to="1"/>
- <li data-target="#myCarousel" data-slide-to="2"/> -->
+ <li data-target="#myCarousel" data-slide-to="1"/>
+ <li data-target="#myCarousel" data-slide-to="2"/>
+ </ol>
+ <!-- Controls -->
+ <div class="carousel-control-prev" data-target="#myCarousel" data-slide="prev" role="img" aria-label="Previous" title="Previous">
+ <span><img class="img img-responsive" src="/pylote_website/static/src/img/arrow-left.png"/></span>
+ </div>
+ <div class="carousel-control-next" data-target="#myCarousel" data-slide="next" role="img" aria-label="Next" title="Next">
+ <span><img class="img img-responsive" src="/pylote_website/static/src/img/arrow-right.png"/></span>
+ </div>
+ </div>
+</template>
+
+<template id="s_products_cosme" name="Product Case Cosme">
+ <div class="container">
+ <div class="row pt-md-5 pt-sm-0 pb-md-4 pb-sm-0">
+ <div class="col">
+ <h2>Product case. <span>Antimicrobial solution</span></h2>
+ </div>
+ <div class="col trait-title"></div>
+ </div>
+ </div>
+
+ <div id="myCarousel" class="container s_carousel s_carousel_default carousel slide" data-interval="10000">
+ <!-- Content -->
+ <div class="carousel-inner">
+ <!-- #01 -->
+ <div class="carousel-item active " data-name="Slide">
+ <div class="container">
+ <div class="row content pr-md-5 pr-sm-0 pl-md-5 pl-sm-05">
+ <div class="carousel-content carousel-right carousel-left-img col-lg-5">
+ <div class="img-rouleaux">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/carousel/safer_blender.png"/>
+ </div>
+ </div>
+ <div class="carousel-content col-lg-7">
+ <div class="carousel-right">
+ <div class="carousel-right-inner-border carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_cleaner.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>We maintain microbiological hygiene for duration of use</p>
+ </div>
+ </div>
+ <div class="carousel-right-inner-border carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_safer.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>We avoid bacterial and viral contamination for SAFE SKIN</p>
+ </div>
+ </div>
+ <div class="carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_greener.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>No need to desinfect, prolong shel-life less waste</p>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="carousel-item " data-name="Slide">
+ <div class="container">
+ <div class="row content pr-md-5 pr-sm-0 pl-md-5 pl-sm-05">
+ <div class="carousel-content carousel-right carousel-left-img col-lg-5">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/stick-img.png"/>
+ </div>
+ <div class="carousel-content col-lg-7">
+ <div class="carousel-right">
+ <div class="carousel-right-inner-border carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/carousel/pack_brushes.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>We maintain microbiological hygiene for duration of use</p>
+ </div>
+ </div>
+ <div class="carousel-right-inner-border carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_safer.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>We avoid bacterial and viral contamination for saFe skin</p>
+ </div>
+ </div>
+ <div class="carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_greener.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>Lighter and recyclable</p>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="carousel-item " data-name="Slide">
+ <div class="container">
+ <div class="row content pr-md-5 pr-sm-0 pl-md-5 pl-sm-05">
+ <div class="carousel-content carousel-right carousel-left-img col-lg-5">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/carousel/istockphoto.png"/>
+ </div>
+ <div class="carousel-content col-lg-7">
+ <div class="carousel-right">
+ <div class="carousel-right-inner-border carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_cleaner.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>We maintain microbiological hygiene for duration of use</p>
+ </div>
+ </div>
+ <div class="carousel-right-inner-border carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_safer.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>We avoid bacterial and viral contamination for saFe skin</p>
+ </div>
+ </div>
+ <div class="carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_greener.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>No need to desinfect, prolong shel-life less waste</p>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- Indicators -->
+ <ol class="carousel-indicators mt-5">
+ <li data-target="#myCarousel" data-slide-to="0" class="active"/>
+ <li data-target="#myCarousel" data-slide-to="1"/>
+ <li data-target="#myCarousel" data-slide-to="2"/>
</ol>
<!-- Controls -->
<div class="carousel-control-prev" data-target="#myCarousel" data-slide="prev" role="img" aria-label="Previous" title="Previous">
@@ -124,14 +388,389 @@
<span><img class="img img-responsive" src="/pylote_website/static/src/img/arrow-right.png"/></span>
</div>
</div>
+ <div class="container pt-5 pb-5">
+ <div class="row">
+ <div class="col-lg-5">
+ </div>
+ <div class="col-lg-7 link-bottom">
+ <p>You want to know more ?</p>
+ <a href="/our-differenciation#our-techno" class="btn-primary">Our technology</a>
+ <a href="/contact" class="btn-primary">Contact us</a>
+ <div class="link-publi">
+ <a href="#" class="btn-primary">Publication</a>
+ </div>
+ </div>
+ </div>
+ </div>
</template>
+<template id="s_partnership_cosme" name="Partnership stories Cosme">
+ <div class="container">
+ <div class="row pb-md-4 pb-sm-0">
+ <div class="col-md-4">
+ <h2>Partnership stories</h2>
+ </div>
+ <div class="col trait-title"></div>
+ </div>
+ </div>
+ <div id="myCarousel" class="pb-5 container s_carousel s_carousel_default carousel slide" data-interval="10000">
+ <!-- Content -->
+ <div class="carousel-inner">
+ <!-- #01 -->
+ <div class="carousel-item active oe_custom_bg oe_img_bg " data-name="Slide">
+ <div class="container">
+ <div class="row content pl-5 pr-5">
+ <div class="carousel-content carousel-left-img carousel-right col-lg-7 carousel-left-img-partner">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/carousel/partner_cosme1.png"/>
+ </div>
+ <div class="carousel-right carousel-right-partner carousel-content col-lg-5">
+ <h4>Pylote and Asquan</h4>
+ <div class="s_btn press-release mt16" data-name="Button">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/upload-picto.png"/><a href="#" class="btn-primary">Press release</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="carousel-inner">
+ <!-- #01 -->
+ <div class="carousel-item oe_custom_bg oe_img_bg " data-name="Slide">
+ <div class="container">
+ <div class="row content pl-5 pr-5">
+ <div class="carousel-content carousel-left-img carousel-right col-lg-7 carousel-left-img-partner">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/carousel/partner_cosme2.png"/>
+ </div>
+ <div class="carousel-right carousel-right-partner carousel-content col-lg-5">
+ <h4>Pylote and Cosmogen</h4>
+ <div class="s_btn press-release mt16" data-name="Button">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/upload-picto.png"/><a href="#" class="btn-primary">Press release</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Indicators -->
+ <ol class="carousel-indicators mt-5">
+ <li data-target="#myCarousel" data-slide-to="0" class="active"/>
+ <li data-target="#myCarousel" data-slide-to="1"/>
+ </ol>
+ <!-- Controls -->
+ <div class="carousel-control-prev" data-target="#myCarousel" data-slide="prev" role="img" aria-label="Previous" title="Previous">
+ <span><img class="img img-responsive" src="/pylote_website/static/src/img/arrow-left.png"/></span>
+ </div>
+ <div class="carousel-control-next" data-target="#myCarousel" data-slide="next" role="img" aria-label="Next" title="Next">
+ <span><img class="img img-responsive" src="/pylote_website/static/src/img/arrow-right.png"/></span>
+ </div>
+ </div>
+</template>
+
+<template id="s_products_food" name="Product Case Food">
+ <div class="container">
+ <div class="row pt-md-5 pt-sm-0 pb-md-4 pb-sm-0">
+ <div class="col">
+ <h2>Product case. <span>Antimicrobial solution</span></h2>
+ </div>
+ <div class="col trait-title"></div>
+ </div>
+ </div>
+
+ <div id="myCarousel" class="container s_carousel s_carousel_default carousel slide" data-interval="10000">
+ <!-- Content -->
+ <div class="carousel-inner">
+ <!-- #01 -->
+ <div class="carousel-item active " data-name="Slide">
+ <div class="container">
+ <div class="row content pr-md-5 pr-sm-0 pl-md-5 pl-sm-05">
+ <div class="carousel-content carousel-right carousel-left-img col-lg-5">
+ <div class="img-rouleaux">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/carousel/food2.png"/>
+ </div>
+ </div>
+ <div class="carousel-content col-lg-7">
+ <div class="carousel-right">
+ <div class="carousel-right-inner-border carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_cleaner.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>We maintain microbiological hygiene</p>
+ </div>
+ </div>
+ <div class="carousel-right-inner-border carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_safer.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>We improve food security</p>
+ </div>
+ </div>
+ <div class="carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_greener.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>Reduce recall, quality control less food waste</p>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="carousel-item " data-name="Slide">
+ <div class="container">
+ <div class="row content pr-md-5 pr-sm-0 pl-md-5 pl-sm-05">
+ <div class="carousel-content carousel-right carousel-left-img col-lg-5">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/carousel/bouteille_eau.png"/>
+ </div>
+ <div class="carousel-content col-lg-7">
+ <div class="carousel-right">
+ <div class="carousel-right-inner-border carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/carousel/pack_brushes.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>We maintain microbiological hygiene on the cap for duration of use</p>
+ </div>
+ </div>
+ <div class="carousel-right-inner-border carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_safer.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>We avoid contamination for safer beverage</p>
+ </div>
+ </div>
+ <div class="carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_greener.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>Prolong shel-life less waste</p>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- Indicators -->
+ <ol class="carousel-indicators mt-5">
+ <li data-target="#myCarousel" data-slide-to="0" class="active"/>
+ <li data-target="#myCarousel" data-slide-to="1"/>
+ </ol>
+ <!-- Controls -->
+ <div class="carousel-control-prev" data-target="#myCarousel" data-slide="prev" role="img" aria-label="Previous" title="Previous">
+ <span><img class="img img-responsive" src="/pylote_website/static/src/img/arrow-left.png"/></span>
+ </div>
+ <div class="carousel-control-next" data-target="#myCarousel" data-slide="next" role="img" aria-label="Next" title="Next">
+ <span><img class="img img-responsive" src="/pylote_website/static/src/img/arrow-right.png"/></span>
+ </div>
+ </div>
+ <div class="container pt-5 pb-5">
+ <div class="row">
+ <div class="col-lg-5">
+ </div>
+ <div class="col-lg-7 link-bottom">
+ <p>You want to know more ?</p>
+ <a href="/our-differenciation#our-techno" class="btn-primary">Our technology</a>
+ <a href="/contact" class="btn-primary">Contact us</a>
+ <div class="link-publi">
+ <a href="#" class="btn-primary">Publication</a>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+
+<template id="s_partnership_food" name="Partnership stories Food">
+ <div class="container">
+ <div class="row pb-md-4 pb-sm-0">
+ <div class="col-md-4">
+ <h2>Partnership stories</h2>
+ </div>
+ <div class="col trait-title"></div>
+ </div>
+ </div>
+ <div id="myCarousel" class="pb-5 container s_carousel s_carousel_default carousel slide" data-interval="10000">
+ <!-- Content -->
+ <div class="carousel-inner">
+ <!-- #01 -->
+ <div class="carousel-item active oe_custom_bg oe_img_bg " data-name="Slide">
+ <div class="container">
+ <div class="row content pl-5 pr-5">
+ <div class="carousel-content carousel-left-img carousel-right col-lg-7 carousel-left-img-partner">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/carousel/partner_food1.png"/>
+ </div>
+ <div class="carousel-right carousel-right-partner carousel-content col-lg-5">
+ <h4>Pylote and Enplater</h4>
+ <div class="s_btn press-release mt16" data-name="Button">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/upload-picto.png"/><a href="#" class="btn-primary">Press release</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Indicators -->
+ <ol class="carousel-indicators mt-5">
+ <li data-target="#myCarousel" data-slide-to="0" class="active"/>
+ </ol>
+ <!-- Controls -->
+ <div class="carousel-control-prev" data-target="#myCarousel" data-slide="prev" role="img" aria-label="Previous" title="Previous">
+ <span><img class="img img-responsive" src="/pylote_website/static/src/img/arrow-left.png"/></span>
+ </div>
+ <div class="carousel-control-next" data-target="#myCarousel" data-slide="next" role="img" aria-label="Next" title="Next">
+ <span><img class="img img-responsive" src="/pylote_website/static/src/img/arrow-right.png"/></span>
+ </div>
+ </div>
+</template>
+
+<template id="s_products_indus" name="Product Case Indus">
+ <div class="container">
+ <div class="row pt-md-5 pt-sm-0 pb-md-4 pb-sm-0">
+ <div class="col">
+ <h2>Product case. <span>Antimicrobial solution</span></h2>
+ </div>
+ <div class="col trait-title"></div>
+ </div>
+ </div>
+
+ <div id="myCarousel" class="container s_carousel s_carousel_default carousel slide" data-interval="10000">
+ <!-- Content -->
+ <div class="carousel-inner">
+ <!-- #01 -->
+ <div class="carousel-item active " data-name="Slide">
+ <div class="container">
+ <div class="row content pr-md-5 pr-sm-0 pl-md-5 pl-sm-05">
+ <div class="carousel-content carousel-right carousel-left-img col-lg-5">
+ <div class="img-rouleaux">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/carousel/PYLOTE_VISUEL_AIRPLANE.png"/>
+ </div>
+ </div>
+ <div class="carousel-content col-lg-7">
+ <div class="carousel-right">
+ <div class="carousel-right-inner-border carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_cleaner.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>We maintain microbiological hygiene throughout the whole cabin during the period of use</p>
+ </div>
+ </div>
+ <div class="carousel-right-inner-border carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_safer.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>We avoid bacterial and viral contamination FOR A SAFE ENVIRONMENT</p>
+ </div>
+ </div>
+ <div class="carousel-right-inner">
+ <div class="circle-home-border">
+ <img src="/pylote_website/static/src/img/pictos_greener.png" class="img img-responsive" />
+ </div>
+ <div class="carousel-text-right-inner">
+ <p>No need to desinfect, prolong shel-life less waste</p>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- Indicators -->
+ <ol class="carousel-indicators mt-5">
+ <li data-target="#myCarousel" data-slide-to="0" class="active"/>
+ </ol>
+ <!-- Controls -->
+ <div class="carousel-control-prev" data-target="#myCarousel" data-slide="prev" role="img" aria-label="Previous" title="Previous">
+ <span><img class="img img-responsive" src="/pylote_website/static/src/img/arrow-left.png"/></span>
+ </div>
+ <div class="carousel-control-next" data-target="#myCarousel" data-slide="next" role="img" aria-label="Next" title="Next">
+ <span><img class="img img-responsive" src="/pylote_website/static/src/img/arrow-right.png"/></span>
+ </div>
+ </div>
+ <div class="container pt-5 pb-5">
+ <div class="row">
+ <div class="col-lg-5">
+ </div>
+ <div class="col-lg-7 link-bottom">
+ <p>You want to know more ?</p>
+ <a href="/our-differenciation#our-techno" class="btn-primary">Our technology</a>
+ <a href="/contact" class="btn-primary">Contact us</a>
+ <div class="link-publi">
+ <a href="#" class="btn-primary">Publication</a>
+ </div>
+ </div>
+ </div>
+ </div>
+</template>
+
+<template id="s_partnership_indus" name="Partnership stories Indus">
+ <div class="container">
+ <div class="row pb-md-4 pb-sm-0">
+ <div class="col-md-4">
+ <h2>Partnership stories</h2>
+ </div>
+ <div class="col trait-title"></div>
+ </div>
+ </div>
+ <div id="myCarousel" class="pb-5 container s_carousel s_carousel_default carousel slide" data-interval="10000">
+ <!-- Content -->
+ <div class="carousel-inner">
+ <!-- #01 -->
+ <div class="carousel-item active oe_custom_bg oe_img_bg " data-name="Slide">
+ <div class="container">
+ <div class="row content pl-5 pr-5">
+ <div class="carousel-content carousel-left-img carousel-right col-lg-7 carousel-left-img-partner">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/carousel/partner_indus1.png"/>
+ </div>
+ <div class="carousel-right carousel-right-partner carousel-content col-lg-5">
+ <h4>Pylote and Mapaero</h4>
+ <div class="s_btn press-release mt16" data-name="Button">
+ <img class="img img-responsive" src="/pylote_website/static/src/img/upload-picto.png"/><a href="#" class="btn-primary">Press release</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <!-- Indicators -->
+ <ol class="carousel-indicators mt-5">
+ <li data-target="#myCarousel" data-slide-to="0" class="active"/>
+ </ol>
+ <!-- Controls -->
+ <div class="carousel-control-prev" data-target="#myCarousel" data-slide="prev" role="img" aria-label="Previous" title="Previous">
+ <span><img class="img img-responsive" src="/pylote_website/static/src/img/arrow-left.png"/></span>
+ </div>
+ <div class="carousel-control-next" data-target="#myCarousel" data-slide="next" role="img" aria-label="Next" title="Next">
+ <span><img class="img img-responsive" src="/pylote_website/static/src/img/arrow-right.png"/></span>
+ </div>
+ </div>
+</template>
<!-- Snippets menu -->
<template id="pylote_snippets" inherit_id="website.snippets" name="Snippet Pylote">
<xpath expr="//div[@id='snippet_feature']/div[hasclass('o_panel_body')]/t" position="before">
- <t t-snippet="pylote_website.s_products" t-thumbnail="/website_blog/static/src/img/s_latest_posts.jpg"/>
- <t t-snippet="pylote_website.s_partnership" t-thumbnail="/website_blog/static/src/img/s_latest_posts.jpg"/>
+ <t t-snippet="pylote_website.s_products_pharma" t-thumbnail="/website_blog/static/src/img/s_latest_posts.jpg"/>
+ <t t-snippet="pylote_website.s_products_cosme" t-thumbnail="/website_blog/static/src/img/s_latest_posts.jpg"/>
+ <t t-snippet="pylote_website.s_products_food" t-thumbnail="/website_blog/static/src/img/s_latest_posts.jpg"/>
+ <t t-snippet="pylote_website.s_products_indus" t-thumbnail="/website_blog/static/src/img/s_latest_posts.jpg"/>
+ <t t-snippet="pylote_website.s_partnership_pharma" t-thumbnail="/website_blog/static/src/img/s_latest_posts.jpg"/>
+ <t t-snippet="pylote_website.s_partnership_cosme" t-thumbnail="/website_blog/static/src/img/s_latest_posts.jpg"/>
+ <t t-snippet="pylote_website.s_partnership_food" t-thumbnail="/website_blog/static/src/img/s_latest_posts.jpg"/>
+ <t t-snippet="pylote_website.s_partnership_indus" t-thumbnail="/website_blog/static/src/img/s_latest_posts.jpg"/>
</xpath>
<xpath expr="//div[@id='snippet_options']" position="inside">