<img src="https://www.glisshop.com/rest.php/resources/Rbs/Media/Image/50082778/resize" data-document-id="17137663" alt="xxxxxx" title="xxxxxx">
IMAGE GLISSHOP PREPROD
<img src="https://glisshop-glisshop-fr-preprod.stg.proximis.com/rest.php/resources/Rbs/Media/Image/50741754/resize?maxWidth=120&maxHeight=120" data-document-id="50741754" alt="Jeudi Oui" title="Jeudi Oui" width="120" height="120">
IMAGE MONSIEURGOLF
<img src="https://www.monsieurgolf.com/rest.php/resources/Rbs/Media/Image/2423548/resize" data-document-id="2423548" alt="IBAN" title="IBAN">
IMAGE GLISSEPROSHOP
<img src="https://glisse-proshop.com/rest.php/resources/Rbs/Media/Image/4745961/resize" data-document-id="4745961" alt="IBAN" title="IBAN">
GRAND SLIDER CODE
=======================
<!-- GROS TITRE SLIDER HOME -->
<div class="f-s-mob_40 f-w-mob_800 line-height-mob_34 letter-spacing-mob_-3 m-b-mob_6" style="font-size: 100px; font-weight: 800; line-height: 100px; letter-spacing: -0.06em; text-transform: uppercase; margin-bottom: 10px;">SOLDES</div>
<!-- TEXTE ENCADRÉ SLIDER HOME -->
<div class="p-t-mob_6 p-b-mob_7 m-t-mob_0 f-s-mob_24 f-w-mob_600 line-height-mob_18 letter-spacing-mob_-1" style="display: inline; background: #E15021; padding: 0px 20px 0px 20px; font-size: 38px; font-weight: 300; line-height: 40px; letter-spacing: -0.06em; text-transform: uppercase; margin-bottom: 10px;" align="center"><span style="color:#FFFFFF" class="has-color">jusqu'à -20%</span></div>
<!-- PETIT TEXTE SLIDER HOME -->
<div class="f-s-mob_13 f-w-mob_100 line-height-mob_6 letter-spacing-mob_-1 m-t-mob_0" style="font-size: 15px; font-weight: 200; line-height: 16px; letter-spacing: -0.02em; margin-top: 12px;">Offre valable jusqu'au 6 juillet sur les produits identifiés <b>"SOLDES"</b></div>
PETIT SLIDER CODE
=======================
<!-- GROS TITRE -->
<div class="f-s-mob_30 f-w-mob_800 line-height-mob_26 letter-spacing-mob_-2 m-t-mob_10" style="font-size: 32px; font-weight: 800; line-height: 30px; letter-spacing: -0.06em; margin-bottom: 4px; margin-right: 0px; border-width: 0px; border-style: solid; border-color: #CC0000; text-transform: uppercase;">PLANCHES DE BODYBOARD</div>
<!-- PETIT TITRE -->
<div class="f-s-mob_24 f-w-mob_100 line-height-mob_14 letter-spacing-mob_-2 m-t-mob_10 uppercase" style="font-size: 22px; line-height: 22px; letter-spacing: -1.47px; margin-bottom: 10px; border-width: 0px; border-style: solid; border-color: #CC0000;">Un MAX de sensations</div>
<!-- CTA -->
<div class="m-t-mob_20" style="margin-top: 26px; border-width: 0px; border-style: solid; border-color: #CC0000;">
<a href="https://glisse-proshop.com/bodyboard/pack-bodyboard.html" class="btn btn_l1" title="Je me fais plaisir">Je me fais plaisir !</a></div>
STYLES & CLASS MOBILE
=======================
Taille caractère > font-size: 16px; /// f-s-mob_14 (dispo 1 à 100)
Épaisseur caractère > font-weight: 100; /// f-w-mob_100 (dispo 100/200/400/600/800)
Interlignage caractère > line-height: 24px; /// line-height-mob_20 (dispo -10 à 100)
Espacement caractères > letter-spacing: -0.05em; /// letter-spacing-mob_1 (dispo 1 à 100)
Couleur de caractère > color: #FFFFFF;
!!! Forcer la couleur > <span style="color:#FFFFFF" class="has-color">
Opacité transparence > opacity: 0.33;
Longueur > width: 100%; /// width-mob_100
Hauteur > height: 300px; /// height-mob_300
Marge intérieur haute > padding-top: 40px; /// p-t-mob_20 (dispo 1 à 100)
Marge intérieur droite > padding-right: 40px; /// p-r-mob_20 (dispo 1 à 100)
Marge intérieur basse > padding-bottom: 40px; /// p-b-mob_20 (dispo 1 à 100)
Marge intérieur gauche > padding-left: 40px; /// p-l-mob_20 (dispo 1 à 100)
Marge extérieur haute > margin-top: 40px; /// m-t-mob_20 (dispo 1 à 100)
Marge extérieur droite > margin-right: 40px; /// m-r-mob_20 (dispo 1 à 100)
Marge extérieur basse > margin-bottom: 40px; /// m-b-mob_20 (dispo 1 à 100)
Marge extérieur gauche > margin-left: 40px; /// m-l-mob_20 (dispo 1 à 100)
Mobile Hauteur maximum slider > class="height-mob_200"
Mobile alignement > class="align_left_mob"
Mobile fond foncé > class="bg_dark_mob"
DIV COTE A COTE = (display: table-cell;)
style="display: inline-block; display: table-cell; vertical-align: bottom; max-width: 650px; height: 100px; width: 100%;"
alignement > align="left" /// align-mob_center / align-mob left / align-mob_right / align-mob justify
ÉLÉMENT MASQUÉ EN MOBILE
<!-- VISUEL PRODUIT -->
<div class="d-none d-md-table-cell" style="display: table-cell; vertical-align: middle; width: 25%;">
<img src="https://glisshop-glisshop-fr-preprod.stg.proximis.com/rest.php/resources/Rbs/Media/Image/50741754/resize?maxWidth=248&maxHeight=100" data-document-id="50741754" alt="Jeudi Oui" title="Jeudi Oui" width="248" height="100"></div>
<div class="align_left_mob bg_dark_mob p-t-mob_30 p-r-mob_30 p-b-mob_45 p-l-mob_20" style="display: inline-block; display: table-cell; vertical-align: bottom; max-width: 650px; height: 100px; padding-top: 30px; padding-left: 40px; padding-right: 40px; border-width: 1px; border-style: solid; border-color: #2F2D54; color:#FFFFFF;" align="left">TEST</div>
DIV CONTAINER HOME
<div class="p-t-mob_0 p-b-mob_0" style="display: inline-block; color: #FFFFFF; background: #CC0000; width: 100%; padding: 0; line-height: 18px; padding-top: 30px; padding-bottom: 40px;" align="center">
xxxx</div>
DIV LISTING AVEC CADRE 6px
<div class="height-mob_300" style="display: inline-block; display: table-cell; vertical-align: middle; background: #0C4160; width: 100%; height: 458px; border-width: 6px; border-style: solid; border-color: #305D78; padding: 0px 0px 0px 0px; color: #FFFFFF;" align="center">
xxxx</div>
<div class="height-mob_400 align_left_mob p-t-mob_20 p-r-mob_30 p-b-mob_45 p-l-mob_30" style="display: inline-block; display: table-cell; vertical-align: bottom; width: 450px; height: 280px; padding-top: 30px; padding-left: 40px; padding-right: 40px; border-width: 0px; border-style: solid; border-color: #2F2D54; color:#373737;" align="left">
<div class="f-s-mob_36 f-w-mob_600 line-height-mob_32 letter-spacing-mob_-3" style="font-size: 65px; font-weight: 400; line-height: 60px; letter-spacing: -0.06em;">
TITRE</div>
<div class="f-s-mob_16 f-w-mob_100 line-height-mob_18 letter-spacing-mob_-1 m-t-mob_10" style="font-size: 25px; font-weight: 100; line-height: 25px; letter-spacing: -0.04em; text-transform: uppercase; margin-top: 12px;">
Gamme complète textile freeride, ski-rando et lifestyle</div>
<div class="m-t-mob_10" style="margin-top: 24px;">
<a href="#" class="btn btn_l1" title="Title">Découvrir</a></div>
</div>
<!--
CTA NOIR : <a href="####" class="btn btn_l1" title="##">Découvrir</a>
CTA BLANC : <a href="####" class="btn btn_l2_white" title="##">Découvrir</a>
-->
<table class="table">
<thead>
<tr>
<th>COL01</th>
<th>COL02</th>
<th>COL03</th>
<th>COL04</th>
<th>COL05</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text_center">LN01 COL01</td>
<td class="text_center">LN01 COL02</td>
<td class="text_center">LN01 COL03</td>
<td class="text_center">LN01 COL04</td>
<td class="text_center">LN01 COL05</td>
</tr>
<tr>
<td class="text_center">LN02 COL01</td>
<td class="text_center">LN02 COL02</td>
<td class="text_center">LN02 COL03</td>
<td class="text_center">LN02 COL04</td>
<td class="text_center">LN02 COL05</td>
</tr>
</tbody>
</table>
COL01 | COL02 | COL03 | COL04 | COL05 |
---|---|---|---|---|
LN01 COL01 | LN01 COL02 | LN01 COL03 | LN01 COL04 | LN01 COL05 |
LN02 COL01 | LN02 COL02 | LN02 COL03 | LN02 COL04 | LN02 COL05 |
<!-- VISUEL -------------------------------- -->
<div class="height-mob_160" style="display: inline-block; background: #FFFFFF;
background-image: url(/rest.php/resources/Rbs/Media/Image/53465362/resize); background-size: cover; width:100%; height:250px;" align="center"> </div>
<!-- TITRE EPAIS -------------------------------- -->
<div class="height-mob_70 m-b-mob_20" style="display: inline-block; background: #FFFFFF;
background-image: url(/rest.php/resources/Rbs/Media/Image/53465367/resize); width:100%; height:75px; padding: 10px 0px 0px 0px; color: #ffffff; margin-bottom: 30px;" align="center">
<div class="f-s-mob_22 f-w-mob_700 line-height-mob_24 letter-spacing-mob_-1" style="font-size: 24px; font-weight: 800; line-height: 28px; letter-spacing: -0.02em; text-transform: uppercase;">
Ski alpin</div>
<div class="f-s-mob_17 f-w-mob_400 line-height-mob_20 letter-spacing-mob_-1" style="font-size: 20px; font-weight: 200; line-height: 20px; letter-spacing: -0.02em; text-transform: uppercase;">
Jusqu'à -70%</div>
</div>
</a>
─ │┌┐└┘├ ┤ ┬ ┴ ┼ ═ ║ ╒ ╓ ╔ ╕ ╖ ╗ ╘ ╙ ╚ ╛ ╜ ╝ ╞ ╟ ╠ ╡ ╢ ╣ ╤ ╥ ╦ ╧ ╨ ╩ ╪ ╫ ╬
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
<!-- ------------ H2 TITLE ------------ -->
<h2 align="center"><div class="f-s-mob_26 f-w-mob_700 line-height-mob_28 letter-spacing-mob_-2 m-t-mob_0 m-b-mob_30" style="display: inline-block; width: 100%; font-size: 36px; font-weight: 700; line-height: 34px; letter-spacing: -0.06em; margin-top: 0px; margin-bottom: 30px;">
TITRE
</div></h2>
<!-- ------------ H3 TITLE ------------ -->
<h3 align="left"><div class="f-s-mob_20 f-w-mob_700 line-height-mob_24 letter-spacing-mob_-2 m-t-mob_0 m-b-mob_20" style="display: inline-block; width: 100%; font-size: 22px; font-weight: 700; line-height: 28px; letter-spacing: -0.06em; margin-top: 0px; margin-bottom: 20px;">
TITRE
</div></h3>
<!-- ------------ TEXT ------------ -->
<div class="f-s-mob_16 f-w-mob_300 line-height-mob_20 letter-spacing-mob_-1 m-t-mob_0 m-b-mob_40" style="font-size: 17px; line-height: 24px; letter-spacing: -0.05em; margin-top: 0px; margin-bottom: 60px;" align="justify">
TEXTE
</div>
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
<!-- ------------ H3 IMG TAB ------------ -->
<h3 align="left"><div class="f-s-mob_20 f-w-mob_700 line-height-mob_24 letter-spacing-mob_-2 m-t-mob_0 m-b-mob_20" style="display: inline-block; width: 100%; font-size: 22px; font-weight: 700; line-height: 28px; letter-spacing: -0.06em; margin-top: 0px; margin-bottom: 0px;">
TITRE
</div></h3>
<!-- ------------ TEXTE IMG TAB ------------ -->
<div class="f-s-mob_16 f-w-mob_300 line-height-mob_20 letter-spacing-mob_-1 m-t-mob_0 m-b-mob_40" style="font-size: 17px; line-height: 24px; letter-spacing: -0.05em; margin-top: 0px; margin-bottom: 40px;" align="justify">
TEXTE
</div>
░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
<!-- ------------ IMAGE 100% ------------ -->
<div class="m-t-mob_30 m-b-mob_50" style="margin-top: 50px; margin-bottom: 60px;" align="center">
<img src="https://www.glisshop.com/rest.php/resources/Rbs/Media/Image/50413212/resize?maxWidth=1200&maxHeight=800" data-document-id="50413212" alt="0000000" title="0000000" width="1200" height="800">
</div>
<!-- ------------ IMAGE FLOAT ------------ -->
<div class="m-t-mob_30 m-b-mob_50" style="float: left; margin-top: 0px; margin-bottom: 0px; margin-right: 20px; margin-left: 0px;" align="left">
<img src="https://www.glisshop.com/rest.php/resources/Rbs/Media/Image/50413179/resize?maxWidth=458&maxHeight=195" data-document-id="50413179" alt="0000000" title="0000000" width="458" height="195">
</div>
.
<div style="display: inline-block; color: #FFFFFF; background: #191819; width: 100%; padding: 0px;">
<div class="f-s-mob_14" style="font-size: 22px; font-weight: 200; letter-spacing: -0.04em; line-height: 14px; text-transform: uppercase;" align="center">BLACK <b>WEEK</b>
<span class="f-s-mob_13" style="font-size: 17px; display: inline-block; font-weight: 200; background: #C00101; padding: 2px 6px 3px 6px; margin-left: 4px;"><b>-20% supp</b></span>
<span class="f-s-mob_13" style="font-size: 17px; display: inline-block; font-weight: 200; background: #740002; padding: 2px 6px 3px 6px; margin-right: 2px;">
CODE : <b>BLACK</b> </span><span class="f-s-mob_13" style="font-size: 17px; display: inline-block; font-weight: 400; letter-spacing: -0.06em; color: #373737; background: #baff00; padding: 2px 6px 2px 6px; margin-left: 4px; margin-right: 4px; margin-bottom: 0px; text-transform: uppercase;"><b>DERNIER JOUR</b></span></div>
<div class="f-s-mob_11" style="font-size: 14px; font-weight: 200; letter-spacing: -0.02em; line-height: 18px;" align="center">
Valable sur les produits identifiés "-20% SUPP". Code à saisir dans votre panier lors de la validation de votre commande.
</div>
</div>
<div style="display: inline-block; color: #FFFFFF; background: #191819; width: 100%; padding: 0px;">
<div class="f-s-mob_14" style="font-size: 22px; font-weight: 200; letter-spacing: -0.04em; line-height: 14px; text-transform: uppercase;" align="center">BLACK <b>WEEK</b>
<span class="f-s-mob_13" style="font-size: 17px; display: inline-block; font-weight: 200; background: #C00101; padding: 2px 6px 3px 6px; margin-left: 4px;"><b>-20% supp</b></span>
<span class="f-s-mob_13" style="font-size: 17px; display: inline-block; font-weight: 200; background: #740002; padding: 2px 6px 3px 6px; margin-right: 2px;">CODE : <b>BLACK</b> </span>
<span class="f-s-mob_13" style="font-size: 17px; display: inline-block; font-weight: 400; letter-spacing: -0.06em; color: #373737; background: #baff00; padding: 2px 6px 2px 6px; margin-left: 4px; margin-right: 4px; margin-bottom: 0px; text-transform: uppercase;"><b>DERNIER JOUR</b></span>
</div>
<div class="f-s-mob_11" style="font-size: 14px; font-weight: 200; letter-spacing: -0.02em; line-height: 18px;" align="center">Offre valable hors produits identifiés flocon ❄</div>
</div>
<div class="p-t-mob_16 p-r-mob_20 p-b-mob_30 p-l-mob_20 height-mob_500" style="display: inline-block; display: table-cell; vertical-align: bottom; height: 220px; padding-top: 0px; border-width: 0px; border-style: solid; border-color: #E9148C; color:#000000; margin-right: 0px;" align="left">
<div class="f-s-mob_32 f-w-mob_600 line-height-mob_28 letter-spacing-mob_-1 m-t-mob_10" style="font-size: 32px; font-weight: 600; line-height: 30px; letter-spacing: -0.06em; margin-bottom: 0px; border-width: 0px; border-style: solid; border-color: #CC0000; text-transform: uppercase;"> <b>#SHESKIS</b></div>
<div class="f-s-mob_32 f-w-mob_600 line-height-mob_28 letter-spacing-mob_-1 m-t-mob_10" style="font-size: 23px; font-weight: 400; line-height: 25px; letter-spacing: -0.06em; margin-bottom: 0px; margin-top: 5px; border-width: 0px; border-style: solid; border-color: #CC0000; text-transform: uppercase;"> gagnez une journée<br>100% féminine<br>aux Menuires</div>
<div class="m-t-mob_10" style="margin-top: 22px; border-width: 0px; border-style: solid; border-color: #CC0000;">
<a href="https://www.glisshop.com/offre/atomic.html" class="btn btn_l1" title="JEU-ATOMIC">Je tente ma chance !</a>
</div>
<!--
CTA NOIR : <a href="####" class="btn btn_l1" title="##">Découvrir</a>
CTA BLANC : <a href="####" class="btn btn_l2_white" title="##">Découvrir</a>
-->
</div>
width: 345px / height: 503px >> remplacer par width: 100%; height: 503px;
<!-- GROS TITRE -->
<div class="f-s-mob_24 f-w-mob_800 line-height-mob_22 letter-spacing-mob_-1 m-b-mob_10" style="display: inline-block; font-size: 50px; font-weight: 800; line-height: 43px; letter-spacing: -0.08em; margin-bottom: 10px;">LE TITRE À REMPLACER EST ICI</div>
<!-- MOYEN TITRE -->
<div class="f-s-mob_15 f-w-mob_600 line-height-mob_16 letter-spacing-mob_-1 m-b-mob_10" style="display: inline-block; width: 100%; font-size: 24px; font-weight: 600; line-height: 24px; letter-spacing: -0.05em; text-transform: uppercase; margin-bottom: 10px;">Le texte moyen peut être sur plusieurs lignes</div>
<!-- REMISE % -->
<div class="f-s-mob_40 f-w-mob_200 line-height-mob_34 letter-spacing-mob_-3 m-b-mob_10" style="display: inline-block; width: 100%; font-size: 100px; font-weight: 200; line-height: 80px; letter-spacing: -0.08em; margin-bottom: 10px;">-20%</div>
<!-- ENCART COLOR -->
<div class="f-s-mob_16 f-w-mob_600 line-height-mob_15 letter-spacing-mob_-1 p-t-mob_3 p-b-mob_5 m-b-mob_10" style="display: inline-block; padding: 8px 10px 10px 10px; background: #CADE02; font-size: 30px; font-weight: 300; line-height: 16px; letter-spacing: -0.06em; margin-bottom: 14px;" align="center">
<span style="color:#FFFFFF" class="has-color">ENCART COLORÉ</span></div>
<!-- PETIT TEXTE -->
<div class="f-s-mob_11 f-w-mob_100 line-height-mob_12 letter-spacing-mob_0 m-b-mob_10" style="font-size: 13px; font-weight: 100; line-height: 15px; letter-spacing: -0.02em; margin-bottom: 20px; width: 100%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <b>Fusce a odio vitae lectus consectetur cursus.</b>
</div>
<!-- CTA -->
<div class="m-b-mob_0" style="margin-bottom: 0px;">
<a href="/lien-page.html" data-document-id="" class="btn btn_l2_white" title="Découvrir">Découvrir</a>
</div>
</div>
Uploader le fichier
Récuperer l'ID en fin d'url https://www.glisshop.com/admin.php/Rbs/Media/File/639274
Faire le lien sur l'ID
<a href="https://www.glisshop.com/Action/Rbs/Media/Download?documentId=639274">Télécharger le fichier</a>
ou
<a href="" data-document-id="639274">Télécharger le fichier</a>
<div style="display: inline; background: #BD0502; font-size: 35px; line-height: 20px; letter-spacing: -0.06em; text-transform: uppercase;" align="center">
<span style="color:#B2FF00" class="has-color">TEXTE EN BLANC</span>
</div>
PROGRAMME DE FIDÉLITÉ
Jusqu'à 5% de remise supplémentaire sur chaque commande- Texte
- Texte
- Texte
- Texte
- Texte
- Texte
<div style="display: table-cell; vertical-align: middle; width: 80px; background: #CC0000;">
<img src="https://www.glisshop.com/rest.php/resources/Rbs/Media/Image/21831891/resize" data-document-id="21831891" alt="picto_masque_fr" title="picto_masque_fr"></div>
<div style="display: table-cell; vertical-align: middle; width: 380px; background: #FF5857; padding: 8px 0px 0px 20px;">
<span style="font-size: 14px; line-height: 20px; font-weight: 800; letter-spacing: -0.04em; text-transform: uppercase;">
<ul>
<li><div align="left">Texte</div></li>
<li><div align="left">Texte</div></li>
<li><div align="left">Texte</div></li>
</ul>
</span>
</div>
<div style="display: table-cell; vertical-align: middle; width: 80px; background: #ECECEC;">
<img src="https://www.glisshop.com/rest.php/resources/Rbs/Media/Image/21937493/resize?maxWidth=80&maxHeight=80" data-document-id="21937493" alt="XXXX" title="XXXX" width="80" height="80"></div>
<div style="display: table-cell; vertical-align: middle; width: 25%; height:100px; background: #DA110B;">TEXTE</div>
<div style="display: table-cell; vertical-align: middle; width: 25%; height:100px; background: #5DB635;">TEXTE</div>
<div style="display: table-cell; vertical-align: middle; width: 25%; height:100px; background: #FFFF1B;">TEXTE</div>
<div style="display: table-cell; vertical-align: middle; width: 25%; height:100px; background: #1571A8;">TEXTE</div>
</div>
TEXTE | TEXTE | TEXTE | TEXTE |
TEXTE | TEXTE | TEXTE | TEXT |
TEXTE | TEXTE | TEXTE | TEXTE | TEXTE | TEXTE |
<table width="80%" cellspacing="10" cellpadding="0" border="1" align="center">
<tbody>
<tr>
<td width="30%" valign="middle" nowrap="nowrap" height="100" bgcolor="#DA110B" align="center">TEXTE</td>
<td width="5%" valign="middle" nowrap="nowrap" bgcolor="#5DB635" align="right">TEXTE</td>
<td width="50%" valign="middle" nowrap="nowrap" bgcolor="#FFFF1B" align="center">TEXTE</td>
<td width="5%" valign="middle" nowrap="nowrap" bgcolor="#1571A8" align="left">TEXTE</td>
</tr>
</tbody>
</table>
<br>
<table width="80%" cellspacing="0" cellpadding="20" border="1" align="center">
<tbody>
<tr>
<td width="30%" valign="middle" nowrap="nowrap" height="100" bgcolor="#DA110B" align="center">TEXTE</td>
<td width="5%" valign="middle" nowrap="nowrap" bgcolor="#5DB635" align="right">TEXTE</td>
<td width="50%" valign="middle" nowrap="nowrap" bgcolor="#FFFF1B" align="center">TEXTE</td>
<td width="5%" valign="middle" nowrap="nowrap" bgcolor="#1571A8" align="left">TEXT</td>
</tr>
</tbody>
</table>
<br>
<table width="80%" cellspacing="0" cellpadding="20" border="1" align="center">
<tbody>
<tr>
<td width="13%" valign="middle" nowrap="nowrap" bgcolor="#5DB635" align="center">TEXTE</td>
<td width="25%" valign="middle" nowrap="nowrap" bgcolor="#DA110B" align="center">TEXTE</td>
<td width="2%" valign="middle" nowrap="nowrap" bgcolor="#5DB635" align="center">TEXTE</td>
<td width="45%" valign="middle" nowrap="nowrap" bgcolor="#FFFF1B" align="center">TEXTE</td>
<td width="2%" valign="middle" nowrap="nowrap" bgcolor="#1571A8" align="center">TEXTE</td>
<td width="13%" valign="middle" nowrap="nowrap" bgcolor="#5DB635" align="center">TEXTE</td>
</tr>
</tbody>
</table>
</div>
LAST DAY
Último día
Ultimo giorno
Letzter Tag
Laatste dag
LAST DAYs
Últimos días
ultimi giorni
Letzte Tage
Laatste dagen
EXTENDED
PROLONGACIÓN
PROROGA
VERLÄNGERT
VERLENGING
VALID TODAY
Válido hoy
Valida oggi
Gilt heute
Geldig vandaag
lg = 600 px
md = 500 px
sm = 400 px
xs = 300 px
xxs = 200 px
Couleur de fond beige clair : #F5F0E9
<div class="height-mob_170 m-b-mob_30">
Suivant le contenu il faut définir la hauteur de la DIV en mobile
1TITRE 1texte CTA = 170
2TITRE 1texte CTA = 190
1TITRE 2texte CTA = 190
2TITRE 2texte CTA = 210
CTA NOIR : <a href="####" class="btn btn_l1" title="##">Découvrir</a>
CTA BLANC : <a href="####" class="btn btn_l2_white" title="##">Découvrir</a>
<div class="p-t-mob_15 p-r-mob_20 p-b-mob_30 p-l-mob_20 align_center_mob bg_dark_mob" style="display: inline-block; display: table-cell; vertical-align: bottom; max-width: 340px; height: 220px; padding-top: 0px; border-width: 0px; border-style: solid; border-color: #E9148C; color:#FFFFFF; text-transform: uppercase; margin-right: 0px; padding-left: 80px;" align="right">
<!-- TITRE -->
<div class="f-s-mob_24 f-w-mob_800 line-height-mob_22 letter-spacing-mob_-1 m-t-mob_10" style="font-size: 32px; font-weight: 600; line-height: 30px; letter-spacing: -0.06em; margin-bottom: 0px; border-width: 0px; border-style: solid; border-color: #CC0000; text-transform: uppercase;">
<b>PATAGONIA</b>
</div>
<!-- TEXTE -->
<div class="f-s-mob_18 f-w-mob_400 line-height-mob_18 letter-spacing-mob_-1 m-t-mob_10" style="font-size: 23px; font-weight: 400; line-height: 25px; letter-spacing: -0.06em; margin-bottom: 0px; margin-top: 5px; border-width: 0px; border-style: solid; border-color: #CC0000; text-transform: uppercase;">
DECOUVREZ LA GAMME POLAIRE
</div>
<!-- CTA -->
<div class="m-t-mob_16" style="margin-top: 22px; border-width: 0px; border-style: solid; border-color: #CC0000;">
<a href="https://www.glisshop.com/vetements/polaire/patagonia/" class="btn btn_l1" title="Découvrir">
Découvrir
</a></div>
</div>
</div>
<div class="p-t-mob_15 p-r-mob_20 p-b-mob_30 p-l-mob_20 align_center_mob bg_dark_mob" style="display: inline-block; display: table-cell; vertical-align: bottom; max-width: 340px; height: 220px; padding-top: 0px; border-width: 0px; border-style: solid; border-color: #E9148C; color:#FFFFFF; text-transform: uppercase; margin-right: 0px; padding-left: 80px;" align="right">
<!-- TITRE -->
<div class="f-s-mob_24 f-w-mob_800 line-height-mob_22 letter-spacing-mob_-1 m-t-mob_10" style="font-size: 32px; font-weight: 600; line-height: 30px; letter-spacing: -0.06em; margin-bottom: 0px; border-width: 0px; border-style: solid; border-color: #CC0000;">
<b>"We the Power"</b>
</div>
<!-- TEXTE -->
<div class="f-s-mob_18 f-w-mob_400 line-height-mob_18 letter-spacing-mob_-1 m-t-mob_10" style="font-size: 23px; font-weight: 400; line-height: 25px; letter-spacing: -0.06em; margin-bottom: 0px; margin-top: 5px; border-width: 0px; border-style: solid; border-color: #CC0000;">
ensemble vers une énergie renouvelable et citoyenne
</div>
<!-- CTA -->
<div class="m-t-mob_16" style="margin-top: 22px; border-width: 0px; border-style: solid; border-color: #CC0000;">
<a href="https://www.glisshop.com/vetements/polaire/patagonia/" class="btn btn_l1" title="Découvrir">
Découvrir
</a></div>
</div>
</div>
<div class="p-t-mob_15 p-r-mob_20 p-b-mob_30 p-l-mob_20 align_center_mob bg_dark_mob" style="display: inline-block; display: table-cell; vertical-align: bottom; max-width: 340px; height: 220px; padding-top: 0px; border-width: 0px; border-style: solid; border-color: #E9148C; text-transform: uppercase; margin-right: 0px; padding-right: 95px; color:#000000;" align="left">
<!-- TITRE -->
<div class="f-s-mob_24 f-w-mob_800 line-height-mob_22 letter-spacing-mob_-1 m-t-mob_10" style="font-size: 32px; font-weight: 600; line-height: 30px; letter-spacing: -0.06em; margin-bottom: 0px; border-width: 0px; border-style: solid; border-color: #CC0000;"><b>
1% for the planet
</b></div>
<!-- TEXTE -->
<div class="f-s-mob_18 f-w-mob_400 line-height-mob_18 letter-spacing-mob_-1 m-t-mob_10" style="font-size: 23px; font-weight: 400; line-height: 25px; letter-spacing: -0.06em; margin-bottom: 0px; margin-top: 5px; border-width: 0px; border-style: solid; border-color: #CC0000;">
Pourquoi et comment ?
</div>
<!-- CTA -->
<div class="m-t-mob_16" style="margin-top: 22px; border-width: 0px; border-style: solid; border-color: #CC0000;">
<a href="https://www.glisshop.info/equipement/1-for-the-planet-des-entreprises-qui-donnent-pour-lenvironnement/27277" class="btn btn_l1" title="Tout savoir">
Tout savoir
</a></div>
</div>
</div>
<div class="f-s-mob_26 f-w-mob_700 line-height-mob_30 letter-spacing-mob_-2" style="display: inline-block; width: 86%; font-size: 51px; font-weight: 700; line-height: 54px; letter-spacing: -2px;">
LIVRAISON</div>
<div class="f-s-mob_34 f-w-mob_700 line-height-mob_30 letter-spacing-mob_-3" style="display: inline-block; width: 86%; font-size: 58px; font-weight: 700; line-height: 54px; letter-spacing: -2px;">
OFFERTE</div>
<div class="f-s-mob_16" style="display: inline-block; width: 100%; color: #FFFFFF; font-weight: 400; text-transform: uppercase; font-size: 28px; background: #6fa3a6; padding: 10px 2px 10px 2px; margin-top: 20px; margin-bottom: 20px;">AUJOURD'HUI</div>
<div class="f-s-mob_12 letter-spacing-mob_-1" style="display: inline-block; width: 86%; font-size: 20px; text-transform: uppercase; font-weight: 200; letter-spacing: 0px; margin-bottom: 12px;"><b>
Dès 49€ d’achat
</b></div>
<div class="f-s-mob_12 line-height-mob_11" style="display: inline-block; width: 86%; font-size: 14px; line-height: 16px; font-weight: 100;">
Hors Corse, Suisse et Royaume Uni
</div>
</div>
<br><br>
<div class="f-s-mob_26 f-w-mob_700 line-height-mob_30 letter-spacing-mob_-2" style="display: inline-block; width: 86%; font-size: 51px; font-weight: 700; line-height: 52px; letter-spacing: -2px;">
LIVRAISON</div>
<div class="f-s-mob_34 f-w-mob_700 line-height-mob_30 letter-spacing-mob_-3" style="display: inline-block; width: 86%; font-size: 64px; font-weight: 700; line-height: 52px; letter-spacing: -2px;">
OFFERTE</div>
<br>
<div class="f-s-mob_12 letter-spacing-mob_-1" style="display: inline-block; width: 86%; font-size: 15px; font-weight: 200; letter-spacing: 0px; margin-bottom: 12px;">
Dès 49€ d'achat - Hors Corse et Suisse <br><br>
<span class="f-s-mob_12 letter-spacing-mob_-1" style="font-size: 12px; font-weight: 100; letter-spacing: -3px;">-------------------------------------------------------------------------------------------------------------</span>
</div><br><br>
<div class="f-s-mob_12 letter-spacing-mob_-1" style="display: inline-block; width: 86%; font-size: 21px; font-weight: 200; letter-spacing: 0px; margin-bottom: 12px; line-height: 12px;">
<b>PROFITEZ DES CONSEILS</b></div>
<div class="f-s-mob_12 letter-spacing-mob_-1" style="display: inline-block; width: 86%; font-size: 31px; font-weight: 200; letter-spacing: 0px; margin-bottom: 12px; line-height: 16px;">
<b>DE NOS EXPERTS</b></div>
<div class="f-s-mob_12 letter-spacing-mob_-1" style="display: inline-block; width: 86%; font-size: 15px; font-weight: 200; letter-spacing: 0px; margin-bottom: 12px;">
par Chat ou téléphone <br> au 04 73 26 98 47 <br><br>
</div>
</div>
<div class="f-s-mob_12 letter-spacing-mob_-1" style="display: inline-block; width: 86%; font-size: 25px; font-weight: 200; letter-spacing: 0px; margin-bottom: 12px; line-height: 12px;"><b>NOUS CONTINUONS</b></div>
<div class="f-s-mob_12 letter-spacing-mob_-1" style="display: inline-block; width: 86%; font-size: 28px; font-weight: 200; letter-spacing: 0px; margin-bottom: 12px; line-height: 16px;"><b>DE VOUS LIVRER</b></div>
<div class="f-s-mob_12 letter-spacing-mob_-1" style="display: inline-block; width: 86%; font-size: 15px; font-weight: 200; letter-spacing: 0px; margin-bottom: 12px;">PENDANT LE CONFINEMENT</div>
<div class="f-s-mob_26 f-w-mob_700 line-height-mob_30 letter-spacing-mob_-2" style="display: inline-block; width: 86%; font-size: 51px; font-weight: 700; line-height: 52px; letter-spacing: -2px;">LIVRAISON</div>
<div class="f-s-mob_34 f-w-mob_700 line-height-mob_30 letter-spacing-mob_-3" style="display: inline-block; width: 86%; font-size: 64px; font-weight: 700; line-height: 52px; letter-spacing: -2px;">OFFERTE</div>
<div class="f-s-mob_12 letter-spacing-mob_-1" style="display: inline-block; width: 86%; font-size: 15px; font-weight: 200; letter-spacing: 0px; margin-bottom: 12px;">Sans minimum d'achat Hors Corse et Suisse
<span class="f-s-mob_12 letter-spacing-mob_-1" style="font-size: 12px; font-weight: 100; letter-spacing: -3px;">-------------------------------------------------------------------------------------------------------------</span></div>
<div class="f-s-mob_12 letter-spacing-mob_-1" style="display: inline-block; width: 86%; font-size: 21px; font-weight: 200; letter-spacing: 0px; margin-bottom: 12px; line-height: 12px;"><b>PROFITEZ DES CONSEILS</b></div>
<div class="f-s-mob_12 letter-spacing-mob_-1" style="display: inline-block; width: 86%; font-size: 31px; font-weight: 200; letter-spacing: 0px; margin-bottom: 12px; line-height: 16px;"><b>DE NOS EXPERTS</b></div>
<div class="f-s-mob_12 letter-spacing-mob_-1" style="display: inline-block; width: 86%; font-size: 15px; font-weight: 200; letter-spacing: 0px; margin-bottom: 12px;">par Chat ou téléphone <br> au 04 73 26 98 47
</div>
</div>
<div class="f-s-mob_18 f-w-mob_600 line-height-mob_24 letter-spacing-mob_-2" style="display: inline-block; width: 85%; font-size: 28px; font-weight: 700; line-height: 30px; letter-spacing: -1px; margin-bottom: 12px;">Nous continuons de vous livrer pendant le confinement !</div>
<div class="f-s-mob_12 letter-spacing-mob_-1" style="display: inline-block; width: 86%; font-size: 18px; font-weight: 200; letter-spacing: 0px; margin-bottom: 15px;">L’hiver n’attend pas ...</div>
<div class="f-s-mob_10 letter-spacing-mob_-3" style="font-size: 12px; font-weight: 100; letter-spacing: -3px; margin-bottom: 15px;">-------------------------------------------------------------------------------------------------------------</div>
<div class="f-s-mob_18 f-w-mob_600 line-height-mob_24 letter-spacing-mob_-2" style="display: inline-block; width: 85%; font-size: 28px; font-weight: 700; line-height: 30px; letter-spacing: -1px; margin-bottom: 12px;"><b>Profitez des conseils de nos experts</b></div>
<div class="f-s-mob_12 letter-spacing-mob_-1" style="display: inline-block; width: 86%; font-size: 18px; font-weight: 200; letter-spacing: 0px; margin-bottom: 13px;">par Chat ou téléphone<br>au 04 73 26 98 47
</div>
</div>
X2 ---
L'enseigne de référence des amoureux de la montagne
Installée au cœur des volcans d’Auvergne, Glisshop accompagne depuis trois générations les passionnés de glisse et les accros à la poudreuse.
Notre shop en ligne met à votre disposition depuis 1997 une des plus grandes sélections de produits et d’équipement de sports d’hiver. Passionnés par le ski alpin, le ski de randonnée, le ski freeride ou le ski de fond, nous sommes plus qu’un magasin de ski ou de snowboard, nous défendons une approche inclusive de la montagne et des sports d’hiver.
Nous avons à cœur de présenter les dernières innovations et les nouvelles tendances en matière de glisse. Nous sommes constamment à l’affût des meilleurs produits du marché pour proposer à nos clients ce qui se fait de mieux en matériel de ski, aussi bien en termes de sensations qu’en termes de sécurité. Que vous soyez à la recherche d’une paire de skis ou de boots juste avant de partir en vacances, que vous souhaitiez compléter votre tenue de ski avec un casque de ski ou un masque photochromique, notre équipe d’experts saura vous conseiller.
Rossignol, Dynastar, Scott, Salomon, Fischer, Atomic, tous les plus grands noms des sports d’hiver sont chez Glisshop. Vous y trouverez aussi des marques de caractère comme Faction, Armada ou Black Crows qui s’orienteront plus vers le freestyle, le freeride ou la rando. Et puis il y a tout l’univers snowboard à ne pas manquer. Notre sélection de planches de snow, fixations et boots ravira n’importe quel rider. Optez pour un setup 100% freestyle ou au contraire visez la poudre, vous trouverez votre bonheur chez Nitro ou Burton, Lib Tech, Yes et bien d’autres.
Glisshop, le magasin outdoor
Les activités outdoor sont au croisement entre amour de la nature et dépassement de soi. Elles impliquent humilité, passion et volonté pour forger des expériences inoubliables. Que vous aimiez fendre l’air sur des roues, vous hisser au sommet à la force de vos membres, la randonnée en montagne ou courir dans les bois, un bon équipement, c’est plus de confort et de sécurité. Glisshop vous propose matériel et conseils afin d’avoir toutes les cartes en mains pour réaliser vos rêves d’espaces et de grand air.
Trail running
Le trail running possède un attrait particulier pour ceux qui aiment courir et se lassent vite de la ville et de sa périphérie. Seulement, pour évoluer dans des conditions optimales en pleine nature, il faut partir avec un bon équipement. Contrairement à l’environnement citadin, vous aurez affaire à du dénivelé ainsi qu’à un sol irrégulier. Vous trouverez chez Glisshop du matériel de qualité pour plus de confort, de performance et de sécurité lors de vos sessions. Les chaussures de trail offrent amorti, rebond et adhérence, tout en bénéficiant d’un revêtement imperméable. Les vêtements adaptés assurent respirabilité, protection contre les éléments et chaleur selon vos besoins et la période de l’année. Que vous pratiquiez le trail courte ou longue durée, de jour comme de nuit, vous trouverez aussi des lampes, des bâtons de marche, des lunettes de soleil ou encore des sacs à dos légers et compacts. Les fabricants rivalisent d'ingéniosité pour satisfaire les besoins des coureurs.
VTT
Enduro, trail, bike park, dirt, et downhill ne sont que des exemples de ce que rassemble l’univers VTT. Beaucoup de noms pour désigner finalement un seul groupe de riders amateurs de sensations fortes et de plein air, d’éternels émerveillés qui explorent leurs limites comme les espaces et qui n’ont de cesse de renouveler l’expérience dès que possible. Version évoluée de la petite reine, le VTT est l’opportunité de sortir de la route et de voir le monde d’un nouvel œil. Le skate se perfectionne sur des modules ou dans la rue, le VTT sur les terrains sauvages. La nature étant à votre portée, il ne manque plus que l’équipement : vêtements, chaussures, protections, sacs ou lunettes sont à votre disposition pour que votre expérience soit la plus riche et agréable possible.
Randonnée et matériel montagne, bivouac et matériel camping
La randonnée pédestre est un sport et un loisir à la fois, qui permet de découvrir de somptueux paysages. Cette pratique est à la portée de tous et permet de se recentrer sur ce qui importe, avec une attention particulière sur le monde dans lequel on vit. Au cœur de la nature, en suivant sentiers et balises, la randonnée se pratique seul ou en groupe, sur quelques heures ou sur plusieurs jours. Pour une petite sortie, vos gambettes, un sac à dos et de bonnes chaussures feront l'affaire. Mais si vous partez plusieurs jours, pour de la randonnée en montagne par exemple, loin de la civilisation, vous aurez besoin d’un équipement spécialisé pour être un randonneur totalement autonome : Sac à dos plus grands, nourriture, tente, sac de couchage, vêtements, ainsi que du matériel de cuisine. Nous avons sélectionné pour vous des produits qui répondent aux principaux critères d’une excursion bien préparée : Légèreté, compacité et ergonomie.
Escalade et alpinisme
L’escalade et l’alpinisme sont des pratiques exigeantes qui demandent de l’engagement et permettent de se retrouver au cœur de magnifiques paysages inaccessibles autrement. Évoluer sur une surface rocheuse dans de bonnes conditions de sécurité implique de la préparation, des connaissances, de l’expérience et surtout un bon équipement. En escalade, des chaussons vous assure d’avoir les pieds adhérents et protéger de chocs ou de frottements. Le casque assure un complément de sécurité indispensable, tandis que le baudrier permet d’être retenu en cas de chute. En alpinisme, du matériel supplémentaire fait son apparition : les piolets et les crampons pour les chaussures d’alpinisme pour une bonne accroche dans la neige ou la glace. Dans ces deux pratiques, vous aurez aussi besoin de harnais ou baudriers, de cordes, de mousquetons, etc.
Se repérer, le matériel de survie du baroudeur
Lorsque nous évoluons en pleine nature, qu’il s’agisse de faire de la randonnée, de l’alpinisme ou du trail, il est important, voire vital, de savoir se repérer géographiquement et localement. Les montres GPS ou les cartes vous offre la possibilité de connaitre votre position et de garder en vue votre objectif. Les jumelles d’observation assurent un bon repérage et les lampes frontales seront indispensables lors de bivouacs ou pour les activités sportives de nuit. Vous trouverez aussi chez nous des guides et des cartes IGN qui vous permettront de mieux préparer vos expéditions et de mieux vous retourner en cas d'imprévu.
Boire et manger
Les excursions de plus d’une journée demandent une certaine autonomie, et il n’est pas question d’encombrer votre sac inutilement. Nous mettons à votre disposition des gourdes et poches à eau pour le stockage ainsi que de nombreux outils de traitement de l’eau. Des repas lyophilisés sont conçus pour limiter au maximum le poids transporté tout en conservant un maximum de nutriments. Vous trouverez aussi des compléments alimentaires, des gels énergétiques ou des purées de fruit pour les activités d’endurances.