|
|
|
|
@ -8,30 +8,30 @@
|
|
|
|
|
<div class="col-rt-12">
|
|
|
|
|
<div class='demo-container'>
|
|
|
|
|
<div class='carousel'>
|
|
|
|
|
<input checked='checked' class='carousel__activator' id='carousel-slide-activator-1' name='carousel' type='radio'>
|
|
|
|
|
<input class='carousel__activator' id='carousel-slide-activator-2' name='carousel' type='radio'>
|
|
|
|
|
<input class='carousel__activator' id='carousel-slide-activator-3' name='carousel' type='radio'>
|
|
|
|
|
<input checked='checked' class='carousel__activator' id='carousel-slide-activator-4' name='carousel' type='radio'>
|
|
|
|
|
<input class='carousel__activator' id='carousel-slide-activator-4' name='carousel' type='radio'>
|
|
|
|
|
<input class='carousel__activator' id='carousel-slide-activator-5' name='carousel' type='radio'>
|
|
|
|
|
<div class='carousel__controls'>
|
|
|
|
|
<label class='carousel__control carousel__control--forward' for='carousel-slide-activator-2'>
|
|
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class='carousel__controls'>
|
|
|
|
|
<label class='carousel__control carousel__control--backward' for='carousel-slide-activator-1'>
|
|
|
|
|
<label class='carousel__control carousel__control--backward' for='carousel-slide-activator-4'>
|
|
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
<label class='carousel__control carousel__control--forward' for='carousel-slide-activator-3'>
|
|
|
|
|
<label class='carousel__control carousel__control--forward' for='carousel-slide-activator-5'>
|
|
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class='carousel__controls'>
|
|
|
|
|
<label class='carousel__control carousel__control--backward' for='carousel-slide-activator-2'>
|
|
|
|
|
<label class='carousel__control carousel__control--backward' for='carousel-slide-activator-4'>
|
|
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
</div>
|
|
|
|
|
<div class='carousel__screen'>
|
|
|
|
|
<div class='carousel__track'>
|
|
|
|
|
<div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
|
|
|
|
|
<div class='carousel__item carousel__item--mobile-in-4 carousel__item--tablet-in-5 carousel__item--desktop-in-6'>
|
|
|
|
|
<div class='demo-content'>
|
|
|
|
|
<?php if (!empty($recommands['Article A'])) { ?>
|
|
|
|
|
|
|
|
|
|
@ -49,7 +49,7 @@
|
|
|
|
|
<?php } ?>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
|
|
|
|
|
<div class='carousel__item carousel__item--mobile-in-4 carousel__item--tablet-in-5 carousel__item--desktop-in-6'>
|
|
|
|
|
<div class='demo-content'>
|
|
|
|
|
<?php if (!empty($recommands['Article B'])) { ?>
|
|
|
|
|
|
|
|
|
|
@ -67,7 +67,7 @@
|
|
|
|
|
<?php } ?>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
|
|
|
|
|
<div class='carousel__item carousel__item--mobile-in-4 carousel__item--tablet-in-5 carousel__item--desktop-in-6'>
|
|
|
|
|
<div class='demo-content'>
|
|
|
|
|
<?php if (!empty($recommands['Article C'])) { ?>
|
|
|
|
|
|
|
|
|
|
@ -86,7 +86,7 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
|
|
|
|
|
<div class='carousel__item carousel__item--mobile-in-4 carousel__item--tablet-in-5 carousel__item--desktop-in-6'>
|
|
|
|
|
<div class='demo-content'>
|
|
|
|
|
<?php if (!empty($recommands['Article D'])) { ?>
|
|
|
|
|
|
|
|
|
|
@ -104,7 +104,7 @@
|
|
|
|
|
<?php } ?>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
|
|
|
|
|
<div class='carousel__item carousel__item--mobile-in-4 carousel__item--tablet-in-5 carousel__item--desktop-in-6'>
|
|
|
|
|
<div class='demo-content'>
|
|
|
|
|
<?php if (!empty($recommands['Article E'])) { ?>
|
|
|
|
|
|
|
|
|
|
@ -121,7 +121,7 @@
|
|
|
|
|
<?php } ?>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
|
|
|
|
|
<div class='carousel__item carousel__item--mobile-in-4 carousel__item--tablet-in-5 carousel__item--desktop-in-6'>
|
|
|
|
|
<div class='demo-content'>
|
|
|
|
|
<?php if (!empty($recommands['Article F'])) { ?>
|
|
|
|
|
|
|
|
|
|
@ -140,7 +140,7 @@
|
|
|
|
|
<?php } ?>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
|
|
|
|
|
<div class='carousel__item carousel__item--mobile-in-4 carousel__item--tablet-in-5 carousel__item--desktop-in-6'>
|
|
|
|
|
<div class='demo-content'>
|
|
|
|
|
<?php if (!empty($recommands['Article G'])) { ?>
|
|
|
|
|
|
|
|
|
|
@ -158,7 +158,7 @@
|
|
|
|
|
<?php } ?>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class='carousel__item carousel__item--mobile-in-1 carousel__item--tablet-in-2 carousel__item--desktop-in-3'>
|
|
|
|
|
<div class='carousel__item carousel__item--mobile-in-4 carousel__item--tablet-in-5 carousel__item--desktop-in-6'>
|
|
|
|
|
<div class='demo-content'>
|
|
|
|
|
<?php if (!empty($recommands['Article H'])) { ?>
|
|
|
|
|
|
|
|
|
|
|