API tools faq
paste
SammyRicour

Untitled

SammyRicour
Jul 15th, 2019
136
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 53.58 KB | None | 0 0
raw download clone embed print report
  1. <script type="text/JavaScript" src="scripts/jquery-1.10.2.js"></script>.
  2. <link href="https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700" rel="stylesheet" />
  3. <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
  4. <style type="text/css">
  5. #page {
  6. width: 100%;
  7. max-width: 900px;
  8. margin: auto;
  9. text-align: center;
  10. color: #000000;
  11. }
  12. #page p {
  13. font-family: 'Open Sans','sans-serif' !important;
  14. font-weight: normal;
  15. text-transform: uppercase;
  16. font-size: 16px;
  17. line-height: 20px;
  18. }
  19. .bouton {
  20. display: inline-block;
  21. font-family: 'Open Sans','sans-serif' !important;
  22. font-weight: normal;
  23. text-transform: uppercase;
  24. font-size: 20px;
  25. line-height: 20px;
  26. text-decoration: none;
  27. color: #000000;
  28. border: solid 2px #000000;
  29. border-radius: 30px;
  30. padding: 20px 30px;
  31. margin-top: 20px;
  32. }
  33. .bouton:hover {
  34. display: inline-block;
  35. font-family: 'Open Sans','sans-serif' !important;
  36. font-weight: normal;
  37. text-transform: uppercase;
  38. font-size: 20px;
  39. line-height: 20px;
  40. text-decoration: none;
  41. color: #000000;
  42. border: solid 2px #000000;
  43. border-radius: 30px;
  44. padding: 20px 30px;
  45. margin-top: 20px;
  46. }
  47. .bouton_black {
  48. display: inline-block;
  49. font-family: 'Open Sans','sans-serif' !important;
  50. font-weight: normal;
  51. text-transform: uppercase;
  52. font-size: 20px;
  53. line-height: 20px;
  54. text-decoration: none;
  55. color: #ffffff;
  56. background-color: #000000;
  57. border-radius: 30px;
  58. padding: 20px 59px;
  59. }
  60. .bouton_black:hover {
  61. display: inline-block;
  62. font-family: 'Open Sans','sans-serif' !important;
  63. font-weight: normal;
  64. text-transform: uppercase;
  65. font-size: 20px;
  66. line-height: 20px;
  67. text-decoration: none;
  68. color: #ffffff;
  69. background-color: #000000;
  70. border-radius: 30px;
  71. padding: 20px 59px;
  72. }
  73. .bouton_appli {
  74. display: inline-block;
  75. border: solid 2px #000000;
  76. border-radius: 30px;
  77. padding: 8px;
  78. margin-top: 20px;
  79. text-align: left;
  80. text-decoration: none;
  81. }
  82. .bouton_appli:hover {
  83. display: inline-block;
  84. border: solid 2px #000000;
  85. border-radius: 30px;
  86. padding: 8px;
  87. margin-top: 20px;
  88. text-align: left;
  89. text-decoration: none;
  90. }
  91. .bouton_appli table tr td {
  92. font-family: 'Open Sans','sans-serif' !important;
  93. font-weight: normal;
  94. text-transform: uppercase;
  95. font-size: 20px;
  96. line-height: 20px;
  97. text-decoration: none;
  98. color: #000000;
  99. }
  100. .ipxl_h1 {
  101. font-family: 'Yanone Kaffeesatz','sans-serif' !important;
  102. font-weight: 700 !important;
  103. font-stretch: condensed;
  104. font-size: 70px;
  105. line-height: 70px;
  106. margin: 75px 0px 30px 0px;
  107. }
  108. .ipxl_h2 {
  109. font-family: 'Yanone Kaffeesatz','sans-serif' !important;
  110. font-weight: 700 !important;
  111. font-stretch: condensed;
  112. font-size: 40px;
  113. line-height: 40px;
  114. margin: 30px 0px 25px 0px;
  115. }
  116. .ipxl_h3 {
  117. font-family: 'Yanone Kaffeesatz','sans-serif' !important;
  118. font-weight: 400 !important;
  119. font-stretch: condensed;
  120. font-size: 26px;
  121. line-height: 35px;
  122. margin: 0px;
  123. padding: 30px 0px;
  124. }
  125. .ipxl_h4 {
  126. font-family: 'Yanone Kaffeesatz','sans-serif';
  127. font-stretch: condensed;
  128. font-weight: 100;
  129. font-size: 50px;
  130. line-height: 55px;
  131. text-align: center;
  132. margin: 0px;
  133. }
  134. .ipxl_h5 {
  135. font-family: 'Open Sans','sans-serif' !important;
  136. font-weight: normal;
  137. text-transform: uppercase;
  138. font-size: 16px;
  139. line-height: 20px;
  140. margin: 0px 0px 30px 0px;
  141. text-align: center;
  142. }
  143. #db_intro {
  144. width: 100%;
  145. max-width: 780px;
  146. margin: auto;
  147. background-image: url(https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941251788830/db-quote-nl.jpg);
  148. background-repeat: no-repeat;
  149. background-size: 100%;
  150. }
  151. .db_black_letter {
  152. color: #ffffff;
  153. background-color: #000000;
  154. padding: 5px 5px 0px 5px;
  155. }
  156. .db_top_product {
  157. display: inline-block;
  158. margin: 15px;
  159. text-decoration: none;
  160. width: 25%;
  161. max-width: 258px;
  162. }
  163. .db_top_product img {
  164. width: 100%;
  165. }
  166. .db_arrow {
  167. cursor: pointer;
  168. margin-bottom: 120px;
  169. }
  170. .db_product_arrow {
  171. cursor: pointer;
  172. }
  173. .db_carousel_mobile {
  174. display: none;
  175. }
  176. .db_carousel2_mobile {
  177. display: none;
  178. }
  179. .db_60_left {
  180. width: 60%;
  181. float: left;
  182. }
  183. .db_60_right {
  184. width: 60%;
  185. float: right;
  186. }
  187. .db_40_left {
  188. width: 40%;
  189. float: left;
  190. }
  191. .db_40_right {
  192. width: 40%;
  193. float: right;
  194. }
  195. .db_text_margin {
  196. margin-right: 30px;
  197. padding-top: 30px;
  198. }
  199. .db_product_img {
  200. display: inline-block;
  201. margin: 20px 0px;
  202. width: 193px;
  203. }
  204. .db_spacer {
  205. width: 100%;
  206. height: 50px;
  207. }
  208. .db_little_spacer {
  209. width: 100%;
  210. height: 25px;
  211. }
  212. .db_hide_mobile {
  213. display: block;
  214. }
  215. .db_mobile_only {
  216. display: none;
  217. }
  218.  
  219. /* slider 1 */
  220.  
  221. #slider_dior_ipxl {
  222. margin: 0px;
  223. padding: 0px;
  224. list-style: none;
  225. }
  226. #bullets_dior_ipxl {
  227. margin: 0px;
  228. padding: 0px;
  229. }
  230. #bullets_dior_ipxl li {
  231. display: inline-block;
  232. }
  233. #bullets_dior_ipxl a {
  234. text-decoration: none;
  235. font-size: 16px;
  236. color: #cccccc;
  237. cursor: pointer;
  238. }
  239.  
  240. /* end slider */
  241.  
  242. /* slider 2 */
  243.  
  244. #slider_dior2_ipxl {
  245. margin: 0px;
  246. padding: 0px;
  247. list-style: none;
  248. }
  249. #bullets_dior2_ipxl {
  250. margin: 0px;
  251. padding: 0px;
  252. }
  253. #bullets_dior2_ipxl li {
  254. display: inline-block;
  255. }
  256. #bullets_dior2_ipxl a {
  257. text-decoration: none;
  258. font-size: 16px;
  259. color: #cccccc;
  260. cursor: pointer;
  261. }
  262.  
  263. /* end slider */
  264.  
  265.  
  266. .db_arrow_mobile_container {
  267. text-align: center;
  268. display: none;
  269. margin-bottom: 25px;
  270. }
  271. .db_arrow_mobile {
  272. display: inline-block;
  273. cursor: pointer;
  274. margin: 0px 5px;
  275. }
  276. @media screen and (max-width:750px) {
  277. #page p {
  278. font-size: 14px;
  279. line-height: 18px;
  280. }
  281. .bouton {
  282. font-size: 18px;
  283. line-height: 18px;
  284. border-radius: 25px;
  285. padding: 15px 25px;
  286. }
  287. .bouton:hover {
  288. font-size: 18px;
  289. line-height: 18px;
  290. border-radius: 25px;
  291. padding: 15px 25px;
  292. }
  293. .bouton_black {
  294. font-size: 18px;
  295. line-height: 18px;
  296. border-radius: 25px;
  297. padding: 15px 25px;
  298. }
  299. .bouton_black:hover {
  300. font-size: 18px;
  301. line-height: 18px;
  302. border-radius: 25px;
  303. padding: 15px 25px;
  304. }
  305. .ipxl_h1 {
  306. font-size: 50px;
  307. line-height: 50px;
  308. margin: 50px 0px 20px 0px;
  309. }
  310. .ipxl_h2 {
  311. font-size: 30px;
  312. line-height: 20px;
  313. margin: 20px 0px 15px 0px;
  314. }
  315. .ipxl_h3 {
  316. font-size: 25px;
  317. line-height: 35px;
  318. margin: 0px;
  319. padding: 30px 0px;
  320. }
  321. .ipxl_h4 {
  322. font-size: 25px;
  323. line-height: 25px;
  324. margin: 0px;
  325. }
  326. .ipxl_h5 {
  327. font-size: 14px;
  328. line-height: 18px;
  329. margin: 0px 0px 30px 0px;
  330. }
  331. .db_hide_mobile {
  332. display: none;
  333. }
  334. .db_mobile_only {
  335. display: block;
  336. }
  337. #db_intro {
  338. background-image: none;
  339. }
  340. .db_60_left {
  341. width: 100%;
  342. float: none;
  343. }
  344. .db_60_right {
  345. width: 100%;
  346. float: none;
  347. }
  348. .db_40_left {
  349. width: 100%;
  350. float: none;
  351. }
  352. .db_40_right {
  353. width: 100%;
  354. float: none;
  355. }
  356. .db_text_margin {
  357. margin-right: 0px;
  358. padding-top: 20px;
  359. }
  360. .db_spacer {
  361. height: 25px;
  362. }
  363. .db_little_spacer {
  364. height: 15px;
  365. }
  366. .db_top_product {
  367. width: 100%;
  368. max-width: 258px;
  369. }
  370. .db_top_product img {
  371. width: 100%;
  372. max-width: 258px;
  373. }
  374. .db_arrow_mobile_container {
  375. display: inline-block;
  376. }
  377. }
  378. </style>
  379.  
  380.  
  381. <!--START PAGE-->
  382.  
  383.  
  384. <div id="page">
  385.  
  386. <a href="https://www.iciparisxl.nl/nl/dior-backstage/1062/brand"><img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8937873932318/db-logo.jpg" alt="DIOR BACKSTAGE" width="100%" border="0" /></a>
  387.  
  388. <div class="db_little_spacer">&nbsp;</div>
  389.  
  390. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141177122846/db-header.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" /> <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9145666437150/db-header-mobile-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" />
  391.  
  392. <div class="db_little_spacer">&nbsp;</div>
  393.  
  394. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141176991774/db-logo-2.png" alt="DIOR BACKSTAGE" width="100%" style="max-width: 650px;" border="0" />
  395.  
  396. <p>&nbsp;</p>
  397. <h4 class="ipxl_h4">NOUVEAU <strong>FACE & BODY PRIMER</strong>
  398. ÉCLAT FLOUTÉ. HYDRATATION 24H
  399. </h4>
  400. <div id="db_intro">
  401. <h3 class="ipxl_h3">J’ai cherché à retrouver l’effet que l’on obtient en préparant le visage des mannequins
  402. en backstage¹ avant d’appliquer le maquillage. Ce primer, qui floute tout en repulpant et hydratant la peau,
  403. imite cette action et agit comme un révélateur d’éclat, un véritable wake up makeup².
  404. </h3>
  405. <h4 class="ipxl_h5">PETER PHILIPS,<br> Directeur de la Création et de l’Image du maquillage de la Maison Dior </h4>
  406. </div>
  407.  
  408.  
  409. <!--START 3 Products Desktop-->
  410.  
  411. <div class="db_hide_mobile">
  412.  
  413. <!-- <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8940689915934/db-top-arrow-left-grey.jpg" alt="" width="32" border="0" id="db_arrow_left" class="db_arrow" />-->
  414.  
  415. <a href="https://www.iciparisxl.nl/nl/p/BP_972367" class="db_top_product" id="db_top_product_1"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144957796382/db-slider1-product1.png" alt="DIOR BACKSTAGE" border="0" /></a>
  416.  
  417. <a href="https://www.iciparisxl.nl/nl/p/BP_972542" class="db_top_product" id="db_top_product_2"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144957894686/db-slider1-product2.png" alt="DIOR BACKSTAGE" border="0" /></a>
  418.  
  419. <a href="https://www.iciparisxl.nl/nl/p/BP_972528" class="db_top_product" id="db_top_product_3"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144957992990/db-slider1-product3.png" alt="DIOR BACKSTAGE" border="0" /></a>
  420.  
  421. <!-- <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8940690276382/db-top-arrow-right-black.jpg" alt="" width="32" border="0" id="db_arrow_right" class="db_arrow" />-->
  422.  
  423. </div>
  424.  
  425. <script type="text/javascript">
  426. document.getElementById("db_arrow_right").onclick = function(){
  427. document.getElementById("db_arrow_left").src = "https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8940689653790/db-top-arrow-left-black.jpg";
  428. document.getElementById("db_arrow_right").src = "https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8940690374686/db-top-arrow-right-grey.jpg";
  429. document.getElementById("db_top_product_1").style.display = "none";
  430. document.getElementById("db_top_product_2").style.display = "none";
  431. document.getElementById("db_top_product_3").style.display = "none";
  432. document.getElementById("db_top_product_4").style.display = "inline-block";
  433. document.getElementById("db_top_product_5").style.display = "inline-block";
  434. document.getElementById("db_top_product_6").style.display = "inline-block";
  435. };
  436.  
  437. document.getElementById("db_arrow_left").onclick = function(){
  438. document.getElementById("db_arrow_left").src = "https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8940689915934/db-top-arrow-left-grey.jpg";
  439. document.getElementById("db_arrow_right").src = "https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8940690276382/db-top-arrow-right-black.jpg";
  440. document.getElementById("db_top_product_4").style.display = "none";
  441. document.getElementById("db_top_product_5").style.display = "none";
  442. document.getElementById("db_top_product_6").style.display = "none";
  443. document.getElementById("db_top_product_1").style.display = "inline-block";
  444. document.getElementById("db_top_product_2").style.display = "inline-block";
  445. document.getElementById("db_top_product_3").style.display = "inline-block";
  446. };
  447. </script>
  448.  
  449. <!--END 3 Products Desktop-->
  450.  
  451.  
  452. <!--START 3 Products Mobile-->
  453.  
  454. <div class="db_mobile_only">
  455.  
  456. <input id="status_dior" value="1" type="hidden" />
  457.  
  458. <ul id="slider_dior_ipxl">
  459.  
  460. <li id="slide_dior_ipxl_1" class="db_top_product"><a href="https://www.iciparisxl.nl/nl/p/BP_972367"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144957796382/db-slider1-product1.png" alt="DIOR BACKSTAGE" border="0" /></a>
  461. </li>
  462.  
  463. <li id="slide_dior_ipxl_2" class="db_top_product db_carousel_mobile"><a href="https://www.iciparisxl.nl/nl/p/BP_972542"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144957894686/db-slider1-product2.png" alt="DIOR BACKSTAGE" border="0" /></a></li>
  464.  
  465. <li id="slide_dior_ipxl_3" class="db_top_product db_carousel_mobile"><a href="https://www.iciparisxl.nl/nl/p/BP_972528"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144957992990/db-slider1-product3.png" alt="DIOR BACKSTAGE" border="0" /></a></li>
  466.  
  467. </ul>
  468.  
  469. <ul id="bullets_dior_ipxl">
  470. <li><a onClick="SetSlider(id);" id="bullet_dior_1" class="bullets_dior" style="color: #1e1e1e;">⚫</a></li>
  471. <li><a onClick="SetSlider(id);" id="bullet_dior_2" class="bullets_dior">⚫</a></li>
  472. <li><a onClick="SetSlider(id);" id="bullet_dior_3" class="bullets_dior">⚫</a></li>
  473. </ul>
  474. </div>
  475.  
  476. <script type="text/javascript">
  477. function SetSlider(id_num) {
  478. var new_status = id_num.split("_").pop();
  479.  
  480. $("#slider_dior_ipxl li").css("display", "none");
  481. $("#slide_dior_ipxl_" + new_status).css("display", "inline-block");
  482. $(".bullets_dior").css("color", "#cccccc");
  483. $("#bullet_dior_" + new_status).css("color", "#1e1e1e");
  484. $("#status_dior").val(new_status);
  485. }
  486. </script>
  487.  
  488. <!--END 3 Products Mobile-->
  489.  
  490.  
  491. <div class="db_spacer">&nbsp;</div>
  492.  
  493.  
  494. <!--START Face & Body PRIMER-->
  495.  
  496. <div class="db_60_left">
  497.  
  498. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144970412062/db-booster-fr.gif" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  499. </div>
  500.  
  501.  
  502. <div class="db_40_right">
  503.  
  504. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144970510366/db-booster-right-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  505.  
  506. <div class="db_text_margin">
  507.  
  508. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9145665191966/booster-image-mobile-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" style="margin-bottom: 25px;" />
  509.  
  510. <div class="db_hide_mobile">
  511. <h2 class="ipxl_h2">STEP 1<BR> FACE & BODY PRIMER</h2>
  512. <p>A BASE DE TEINT UNIVERSELLE, EFFET FLOUTANT INSTANTANÉ</p>
  513. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141176369182/db-body-primer.png" border="0" />
  514. </div>
  515.  
  516. <p style="text-transform: capitalize;">Face & Body Primer</p>
  517.  
  518. <br />
  519. <a class="bouton_black" href="https://www.iciparisxl.be/nl/p/BP_1023264">COMMANDER</a>
  520. <br />
  521. <a a="" title="DIOR BACKSTAGE" class="js-video-component bouton_appli" data-embedded-code="https://www.youtube.com/embed/ogg6Iwb3_5Q?rel=0&amp;showinfo=0" style="cursor: pointer;">
  522. <table cellpadding="0" cellspacing="0">
  523. <tbody>
  524. <tr>
  525. <td width="40">
  526. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8939930583070/bouton-appli.jpg" alt="" width="34" border="0" />
  527. </td>
  528. <td>CONSEILS D'APPLICATION</td>
  529. </tr>
  530. </tbody>
  531. </table>
  532. </a>
  533. </div>
  534.  
  535. </div>
  536.  
  537. <!--STOP Face & Body PRIMER-->
  538.  
  539. <div style="clear: both;">&nbsp;</div>
  540. <div class="db_spacer">&nbsp;</div>
  541.  
  542.  
  543. <!--START Face & Body FOUNDATION-->
  544.  
  545.  
  546. <div class="db_40_left">
  547.  
  548. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144970608670/db-foundation-right-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  549.  
  550. <div class="db_text_margin">
  551.  
  552. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9145666076702/foundation-image-mobile-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" style="margin-bottom: 25px;" />
  553. <div class="db_hide_mobile">
  554.  
  555. <h2 class="ipxl_h2">STEP 2<BR> FACE & BODY FOUNDATION</h2>
  556. <p>40 TEINTES, COUVRANCE SUR MESURE</p>
  557. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141176270878/db-body-foundation.png" border="0" />
  558. </div>
  559. <p style="text-transform: capitalize;">Face & Body Foundation</p>
  560. <br />
  561. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_972528">COMMANDER</a>
  562. <br />
  563. <a a="" title="DIOR BACKSTAGE" class="js-video-component bouton_appli" data-embedded-code="https://www.youtube.com/embed/ogg6Iwb3_5Q?rel=0&amp;showinfo=0" style="cursor: pointer;">
  564. <table cellpadding="0" cellspacing="0">
  565. <tbody>
  566. <tr>
  567. <td width="40">
  568. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8939930583070/bouton-appli.jpg" alt="" width="34" border="0" />
  569. </td>
  570. <td>CONSEILS D'APPLICATION</td>
  571. </tr>
  572. </tbody>
  573. </table>
  574. </a>
  575. </div>
  576. </div>
  577.  
  578. <div class="db_60_right">
  579.  
  580. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144970706974/db-foundation-fr.gif" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  581.  
  582. </div>
  583.  
  584. <!--STOP Face & Body FOUNDATION-->
  585.  
  586.  
  587. <div style="clear: both;">&nbsp;</div>
  588. <h1 class="ipxl_h1">COMPLÉTER LE LOOK</h1>
  589.  
  590.  
  591. <!--START Contour Palette-->
  592.  
  593. <div id="db_visage_1" class="db_visage_all">
  594.  
  595. <div class="db_60_left db_hide_mobile">
  596. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144970903582/face-palette-1-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" />
  597. </div>
  598.  
  599. <div class="db_40_right">
  600. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144970805278/face-palette-right-top-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  601.  
  602. <div class="db_hide_mobile">
  603. <h2 class="ipxl_h2">CONTOUR PALETTE</h2>
  604. <p>SCULPTER, ILLUMINER,<br>COUVRANCE SUR MESURE</p>
  605. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941236486174/db-desktop-arrow-left.jpg" alt="" border="0" id="db_arrow_left_visage_1" onClick="db_PrevProduct(id)" class="db_product_arrow" />
  606. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141311406110/db-contour-1.png" alt="DIOR BACKSTAGE" class="db_product_img" border="0" />
  607. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941247135774/db-desktop-arrow-right.jpg" alt="" border="0" id="db_arrow_right_visage_1" onClick="db_NextProduct(id)" class="db_product_arrow" />
  608. <p style="text-transform: capitalize;">Contour Palette</p>
  609. </div>
  610.  
  611. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9145665781790/face-palette-mobile-1-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" style="margin-bottom: 25px;" />
  612.  
  613. <div class="db_arrow_mobile_container">
  614. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941236486174/db-desktop-arrow-left.jpg" alt="" border="0" id="db_arrow_left_visage_1" onClick="db_PrevProduct(id)" class="db_arrow_mobile" />
  615.  
  616. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941247135774/db-desktop-arrow-right.jpg" alt="" border="0" id="db_arrow_right_visage_1" onClick="db_NextProduct(id)" class="db_arrow_mobile" />
  617. </div>
  618.  
  619.  
  620. <br />
  621. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_972528">COMMANDER</a><br />
  622. <a a="" title="DIOR BACKSTAGE" class="js-video-component bouton_appli" data-embedded-code="https://www.youtube.com/embed/ogg6Iwb3_5Q?rel=0&amp;showinfo=0" style="cursor: pointer;">
  623. <table cellpadding="0" cellspacing="0">
  624. <tbody>
  625. <tr>
  626. <td width="40"><img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8939930583070/bouton-appli.jpg" alt="" width="34" border="0" /></td>
  627. <td>CONSEILS D'APPLICATION</td>
  628. </tr>
  629. </tbody>
  630. </table>
  631. </a>
  632. </div>
  633. </div>
  634.  
  635. <!--STOP Contour Palette-->
  636.  
  637.  
  638. <!--START Glow Palette-->
  639.  
  640. <div id="db_visage_2" class="db_visage_all" style="display: none;">
  641.  
  642. <div class="db_60_left db_hide_mobile">
  643. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144971001886/face-palette-2-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" />
  644. </div>
  645.  
  646. <div class="db_40_right">
  647.  
  648. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144970805278/face-palette-right-top-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  649.  
  650. <div class="db_hide_mobile">
  651. <h2 class="ipxl_h2">GLOW FACE PALETTE - 001 UNIVERSAL</h2>
  652. <p>LUMINOUS BLUSH, <BR>RADIANT HIGHLIGHTER, CUSTOMIZED LUMINOSITY
  653.  
  654. </p>
  655. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941236486174/db-desktop-arrow-left.jpg" alt="" border="0" id="db_arrow_left_visage_2" onClick="db_PrevProduct(id)" class="db_product_arrow" />
  656. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141311504414/db-glow-universal-2.png" alt="DIOR BACKSTAGE" class="db_product_img" border="0" />
  657. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941247135774/db-desktop-arrow-right.jpg" alt="" border="0" id="db_arrow_right_visage_2" onClick="db_NextProduct(id)" class="db_product_arrow" />
  658. <p style="text-transform: capitalize;">Glow Face Palette - 001 Universal</p>
  659. </div>
  660.  
  661. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9145665880094/face-palette-mobile-2-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" style="margin-bottom: 25px;" />
  662.  
  663. <div class="db_arrow_mobile_container">
  664. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941236486174/db-desktop-arrow-left.jpg" alt="" border="0" id="db_arrow_left_visage_2" onClick="db_PrevProduct(id)" class="db_arrow_mobile" />
  665. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941247135774/db-desktop-arrow-right.jpg" alt="" border="0" id="db_arrow_right_visage_2" onClick="db_NextProduct(id)" class="db_arrow_mobile" />
  666. </div>
  667.  
  668. <br />
  669.  
  670. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_972542">COMMANDER</a><br />
  671.  
  672. <a a="" title="DIOR BACKSTAGE" class="js-video-component bouton_appli" data-embedded-code="https://www.youtube.com/embed/VdOPthAKntw?rel=0&amp;showinfo=0" style="cursor: pointer;">
  673. <table cellpadding="0" cellspacing="0">
  674. <tbody>
  675. <tr>
  676. <td width="40"><img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8939930583070/bouton-appli.jpg" alt="" width="34" border="0" /></td>
  677. <td>CONSEILS D'APPLICATION</td>
  678. </tr>
  679. </tbody>
  680. </table>
  681. </a>
  682.  
  683. </div>
  684.  
  685. </div>
  686.  
  687. <!--STOP Glow Palette-->
  688.  
  689. <!--START Glow Palette-->
  690.  
  691. <div id="db_visage_3" class="db_visage_all" style="display: none;">
  692.  
  693. <div class="db_60_left db_hide_mobile">
  694. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144971100190/face-palette-3-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" />
  695. </div>
  696.  
  697. <div class="db_40_right">
  698.  
  699. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144970805278/face-palette-right-top-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  700.  
  701. <div class="db_hide_mobile">
  702. <h2 class="ipxl_h2">GLOW FACE PALETTE - 002 GLITZ</h2>
  703. <p>PROFESSIONAL PERFORMANCE - PURE SHIMMER, <BR>BLENDABLE - HIGHLIGHT & BLUSH
  704. </p>
  705. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941236486174/db-desktop-arrow-left.jpg" alt="" border="0" id="db_arrow_left_visage_3" onClick="db_PrevProduct(id)" class="db_product_arrow" />
  706. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141311602718/db-glow-glitz-3.png" alt="DIOR BACKSTAGE" class="db_product_img" border="0" />
  707. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941247135774/db-desktop-arrow-right.jpg" alt="" border="0" id="db_arrow_right_visage_3" onClick="db_NextProduct(id)" class="db_product_arrow" />
  708. <p style="text-transform: capitalize;">Glow Face Palette - 002 Glitz</p>
  709. </div>
  710.  
  711. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9145665978398/face-palette-mobile-3-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" style="margin-bottom: 25px;" />
  712.  
  713. <div class="db_arrow_mobile_container">
  714. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941236486174/db-desktop-arrow-left.jpg" alt="" border="0" id="db_arrow_left_visage_3" onClick="db_PrevProduct(id)" class="db_arrow_mobile" />
  715. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941247135774/db-desktop-arrow-right.jpg" alt="" border="0" id="db_arrow_right_visage_3" onClick="db_NextProduct(id)" class="db_arrow_mobile" />
  716. </div>
  717.  
  718. <br />
  719.  
  720. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_972542">COMMANDER</a><br />
  721.  
  722. <a a="" title="DIOR BACKSTAGE" class="js-video-component bouton_appli" data-embedded-code="https://www.youtube.com/embed/VdOPthAKntw?rel=0&amp;showinfo=0" style="cursor: pointer;">
  723. <table cellpadding="0" cellspacing="0">
  724. <tbody>
  725. <tr>
  726. <td width="40"><img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8939930583070/bouton-appli.jpg" alt="" width="34" border="0" /></td>
  727. <td>CONSEILS D'APPLICATION</td>
  728. </tr>
  729. </tbody>
  730. </table>
  731. </a>
  732.  
  733. </div>
  734.  
  735. </div>
  736.  
  737. <!--STOP Glow Palette-->
  738.  
  739.  
  740. <!--START Eye Palettes
  741.  
  742. <div style="clear: both;">&nbsp;</div>
  743. <div class="db_spacer">&nbsp;</div>
  744.  
  745. <div class="db_60_left">
  746. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941616398366/db-regard-image-nl.jpg" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  747. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941616496670/db-regard-mobile-nl.jpg" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" />
  748. </div>
  749.  
  750. <div class="db_40_right">
  751. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941616594974/db-top-black-2.jpg" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  752. <div class="db_text_margin">
  753. <h2 class="ipxl_h2">EYE PALETTES</h2>
  754. <p>INTENS GEPIGMENTEERD OOGSCHADUWPALET MET VERSCHILLENDE TEXTUREN<br />
  755. &nbsp;<br />
  756. BASIS, OOGSCHADUW, HIGHLIGHTER<br />
  757. &nbsp;<br />
  758. 1 PRIMER, 8 MATTE EN GE&Iuml;RISEERDE OOGSCHADUWTINTEN
  759. </p>
  760. <a class="bouton" href="https://www.iciparisxl.nl/nl/dior-backstage/1062/brand?sort=rankingOnBrandPage&amp;text=&amp;resultsForPage=18&amp;openCategories=category%3A106203%3Acategory%3A10620302&amp;categoryCode=10620302&amp;q=%3ArankingOnBrandPage%3Acategory%3A10620302">BESTELLEN</a>
  761. </div>
  762. </div>
  763.  
  764. STOP Eye Palettes-->
  765.  
  766.  
  767. <div style="clear: both;">&nbsp;</div>
  768. <div class="db_spacer">&nbsp;</div>
  769.  
  770.  
  771. <!--START Cool Neutrals-->
  772.  
  773. <div id="db_yeux_1" class="db_yeux_all">
  774.  
  775. <div class="db_60_right db_hide_mobile">
  776. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144972705822/eyes-palette-1-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" />
  777. </div>
  778.  
  779. <div class="db_40_left">
  780. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144972902430/eyes-palette-right-top-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  781. <div class="db_hide_mobile">
  782. <h2 class="ipxl_h2">EYE PALETTE<br>AMBER NEUTRALS</h2>
  783. <p>MULTI-TEXTURES,<br> ULTRA PIGMENTÉ,<br> COUVRANCE SUR MESURE
  784. </p>
  785. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941236486174/db-desktop-arrow-left.jpg" alt="" border="0" id="db_arrow_left_yeux_1" onClick="db_PrevProduct(id)" class="db_product_arrow" />
  786.  
  787. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141319237662/db-amber-product.png" alt="DIOR BACKSTAGE" class="db_product_img" border="0" />
  788.  
  789. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941247135774/db-desktop-arrow-right.jpg" alt="" border="0" id="db_arrow_right_yeux_1" onClick="db_NextProduct(id)" class="db_product_arrow" />
  790.  
  791. <p style="text-transform: capitalize;">Eye Palette Amber Neutrals</p>
  792. </div>
  793.  
  794. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9145665585182/eyes-palette-mobile-1-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" style="margin-bottom: 25px;" />
  795.  
  796. <div class="db_arrow_mobile_container">
  797. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941236486174/db-desktop-arrow-left.jpg" alt="" border="0" id="db_arrow_left_yeux_1" onClick="db_PrevProduct(id)" class="db_arrow_mobile" />
  798. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941247135774/db-desktop-arrow-right.jpg" alt="" border="0" id="db_arrow_right_yeux_1" onClick="db_NextProduct(id)" class="db_arrow_mobile" />
  799. </div>
  800.  
  801. <br />
  802. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_972773">COMMANDER</a><br />
  803. <a a="" title="DIOR BACKSTAGE" class="js-video-component bouton_appli" data-embedded-code="https://www.youtube.com/embed/FYsQEqNFDFI?rel=0&amp;showinfo=0" style="cursor: pointer;">
  804. <table cellpadding="0" cellspacing="0">
  805. <tbody>
  806. <tr>
  807. <td width="40"><img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8939930583070/bouton-appli.jpg" width="34" border="0" alt="" /></td>
  808. <td>CONSEILS D'APPLICATION</td>
  809. </tr>
  810. </tbody>
  811. </table>
  812. </a>
  813. </div>
  814. </div>
  815.  
  816. <!--STOP Cool Neutrals-->
  817.  
  818.  
  819. <!--START Warm Neutrals-->
  820.  
  821. <div id="db_yeux_2" class="db_yeux_all" style="display: none;">
  822.  
  823. <div class="db_60_right db_hide_mobile">
  824. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144972804126/eyes-palette-2-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" />
  825. </div>
  826.  
  827. <div class="db_40_left">
  828. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144972902430/eyes-palette-right-top-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  829. <div class="db_hide_mobile">
  830. <h2 class="ipxl_h2">EYE PALETTE<BR>COOL NEUTRALS</h2>
  831. <p>MULTI-TEXTURES,<br> ULTRA PIGMENTÉ,<br> COUVRANCE SUR MESURE
  832. </p>
  833. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941236486174/db-desktop-arrow-left.jpg" alt="" border="0" id="db_arrow_left_yeux_2" onClick="db_PrevProduct(id)" class="db_product_arrow" />
  834. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941247070238/db-coolneutrals-product.jpg" alt="DIOR BACKSTAGE" class="db_product_img" border="0" />
  835. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941247135774/db-desktop-arrow-right.jpg" alt="" border="0" id="db_arrow_right_yeux_2" onClick="db_NextProduct(id)" class="db_product_arrow" />
  836. <p style="text-transform: capitalize;">Eye Palette Cool Neutrals</p>
  837. </div>
  838.  
  839. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9145665683486/eyes-palette-mobile-2-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" style="margin-bottom: 25px;" />
  840.  
  841. <div class="db_arrow_mobile_container">
  842. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941236486174/db-desktop-arrow-left.jpg" alt="" border="0" id="db_arrow_left_yeux_2" onClick="db_PrevProduct(id)" class="db_arrow_mobile" />
  843. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941247135774/db-desktop-arrow-right.jpg" alt="" border="0" id="db_arrow_right_yeux_2" onClick="db_NextProduct(id)" class="db_arrow_mobile" />
  844. </div>
  845.  
  846. <br />
  847. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_972780">COMMANDER</a><br />
  848. <a a="" title="DIOR BACKSTAGE" class="js-video-component bouton_appli" data-embedded-code="https://www.youtube.com/embed/I1XqA6LFQPo?rel=0&amp;showinfo=0" style="cursor: pointer;">
  849. <table cellpadding="0" cellspacing="0">
  850. <tbody>
  851. <tr>
  852. <td width="40"><img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8939930583070/bouton-appli.jpg" width="34" border="0" alt="" /></td>
  853. <td>CONSEILS D'APPLICATION</td>
  854. </tr>
  855. </tbody>
  856. </table>
  857. </a>
  858. </div>
  859. </div>
  860.  
  861. <!--STOP Warm Neutrals-->
  862.  
  863.  
  864.  
  865. <!--START Brow Light
  866.  
  867. <div id="db_yeux_3" class="db_yeux_all" style="display: none;">
  868.  
  869. <div class="db_60_right db_hide_mobile">
  870. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941245726750/db-brow-image.jpg" alt="DIOR BACKSTAGE" width="100%" border="0" />
  871. </div>
  872.  
  873. <div class="db_40_left">
  874. <div class="db_hide_mobile">
  875. <h2 class="ipxl_h2">BROW PALETTE LIGHT</h2>
  876. <p>Vullen, modelleren, mooi<br />
  877. gevormde wenkbrauwen
  878. </p>
  879. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941236486174/db-desktop-arrow-left.jpg" alt="" border="0" id="db_arrow_left_yeux_3" onClick="db_PrevProduct(id)" class="db_product_arrow" />
  880. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941245628446/db-brow-light-product.jpg" alt="DIOR BACKSTAGE" class="db_product_img" border="0" />
  881. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941247135774/db-desktop-arrow-right.jpg" alt="" border="0" id="db_arrow_right_yeux_3" onClick="db_NextProduct(id)" class="db_product_arrow" />
  882.  
  883. <p style="text-transform: capitalize;">Brow Palette Light</p>
  884. </div>
  885.  
  886. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941616988190/db-browlight-mobile-nl.jpg" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" style="margin-bottom: 25px;" />
  887.  
  888. <div class="db_arrow_mobile_container">
  889. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941236486174/db-desktop-arrow-left.jpg" alt="" border="0" id="db_arrow_left_yeux_3" onClick="db_PrevProduct(id)" class="db_arrow_mobile" />
  890. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941247135774/db-desktop-arrow-right.jpg" alt="" border="0" id="db_arrow_right_yeux_3" onClick="db_NextProduct(id)" class="db_arrow_mobile" />
  891. </div>
  892.  
  893. <br />
  894. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_972794">BESTELLEN</a><br />
  895. <a a="" title="DIOR BACKSTAGE" class="js-video-component bouton_appli" data-embedded-code="https://www.youtube.com/embed/YRTOmBRay6A?rel=0&amp;showinfo=0" style="cursor: pointer;">
  896. <table cellpadding="0" cellspacing="0">
  897. <tbody>
  898. <tr>
  899. <td width="40"><img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8939930583070/bouton-appli.jpg" width="34" border="0" alt="" /></td>
  900. <td>GEBRUIKSADVIES</td>
  901. </tr>
  902. </tbody>
  903. </table>
  904. </a>
  905. </div>
  906. </div>
  907.  
  908. STOP Brow Light-->
  909.  
  910.  
  911. <!--START Brow Dark
  912.  
  913. <div id="db_yeux_4" class="db_yeux_all" style="display: none;">
  914. <div class="db_60_right db_hide_mobile">
  915. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941245726750/db-brow-image.jpg" alt="DIOR BACKSTAGE" width="100%" border="0" />
  916. </div>
  917.  
  918. <div class="db_40_left">
  919. <div class="db_hide_mobile">
  920. <h2 class="ipxl_h2">BROW PALETTE DARK</h2>
  921. <p>Vullen, modelleren, mooi<br />
  922. gevormde wenkbrauwen
  923. </p>
  924. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941236486174/db-desktop-arrow-left.jpg" alt="" border="0" id="db_arrow_left_yeux_4" onClick="db_PrevProduct(id)" class="db_product_arrow" />
  925. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941245923358/db-brow-dark-product.jpg" alt="DIOR BACKSTAGE" class="db_product_img" border="0" />
  926. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941247135774/db-desktop-arrow-right.jpg" alt="" border="0" id="db_arrow_right_yeux_4" onClick="db_NextProduct(id)" class="db_product_arrow" />
  927. <p style="text-transform: capitalize;">Brow Palette Dark</p>
  928. </div>
  929.  
  930. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941617086494/db-browdark-mobile-nl.jpg" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" style="margin-bottom: 25px;" />
  931.  
  932. <div class="db_arrow_mobile_container">
  933. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941236486174/db-desktop-arrow-left.jpg" alt="" border="0" id="db_arrow_left_yeux_4" onClick="db_PrevProduct(id)" class="db_arrow_mobile" />
  934. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941247135774/db-desktop-arrow-right.jpg" alt="" border="0" id="db_arrow_right_yeux_4" onClick="db_NextProduct(id)" class="db_arrow_mobile" />
  935. </div>
  936.  
  937. <br />
  938. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_972787">BESTELLEN</a><br />
  939. <a a="" title="DIOR BACKSTAGE" class="js-video-component bouton_appli" data-embedded-code="https://www.youtube.com/embed/YRTOmBRay6A?rel=0&amp;showinfo=0" style="cursor: pointer;">
  940. <table cellpadding="0" cellspacing="0">
  941. <tbody>
  942. <tr>
  943. <td width="40"><img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8939930583070/bouton-appli.jpg" width="34" border="0" alt="" /></td>
  944. <td>GEBRUIKSADVIES</td>
  945. </tr>
  946. </tbody>
  947. </table>
  948. </a>
  949. </div>
  950. </div>
  951.  
  952. STOP Brow Dark-->
  953.  
  954.  
  955. <div style="clear: both;">&nbsp;</div>
  956. <div class="db_little_spacer">&nbsp;</div>
  957.  
  958. <!--START Lip Palette-->
  959.  
  960. <div id="db_lip_1" class="db_lip_all">
  961.  
  962. <div class="db_60_left db_hide_mobile">
  963. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144973000734/lip-palette-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" />
  964. </div>
  965.  
  966. <div class="db_40_right">
  967.  
  968. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144973099038/lip-palette-right-top-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  969.  
  970. <div class="db_hide_mobile">
  971. <h2 class="ipxl_h2">LIP PALETTE</h2>
  972. <p>GLOSS VOLUMATEUR,<BR>ROUGE À LÈVRE SATINÉ,<BR>ROUGE À LÈVRE MAT</p>
  973. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141316091934/db-lips.png" border="0" />
  974. <p style="text-transform: capitalize;">Lip palette</p>
  975. </div>
  976. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9145666175006/lip-palette-image-mobile-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" style="margin-bottom: 25px;" />
  977. <br />
  978. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_972528">COMMANDER</a>
  979. <br />
  980. <a a="" title="DIOR BACKSTAGE" class="js-video-component bouton_appli" data-embedded-code="https://www.youtube.com/embed/ogg6Iwb3_5Q?rel=0&amp;showinfo=0" style="cursor: pointer;">
  981. <table cellpadding="0" cellspacing="0">
  982. <tbody>
  983. <tr>
  984. <td width="40">
  985. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8939930583070/bouton-appli.jpg" alt="" width="34" border="0" />
  986. </td>
  987. <td>CONSEILS D'APPLICATION</td>
  988. </tr>
  989. </tbody>
  990. </table>
  991. </a>
  992. </div>
  993. </div>
  994.  
  995. <!--STOP Lip Palette-->
  996.  
  997.  
  998. <!--START Lip Glow-->
  999.  
  1000. <div id="db_lip_2" class="db_lip_all" style="display: none;">
  1001.  
  1002. <div class="db_60_right db_hide_mobile">
  1003. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941246480414/db-lipglow-image.jpg" alt="DIOR BACKSTAGE" width="100%" border="0" />
  1004. </div>
  1005.  
  1006. <div class="db_40_left">
  1007. <div class="db_hide_mobile">
  1008. <h2 class="ipxl_h2">DIOR LIP GLOW</h2>
  1009. <p>Hydraterende balsem 24 uur; kleurversterker, de backstage-ster</p>
  1010. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941236486174/db-desktop-arrow-left.jpg" alt="" border="0" id="db_arrow_left_lip_2" onClick="db_PrevProduct(id)" class="db_product_arrow" />
  1011. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941246578718/db-lipglow-product.jpg" alt="DIOR BACKSTAGE" class="db_product_img" border="0" />
  1012. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941247135774/db-desktop-arrow-right.jpg" alt="" border="0" id="db_arrow_right_lip_2" onClick="db_NextProduct(id)" class="db_product_arrow" />
  1013. <p style="text-transform: capitalize;">Dior Lip Glow</p>
  1014. </div>
  1015.  
  1016. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941619478558/db-lipglow-mobile-nl.jpg" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" style="margin-bottom: 25px;" />
  1017. <div class="db_arrow_mobile_container"><img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941236486174/db-desktop-arrow-left.jpg" alt="" border="0" id="db_arrow_left_lip_2" onClick="db_PrevProduct(id)" class="db_arrow_mobile" /> <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941247135774/db-desktop-arrow-right.jpg" alt="" border="0" id="db_arrow_right_lip_2" onClick="db_NextProduct(id)" class="db_arrow_mobile" /></div>
  1018. <br />
  1019. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_661483">BESTELLEN</a>
  1020. </div>
  1021. </div>
  1022.  
  1023. <!--STOP Lip Glow-->
  1024.  
  1025.  
  1026. <!--START Lip Addict-->
  1027.  
  1028. <div id="db_lip_3" class="db_lip_all" style="display: none;">
  1029. <div class="db_60_right db_hide_mobile"><img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941617741854/db-lipaddict-image.jpg" alt="DIOR BACKSTAGE" width="100%" border="0" /></div>
  1030. <div class="db_40_left">
  1031. <div class="db_hide_mobile">
  1032. <h2 class="ipxl_h2">DIOR ADDICT LIP MAXIMIZER</h2>
  1033. <p>volumegloss, glans,<br />
  1034. verzorging
  1035. </p>
  1036. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941236486174/db-desktop-arrow-left.jpg" alt="" border="0" id="db_arrow_left_lip_3" onClick="db_PrevProduct(id)" class="db_product_arrow" /> <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941246873630/db-lipaddict-product.jpg" alt="DIOR BACKSTAGE" class="db_product_img" border="0" /> <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941247135774/db-desktop-arrow-right.jpg" alt="" border="0" id="db_arrow_right_lip_3" onClick="db_NextProduct(id)" class="db_product_arrow" />
  1037. <p style="text-transform: capitalize;">Dior Addict Lip Maximizer</p>
  1038. </div>
  1039. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941619609630/db-lipaddict-mobile-nl.jpg" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" style="margin-bottom: 25px;" />
  1040. <div class="db_arrow_mobile_container"><img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941236486174/db-desktop-arrow-left.jpg" alt="" border="0" id="db_arrow_left_lip_3" onClick="db_PrevProduct(id)" class="db_arrow_mobile" /> <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8941247135774/db-desktop-arrow-right.jpg" alt="" border="0" id="db_arrow_right_lip_3" onClick="db_NextProduct(id)" class="db_arrow_mobile" /></div>
  1041. <br />
  1042. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_351929">BESTELLEN</a>
  1043. </div>
  1044. </div>
  1045.  
  1046. <!--STOP Lip Addict-->
  1047.  
  1048.  
  1049.  
  1050.  
  1051. <div style="clear: both;">&nbsp;</div>
  1052.  
  1053.  
  1054. <!--START 3 Products Desktop-->
  1055.  
  1056. <div class="db_hide_mobile">
  1057.  
  1058. <a href="https://www.iciparisxl.nl/nl/p/BP_972367" class="db_top_product" id="db_top_product_1"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9145663225886/db-lipglow-fr.png" alt="DIOR BACKSTAGE" border="0" /></a>
  1059.  
  1060.  
  1061. <a href="https://www.iciparisxl.nl/nl/p/BP_972542" class="db_top_product" id="db_top_product_2"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9145663127582/db-lipmax-fr.png" alt="DIOR BACKSTAGE" border="0" /></a>
  1062.  
  1063. <a href="https://www.iciparisxl.nl/nl/p/BP_972528" class="db_top_product" id="db_top_product_3"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9145663324190/db-liptattoo-fr.png" alt="DIOR BACKSTAGE" border="0" /></a>
  1064. </div>
  1065.  
  1066. <!--END 3 Products Desktop-->
  1067.  
  1068.  
  1069. <!--START 3 Products Mobile -->
  1070.  
  1071. <div class="db_mobile_only">
  1072.  
  1073. <input id="status_dior2" value="1" type="hidden" />
  1074.  
  1075. <ul id="slider_dior2_ipxl">
  1076.  
  1077. <li id="slide_dior2_ipxl_1" class="db_top_product"><a href="https://www.iciparisxl.nl/nl/p/BP_972367"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9145663225886/db-lipglow-fr.png" alt="DIOR BACKSTAGE" border="0" /></a>
  1078. </li>
  1079.  
  1080. <li id="slide_dior2_ipxl_2" class="db_top_product db_carousel2_mobile"><a href="https://www.iciparisxl.nl/nl/p/BP_972542"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9145663127582/db-lipmax-fr.png" alt="DIOR BACKSTAGE" border="0" /></a></li>
  1081.  
  1082. <li id="slide_dior2_ipxl_3" class="db_top_product db_carousel2_mobile"><a href="https://www.iciparisxl.nl/nl/p/BP_972528"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9145663324190/db-liptattoo-fr.png" alt="DIOR BACKSTAGE" border="0" /></a></li>
  1083.  
  1084. </ul>
  1085.  
  1086. <ul id="bullets_dior2_ipxl">
  1087. <li><a onClick="SetSlider2(id);" id="bullet_dior2_1" class="bullets_dior2" style="color: #1e1e1e;">⚫</a></li>
  1088. <li><a onClick="SetSlider2(id);" id="bullet_dior2_2" class="bullets_dior2">⚫</a></li>
  1089. <li><a onClick="SetSlider2(id);" id="bullet_dior2_3" class="bullets_dior2">⚫</a></li>
  1090. </ul>
  1091. </div>
  1092.  
  1093. <script type="text/javascript">
  1094. function SetSlider2(id_num) {
  1095. var new_status = id_num.split("_").pop();
  1096.  
  1097. $("#slider_dior2_ipxl li").css("display", "none");
  1098. $("#slide_dior2_ipxl_" + new_status).css("display", "inline-block");
  1099. $(".bullets_dior2").css("color", "#cccccc");
  1100. $("#bullet_dior2_" + new_status).css("color", "#1e1e1e");
  1101. $("#status_dior2").val(new_status);
  1102. }
  1103. </script>
  1104.  
  1105. <!--END 3 Products Mobile-->
  1106.  
  1107. <script type="text/javascript">
  1108. function db_NextProduct(versie) {
  1109. var split = versie.split("_");
  1110. var category = split[3];
  1111. var nummer = split[4];
  1112. var nieuw = parseInt(nummer) + 1;
  1113.  
  1114. if (category == "visage") {
  1115. if (nieuw <= 3) {
  1116. $(".db_visage_all").hide();
  1117. $("#db_visage_" + nieuw).show();
  1118. $("#db_visage_" + nieuw + ".db_60_left img").width("100%");
  1119. }
  1120. else {
  1121. $(".db_visage_all").hide();
  1122. $("#db_visage_1").show();
  1123. $("#db_visage_1.db_60_left img").width("100%");
  1124. }
  1125. }
  1126.  
  1127. else if (category == "yeux") {
  1128. if (nieuw <= 2) {
  1129. $(".db_yeux_all").hide();
  1130. $("#db_yeux_" + nieuw).show();
  1131. $("#db_yeux_" + nieuw + ".db_60_left img").width("100%");
  1132. }
  1133. else {
  1134. $(".db_yeux_all").hide();
  1135. $("#db_yeux_1").show();
  1136. $("#db_yeux_1.db_60_left img").width("100%");
  1137. }
  1138. }
  1139.  
  1140. else if (category == "lip") {
  1141. if (nieuw <= 3) {
  1142. $(".db_lip_all").hide();
  1143. $("#db_lip_" + nieuw).show();
  1144. $("#db_lip_" + nieuw + ".db_60_left img").width("100%");
  1145. }
  1146. else {
  1147. $(".db_lip_all").hide();
  1148. $("#db_lip_1").show();
  1149. $("#db_lip_1.db_60_left img").width("100%");
  1150. }
  1151. }
  1152. }
  1153.  
  1154. function db_PrevProduct(versie) {
  1155. var split = versie.split("_");
  1156. var category = split[3];
  1157. var nummer = split[4];
  1158. var nieuw = parseInt(nummer) - 1;
  1159.  
  1160. if (category == "visage") {
  1161. if (nieuw == 0) {
  1162. $(".db_visage_all").hide();
  1163. $("#db_visage_3").show();
  1164. $("#db_visage_3.db_60_left img").width("100%");
  1165. }
  1166. else {
  1167. $(".db_visage_all").hide();
  1168. $("#db_visage_" + nieuw).show();
  1169. $("#db_visage_" + nieuw + ".db_60_left img").width("100%");
  1170. }
  1171. }
  1172. else if (category == "yeux") {
  1173. if (nieuw == 0) {
  1174. $(".db_yeux_all").hide();
  1175. $("#db_yeux_2").show();
  1176. $("#db_yeux_2.db_60_left img").width("100%");
  1177. }
  1178. else {
  1179. $(".db_yeux_all").hide();
  1180. $("#db_yeux_" + nieuw).show();
  1181. $("#db_yeux_" + nieuw + ".db_60_left img").width("100%");
  1182. }
  1183. }
  1184. else if (category == "lip") {
  1185. if (nieuw == 0) {
  1186. $(".db_lip_all").hide();
  1187. $("#db_lip_3").show();
  1188. $("#db_lip_3.db_60_left img").width("100%");
  1189. }
  1190. else {
  1191. $(".db_lip_all").hide();
  1192. $("#db_lip_" + nieuw).show();
  1193. $("#db_lip_" + nieuw + ".db_60_left img").width("100%");
  1194. }
  1195. }
  1196. }
  1197. </script>
  1198. <div style="clear: both;">&nbsp;</div>
  1199. <div class="db_little_spacer">&nbsp;</div>
  1200. <!--START Pinceaux--> <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9145665290270/db-footer-desktop-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" /> <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9145665388574/db-footer-mobile-fr.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" />
  1201. <div class="db_spacer">&nbsp;</div>
  1202. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/dior-backstage/1062/brand?sort=rankingOnBrandPage&amp;text=&amp;resultsForPage=18&amp;openCategories=category%3A106204%3Acategory%3A10620401&amp;categoryCode=10620401&amp;q=%3ArankingOnBrandPage%3Acategory%3A10620401">COMMANDER</a><br />
  1203. <!--STOP Pinceaux-->
  1204. <div style="clear: both;">&nbsp;</div>
  1205. <div class="db_spacer">&nbsp;</div>
  1206. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!