Advertisement
SammyRicour

Untitled

Jul 12th, 2019
109
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 53.44 KB | None | 0 0
  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/9141176893470/db-header-mobile.jpg" 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">NIEUWE <strong>FACE & BODY PRIMER</strong>
  398. VERVAGEND EN VERHELDEREND EFFECT, 24U HYDRATATIE
  399. </h4>
  400. <div id="db_intro">
  401. <h3 class="ipxl_h3"> Ik wilde het effect creëren dat ontstaat wanneer we de gezichten van de modellen backstage¹
  402. masseren voordat we hun make-up aanbrengen. Deze primer imiteert die handeling en laat de huid stralen. Het is echte wake up makeup².
  403. </h3>
  404. <h4 class="ipxl_h5">PETER PHILIPS,<br>Creative &amp; Image Director Make-up van het Huis Dior</h4>
  405. </div>
  406.  
  407.  
  408. <!--START 3 Products Desktop-->
  409.  
  410. <div class="db_hide_mobile">
  411.  
  412. <!-- <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" />-->
  413.  
  414. <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>
  415.  
  416. <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>
  417.  
  418. <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>
  419.  
  420. <!-- <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" />-->
  421.  
  422. </div>
  423.  
  424. <script type="text/javascript">
  425. document.getElementById("db_arrow_right").onclick = function(){
  426. document.getElementById("db_arrow_left").src = "https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8940689653790/db-top-arrow-left-black.jpg";
  427. document.getElementById("db_arrow_right").src = "https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8940690374686/db-top-arrow-right-grey.jpg";
  428. document.getElementById("db_top_product_1").style.display = "none";
  429. document.getElementById("db_top_product_2").style.display = "none";
  430. document.getElementById("db_top_product_3").style.display = "none";
  431. document.getElementById("db_top_product_4").style.display = "inline-block";
  432. document.getElementById("db_top_product_5").style.display = "inline-block";
  433. document.getElementById("db_top_product_6").style.display = "inline-block";
  434. };
  435.  
  436. document.getElementById("db_arrow_left").onclick = function(){
  437. document.getElementById("db_arrow_left").src = "https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8940689915934/db-top-arrow-left-grey.jpg";
  438. document.getElementById("db_arrow_right").src = "https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8940690276382/db-top-arrow-right-black.jpg";
  439. document.getElementById("db_top_product_4").style.display = "none";
  440. document.getElementById("db_top_product_5").style.display = "none";
  441. document.getElementById("db_top_product_6").style.display = "none";
  442. document.getElementById("db_top_product_1").style.display = "inline-block";
  443. document.getElementById("db_top_product_2").style.display = "inline-block";
  444. document.getElementById("db_top_product_3").style.display = "inline-block";
  445. };
  446. </script>
  447.  
  448. <!--END 3 Products Desktop-->
  449.  
  450.  
  451. <!--START 3 Products Mobile-->
  452.  
  453. <div class="db_mobile_only">
  454.  
  455. <input id="status_dior" value="1" type="hidden" />
  456.  
  457. <ul id="slider_dior_ipxl">
  458.  
  459. <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>
  460. </li>
  461.  
  462. <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>
  463.  
  464. <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>
  465.  
  466. </ul>
  467.  
  468. <ul id="bullets_dior_ipxl">
  469. <li><a onClick="SetSlider(id);" id="bullet_dior_1" class="bullets_dior" style="color: #1e1e1e;">⚫</a></li>
  470. <li><a onClick="SetSlider(id);" id="bullet_dior_2" class="bullets_dior">⚫</a></li>
  471. <li><a onClick="SetSlider(id);" id="bullet_dior_3" class="bullets_dior">⚫</a></li>
  472. </ul>
  473. </div>
  474.  
  475. <script type="text/javascript">
  476. function SetSlider(id_num) {
  477. var new_status = id_num.split("_").pop();
  478.  
  479. $("#slider_dior_ipxl li").css("display", "none");
  480. $("#slide_dior_ipxl_" + new_status).css("display", "inline-block");
  481. $(".bullets_dior").css("color", "#cccccc");
  482. $("#bullet_dior_" + new_status).css("color", "#1e1e1e");
  483. $("#status_dior").val(new_status);
  484. }
  485. </script>
  486.  
  487. <!--END 3 Products Mobile-->
  488.  
  489.  
  490. <div class="db_spacer">&nbsp;</div>
  491.  
  492.  
  493. <!--START Face & Body PRIMER-->
  494.  
  495. <div class="db_60_left">
  496.  
  497. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141176074270/db-booster.gif" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  498. </div>
  499.  
  500.  
  501. <div class="db_40_right">
  502.  
  503. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141176172574/db-booster-right.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  504.  
  505. <div class="db_text_margin">
  506.  
  507. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144498257950/booster-image-mobile.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" style="margin-bottom: 25px;" />
  508.  
  509. <div class="db_hide_mobile">
  510. <h2 class="ipxl_h2">STAP 1<BR> FACE & BODY PRIMER</h2>
  511. <p>DE UNIVERSELE BASIS VOOR DE TEINT, ONMIDDELLIJK STRALEND EFFECT</p>
  512. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141176369182/db-body-primer.png" border="0" />
  513. </div>
  514.  
  515. <p style="text-transform: capitalize;">Face & Body Primer</p>
  516.  
  517. <br />
  518. <a class="bouton_black" href="https://www.iciparisxl.be/nl/p/BP_1023264">BESTELLEN</a>
  519. <br />
  520. <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;">
  521. <table cellpadding="0" cellspacing="0">
  522. <tbody>
  523. <tr>
  524. <td width="40">
  525. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8939930583070/bouton-appli.jpg" alt="" width="34" border="0" />
  526. </td>
  527. <td>GEBRUIKSADVIES</td>
  528. </tr>
  529. </tbody>
  530. </table>
  531. </a>
  532. </div>
  533.  
  534. </div>
  535.  
  536. <!--STOP Face & Body PRIMER-->
  537.  
  538. <div style="clear: both;">&nbsp;</div>
  539. <div class="db_spacer">&nbsp;</div>
  540.  
  541.  
  542. <!--START Face & Body FOUNDATION-->
  543.  
  544.  
  545. <div class="db_40_left">
  546.  
  547. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141183348766/db-foundation-right.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  548.  
  549. <div class="db_text_margin">
  550.  
  551. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144498159646/foundation-image-mobile.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" style="margin-bottom: 25px;" />
  552. <div class="db_hide_mobile">
  553.  
  554. <h2 class="ipxl_h2">STAP 2<BR> FACE & BODY FOUNDATION</h2>
  555. <p>40 TINTEN, DEKKING OP MAAT</p>
  556. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141176270878/db-body-foundation.png" border="0" />
  557. </div>
  558. <p style="text-transform: capitalize;">Face & Body Foundation</p>
  559. <br />
  560. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_972528">BESTELLEN</a>
  561. <br />
  562. <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;">
  563. <table cellpadding="0" cellspacing="0">
  564. <tbody>
  565. <tr>
  566. <td width="40">
  567. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8939930583070/bouton-appli.jpg" alt="" width="34" border="0" />
  568. </td>
  569. <td>GEBRUIKSADVIES</td>
  570. </tr>
  571. </tbody>
  572. </table>
  573. </a>
  574. </div>
  575. </div>
  576.  
  577. <div class="db_60_right">
  578.  
  579. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141183250462/db-foundation.gif" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  580.  
  581. </div>
  582.  
  583. <!--STOP Face & Body FOUNDATION-->
  584.  
  585.  
  586. <div style="clear: both;">&nbsp;</div>
  587. <h1 class="ipxl_h1">DE LOOK AFWERKEN</h1>
  588.  
  589.  
  590. <!--START Contour Palette-->
  591.  
  592. <div id="db_visage_1" class="db_visage_all">
  593.  
  594. <div class="db_60_left db_hide_mobile">
  595. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141310455838/face-palette-1.png" alt="DIOR BACKSTAGE" width="100%" border="0" />
  596. </div>
  597.  
  598. <div class="db_40_right">
  599. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141310554142/face-palette-right-top.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  600.  
  601. <div class="db_hide_mobile">
  602. <h2 class="ipxl_h2">CONTOUR PALETTE</h2>
  603. <p>Sculpteren, illumineren, <br /> dekking op maat</p>
  604. <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" />
  605. <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" />
  606. <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" />
  607. <p style="text-transform: capitalize;">Contour Palette</p>
  608. </div>
  609.  
  610. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141329362974/face-palette-mobile-1.jpg" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" style="margin-bottom: 25px;" />
  611.  
  612. <div class="db_arrow_mobile_container">
  613. <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" />
  614.  
  615. <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" />
  616. </div>
  617.  
  618.  
  619. <br />
  620. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_972528">BESTELLEN</a><br />
  621. <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;">
  622. <table cellpadding="0" cellspacing="0">
  623. <tbody>
  624. <tr>
  625. <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>
  626. <td>GEBRUIKSADVIES</td>
  627. </tr>
  628. </tbody>
  629. </table>
  630. </a>
  631. </div>
  632. </div>
  633.  
  634. <!--STOP Contour Palette-->
  635.  
  636.  
  637. <!--START Glow Palette-->
  638.  
  639. <div id="db_visage_2" class="db_visage_all" style="display: none;">
  640.  
  641. <div class="db_60_left db_hide_mobile">
  642. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141310652446/face-palette-2.png" alt="DIOR BACKSTAGE" width="100%" border="0" />
  643. </div>
  644.  
  645. <div class="db_40_right">
  646.  
  647. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141310554142/face-palette-right-top.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  648.  
  649. <div class="db_hide_mobile">
  650. <h2 class="ipxl_h2">GLOW FACE PALETTE - 001 UNIVERSAL</h2>
  651. <p>Verhelderende blush, stralende highlighter,<br />
  652. helderheid op maat
  653. </p>
  654. <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" />
  655. <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" />
  656. <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" />
  657. <p style="text-transform: capitalize;">Glow Face Palette - 001 Universal</p>
  658. </div>
  659.  
  660. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141329461278/face-palette-mobile-2.jpg" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" style="margin-bottom: 25px;" />
  661.  
  662. <div class="db_arrow_mobile_container">
  663. <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" />
  664. <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" />
  665. </div>
  666.  
  667. <br />
  668.  
  669. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_972542">BESTELLEN</a><br />
  670.  
  671. <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;">
  672. <table cellpadding="0" cellspacing="0">
  673. <tbody>
  674. <tr>
  675. <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>
  676. <td>GEBRUIKSADVIES</td>
  677. </tr>
  678. </tbody>
  679. </table>
  680. </a>
  681.  
  682. </div>
  683.  
  684. </div>
  685.  
  686. <!--STOP Glow Palette-->
  687.  
  688. <!--START Glow Palette-->
  689.  
  690. <div id="db_visage_3" class="db_visage_all" style="display: none;">
  691.  
  692. <div class="db_60_left db_hide_mobile">
  693. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141311012894/face-palette-3.png" alt="DIOR BACKSTAGE" width="100%" border="0" />
  694. </div>
  695.  
  696. <div class="db_40_right">
  697.  
  698. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141310554142/face-palette-right-top.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  699.  
  700. <div class="db_hide_mobile">
  701. <h2 class="ipxl_h2">GLOW FACE PALETTE - 002 GLITZ</h2>
  702. <p>PROFESSIONEEL RESULTAAT - <br>PURE GLANS,<br> MENGBAAR - HIGHLIGHTER & BLUSH
  703. </p>
  704. <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" />
  705. <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" />
  706. <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" />
  707. <p style="text-transform: capitalize;">Glow Face Palette - 002 Glitz</p>
  708. </div>
  709.  
  710. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141329559582/face-palette-mobile-3.jpg" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" style="margin-bottom: 25px;" />
  711.  
  712. <div class="db_arrow_mobile_container">
  713. <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" />
  714. <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" />
  715. </div>
  716.  
  717. <br />
  718.  
  719. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_972542">BESTELLEN</a><br />
  720.  
  721. <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;">
  722. <table cellpadding="0" cellspacing="0">
  723. <tbody>
  724. <tr>
  725. <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>
  726. <td>GEBRUIKSADVIES</td>
  727. </tr>
  728. </tbody>
  729. </table>
  730. </a>
  731.  
  732. </div>
  733.  
  734. </div>
  735.  
  736. <!--STOP Glow Palette-->
  737.  
  738.  
  739. <!--START Eye Palettes
  740.  
  741. <div style="clear: both;">&nbsp;</div>
  742. <div class="db_spacer">&nbsp;</div>
  743.  
  744. <div class="db_60_left">
  745. <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" />
  746. <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" />
  747. </div>
  748.  
  749. <div class="db_40_right">
  750. <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" />
  751. <div class="db_text_margin">
  752. <h2 class="ipxl_h2">EYE PALETTES</h2>
  753. <p>INTENS GEPIGMENTEERD OOGSCHADUWPALET MET VERSCHILLENDE TEXTUREN<br />
  754. &nbsp;<br />
  755. BASIS, OOGSCHADUW, HIGHLIGHTER<br />
  756. &nbsp;<br />
  757. 1 PRIMER, 8 MATTE EN GE&Iuml;RISEERDE OOGSCHADUWTINTEN
  758. </p>
  759. <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>
  760. </div>
  761. </div>
  762.  
  763. STOP Eye Palettes-->
  764.  
  765.  
  766. <div style="clear: both;">&nbsp;</div>
  767. <div class="db_spacer">&nbsp;</div>
  768.  
  769.  
  770. <!--START Cool Neutrals-->
  771.  
  772. <div id="db_yeux_1" class="db_yeux_all">
  773.  
  774. <div class="db_60_right db_hide_mobile">
  775. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141316386846/eyes-palette-1.png" alt="DIOR BACKSTAGE" width="100%" border="0" />
  776. </div>
  777.  
  778. <div class="db_40_left">
  779. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141316190238/eyes-palette-right-top.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  780. <div class="db_hide_mobile">
  781. <h2 class="ipxl_h2">EYE PALETTE<br>AMBER NEUTRALS</h2>
  782. <p>Multitexturen,<br />
  783. ultra gepigmenteerd,<br />
  784. dekking op maat
  785. </p>
  786. <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" />
  787.  
  788. <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" />
  789.  
  790. <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" />
  791.  
  792. <p style="text-transform: capitalize;">Eye Palette Amber Neutrals</p>
  793. </div>
  794.  
  795. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141331591198/eyes-palette-mobile-1.jpg" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" style="margin-bottom: 25px;" />
  796.  
  797. <div class="db_arrow_mobile_container">
  798. <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" />
  799. <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" />
  800. </div>
  801.  
  802. <br />
  803. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_972773">BESTELLEN</a><br />
  804. <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;">
  805. <table cellpadding="0" cellspacing="0">
  806. <tbody>
  807. <tr>
  808. <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>
  809. <td>GEBRUIKSADVIES</td>
  810. </tr>
  811. </tbody>
  812. </table>
  813. </a>
  814. </div>
  815. </div>
  816.  
  817. <!--STOP Cool Neutrals-->
  818.  
  819.  
  820. <!--START Warm Neutrals-->
  821.  
  822. <div id="db_yeux_2" class="db_yeux_all" style="display: none;">
  823.  
  824. <div class="db_60_right db_hide_mobile">
  825. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141316288542/eyes-palette-2.png" alt="DIOR BACKSTAGE" width="100%" border="0" />
  826. </div>
  827.  
  828. <div class="db_40_left">
  829. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141316190238/eyes-palette-right-top.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  830. <div class="db_hide_mobile">
  831. <h2 class="ipxl_h2">EYE PALETTE<BR>COOL NEUTRALS</h2>
  832. <p>Multi-texturen,<br />
  833. ultra gepigmenteerd,<br />
  834. dekking op maat
  835. </p>
  836. <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" />
  837. <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" />
  838. <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" />
  839. <p style="text-transform: capitalize;">Eye Palette Cool Neutrals</p>
  840. </div>
  841.  
  842. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141331689502/eyes-palette-mobile-2.jpg" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" style="margin-bottom: 25px;" />
  843.  
  844. <div class="db_arrow_mobile_container">
  845. <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" />
  846. <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" />
  847. </div>
  848.  
  849. <br />
  850. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_972780">BESTELLEN</a><br />
  851. <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;">
  852. <table cellpadding="0" cellspacing="0">
  853. <tbody>
  854. <tr>
  855. <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>
  856. <td>GEBRUIKSADVIES</td>
  857. </tr>
  858. </tbody>
  859. </table>
  860. </a>
  861. </div>
  862. </div>
  863.  
  864. <!--STOP Warm Neutrals-->
  865.  
  866.  
  867.  
  868. <!--START Brow Light
  869.  
  870. <div id="db_yeux_3" class="db_yeux_all" style="display: none;">
  871.  
  872. <div class="db_60_right db_hide_mobile">
  873. <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" />
  874. </div>
  875.  
  876. <div class="db_40_left">
  877. <div class="db_hide_mobile">
  878. <h2 class="ipxl_h2">BROW PALETTE LIGHT</h2>
  879. <p>Vullen, modelleren, mooi<br />
  880. gevormde wenkbrauwen
  881. </p>
  882. <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" />
  883. <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" />
  884. <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" />
  885.  
  886. <p style="text-transform: capitalize;">Brow Palette Light</p>
  887. </div>
  888.  
  889. <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;" />
  890.  
  891. <div class="db_arrow_mobile_container">
  892. <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" />
  893. <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" />
  894. </div>
  895.  
  896. <br />
  897. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_972794">BESTELLEN</a><br />
  898. <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;">
  899. <table cellpadding="0" cellspacing="0">
  900. <tbody>
  901. <tr>
  902. <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>
  903. <td>GEBRUIKSADVIES</td>
  904. </tr>
  905. </tbody>
  906. </table>
  907. </a>
  908. </div>
  909. </div>
  910.  
  911. STOP Brow Light-->
  912.  
  913.  
  914. <!--START Brow Dark
  915.  
  916. <div id="db_yeux_4" class="db_yeux_all" style="display: none;">
  917. <div class="db_60_right db_hide_mobile">
  918. <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" />
  919. </div>
  920.  
  921. <div class="db_40_left">
  922. <div class="db_hide_mobile">
  923. <h2 class="ipxl_h2">BROW PALETTE DARK</h2>
  924. <p>Vullen, modelleren, mooi<br />
  925. gevormde wenkbrauwen
  926. </p>
  927. <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" />
  928. <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" />
  929. <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" />
  930. <p style="text-transform: capitalize;">Brow Palette Dark</p>
  931. </div>
  932.  
  933. <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;" />
  934.  
  935. <div class="db_arrow_mobile_container">
  936. <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" />
  937. <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" />
  938. </div>
  939.  
  940. <br />
  941. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_972787">BESTELLEN</a><br />
  942. <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;">
  943. <table cellpadding="0" cellspacing="0">
  944. <tbody>
  945. <tr>
  946. <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>
  947. <td>GEBRUIKSADVIES</td>
  948. </tr>
  949. </tbody>
  950. </table>
  951. </a>
  952. </div>
  953. </div>
  954.  
  955. STOP Brow Dark-->
  956.  
  957.  
  958. <div style="clear: both;">&nbsp;</div>
  959. <div class="db_little_spacer">&nbsp;</div>
  960.  
  961. <!--START Lip Palette-->
  962.  
  963. <div id="db_lip_1" class="db_lip_all">
  964.  
  965. <div class="db_60_left db_hide_mobile">
  966. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141315993630/lip-palette.png" alt="DIOR BACKSTAGE" width="100%" border="0" />
  967. </div>
  968.  
  969. <div class="db_40_right">
  970.  
  971. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141315895326/lip-palette-right-top.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" />
  972.  
  973. <div class="db_hide_mobile">
  974. <h2 class="ipxl_h2">LIP PALETTE</h2>
  975. <p>VOLUMEGEVENDE GLOSS, GESATINEERDE LIPSTICK,MATTE LIPSTICK</p>
  976. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9141316091934/db-lips.png" border="0" />
  977. <p style="text-transform: capitalize;">Lip palette</p>
  978. </div>
  979. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144955928606/lip-palette-image-mobile.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" style="margin-bottom: 25px;" />
  980. <br />
  981. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_972528">BESTELLEN</a>
  982. <br />
  983. <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;">
  984. <table cellpadding="0" cellspacing="0">
  985. <tbody>
  986. <tr>
  987. <td width="40">
  988. <img src="https://www.iciparisxl.be/medias/sys_master/_dior-backstage/_dior-backstage/8939930583070/bouton-appli.jpg" alt="" width="34" border="0" />
  989. </td>
  990. <td>GEBRUIKSADVIES</td>
  991. </tr>
  992. </tbody>
  993. </table>
  994. </a>
  995. </div>
  996. </div>
  997.  
  998. <!--STOP Lip Palette-->
  999.  
  1000.  
  1001. <!--START Lip Glow-->
  1002.  
  1003. <div id="db_lip_2" class="db_lip_all" style="display: none;">
  1004.  
  1005. <div class="db_60_right db_hide_mobile">
  1006. <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" />
  1007. </div>
  1008.  
  1009. <div class="db_40_left">
  1010. <div class="db_hide_mobile">
  1011. <h2 class="ipxl_h2">DIOR LIP GLOW</h2>
  1012. <p>Hydraterende balsem 24 uur; kleurversterker, de backstage-ster</p>
  1013. <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" />
  1014. <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" />
  1015. <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" />
  1016. <p style="text-transform: capitalize;">Dior Lip Glow</p>
  1017. </div>
  1018.  
  1019. <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;" />
  1020. <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>
  1021. <br />
  1022. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_661483">BESTELLEN</a>
  1023. </div>
  1024. </div>
  1025.  
  1026. <!--STOP Lip Glow-->
  1027.  
  1028.  
  1029. <!--START Lip Addict-->
  1030.  
  1031. <div id="db_lip_3" class="db_lip_all" style="display: none;">
  1032. <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>
  1033. <div class="db_40_left">
  1034. <div class="db_hide_mobile">
  1035. <h2 class="ipxl_h2">DIOR ADDICT LIP MAXIMIZER</h2>
  1036. <p>volumegloss, glans,<br />
  1037. verzorging
  1038. </p>
  1039. <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" />
  1040. <p style="text-transform: capitalize;">Dior Addict Lip Maximizer</p>
  1041. </div>
  1042. <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;" />
  1043. <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>
  1044. <br />
  1045. <a class="bouton_black" href="https://www.iciparisxl.nl/nl/p/BP_351929">BESTELLEN</a>
  1046. </div>
  1047. </div>
  1048.  
  1049. <!--STOP Lip Addict-->
  1050.  
  1051.  
  1052.  
  1053.  
  1054. <div style="clear: both;">&nbsp;</div>
  1055.  
  1056.  
  1057. <!--START 3 Products Desktop-->
  1058.  
  1059. <div class="db_hide_mobile">
  1060.  
  1061. <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/9141315797022/db-lipglow.png" alt="DIOR BACKSTAGE" border="0" /></a>
  1062.  
  1063.  
  1064. <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/9141315698718/db-lipmax.png" alt="DIOR BACKSTAGE" border="0" /></a>
  1065.  
  1066. <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/9141315600414/db-liptattoo.png" alt="DIOR BACKSTAGE" border="0" /></a>
  1067. </div>
  1068.  
  1069. <!--END 3 Products Desktop-->
  1070.  
  1071.  
  1072. <!--START 3 Products Mobile -->
  1073.  
  1074. <div class="db_mobile_only">
  1075.  
  1076. <input id="status_dior2" value="1" type="hidden" />
  1077.  
  1078. <ul id="slider_dior2_ipxl">
  1079.  
  1080. <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/9141315797022/db-lipglow.png" alt="DIOR BACKSTAGE" border="0" /></a>
  1081. </li>
  1082.  
  1083. <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/9141315698718/db-lipmax.png" alt="DIOR BACKSTAGE" border="0" /></a></li>
  1084.  
  1085. <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/9141315600414/db-liptattoo.png" alt="DIOR BACKSTAGE" border="0" /></a></li>
  1086.  
  1087. </ul>
  1088.  
  1089. <ul id="bullets_dior2_ipxl">
  1090. <li><a onClick="SetSlider2(id);" id="bullet_dior2_1" class="bullets_dior2" style="color: #1e1e1e;">⚫</a></li>
  1091. <li><a onClick="SetSlider2(id);" id="bullet_dior2_2" class="bullets_dior2">⚫</a></li>
  1092. <li><a onClick="SetSlider2(id);" id="bullet_dior2_3" class="bullets_dior2">⚫</a></li>
  1093. </ul>
  1094. </div>
  1095.  
  1096. <script type="text/javascript">
  1097. function SetSlider2(id_num) {
  1098. var new_status = id_num.split("_").pop();
  1099.  
  1100. $("#slider_dior2_ipxl li").css("display", "none");
  1101. $("#slide_dior2_ipxl_" + new_status).css("display", "inline-block");
  1102. $(".bullets_dior2").css("color", "#cccccc");
  1103. $("#bullet_dior2_" + new_status).css("color", "#1e1e1e");
  1104. $("#status_dior2").val(new_status);
  1105. }
  1106. </script>
  1107.  
  1108. <!--END 3 Products Mobile-->
  1109.  
  1110. <script type="text/javascript">
  1111. function db_NextProduct(versie) {
  1112. var split = versie.split("_");
  1113. var category = split[3];
  1114. var nummer = split[4];
  1115. var nieuw = parseInt(nummer) + 1;
  1116.  
  1117. if (category == "visage") {
  1118. if (nieuw <= 3) {
  1119. $(".db_visage_all").hide();
  1120. $("#db_visage_" + nieuw).show();
  1121. $("#db_visage_" + nieuw + ".db_60_left img").width("100%");
  1122. }
  1123. else {
  1124. $(".db_visage_all").hide();
  1125. $("#db_visage_1").show();
  1126. $("#db_visage_1.db_60_left img").width("100%");
  1127. }
  1128. }
  1129.  
  1130. else if (category == "yeux") {
  1131. if (nieuw <= 2) {
  1132. $(".db_yeux_all").hide();
  1133. $("#db_yeux_" + nieuw).show();
  1134. $("#db_yeux_" + nieuw + ".db_60_left img").width("100%");
  1135. }
  1136. else {
  1137. $(".db_yeux_all").hide();
  1138. $("#db_yeux_1").show();
  1139. $("#db_yeux_1.db_60_left img").width("100%");
  1140. }
  1141. }
  1142.  
  1143. else if (category == "lip") {
  1144. if (nieuw <= 3) {
  1145. $(".db_lip_all").hide();
  1146. $("#db_lip_" + nieuw).show();
  1147. $("#db_lip_" + nieuw + ".db_60_left img").width("100%");
  1148. }
  1149. else {
  1150. $(".db_lip_all").hide();
  1151. $("#db_lip_1").show();
  1152. $("#db_lip_1.db_60_left img").width("100%");
  1153. }
  1154. }
  1155. }
  1156.  
  1157. function db_PrevProduct(versie) {
  1158. var split = versie.split("_");
  1159. var category = split[3];
  1160. var nummer = split[4];
  1161. var nieuw = parseInt(nummer) - 1;
  1162.  
  1163. if (category == "visage") {
  1164. if (nieuw == 0) {
  1165. $(".db_visage_all").hide();
  1166. $("#db_visage_3").show();
  1167. $("#db_visage_3.db_60_left img").width("100%");
  1168. }
  1169. else {
  1170. $(".db_visage_all").hide();
  1171. $("#db_visage_" + nieuw).show();
  1172. $("#db_visage_" + nieuw + ".db_60_left img").width("100%");
  1173. }
  1174. }
  1175. else if (category == "yeux") {
  1176. if (nieuw == 0) {
  1177. $(".db_yeux_all").hide();
  1178. $("#db_yeux_2").show();
  1179. $("#db_yeux_2.db_60_left img").width("100%");
  1180. }
  1181. else {
  1182. $(".db_yeux_all").hide();
  1183. $("#db_yeux_" + nieuw).show();
  1184. $("#db_yeux_" + nieuw + ".db_60_left img").width("100%");
  1185. }
  1186. }
  1187. else if (category == "lip") {
  1188. if (nieuw == 0) {
  1189. $(".db_lip_all").hide();
  1190. $("#db_lip_3").show();
  1191. $("#db_lip_3.db_60_left img").width("100%");
  1192. }
  1193. else {
  1194. $(".db_lip_all").hide();
  1195. $("#db_lip_" + nieuw).show();
  1196. $("#db_lip_" + nieuw + ".db_60_left img").width("100%");
  1197. }
  1198. }
  1199. }
  1200. </script>
  1201. <div style="clear: both;">&nbsp;</div>
  1202. <div class="db_little_spacer">&nbsp;</div>
  1203. <!--START Pinceaux--> <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144957206558/db-footer-desktop.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_hide_mobile" /> <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9144957534238/db-footer-mobile.png" alt="DIOR BACKSTAGE" width="100%" border="0" class="db_mobile_only" />
  1204. <div class="db_spacer">&nbsp;</div>
  1205. <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">BESTELLEN</a><br />
  1206. <!--STOP Pinceaux-->
  1207. <div style="clear: both;">&nbsp;</div>
  1208. <div class="db_spacer">&nbsp;</div>
  1209. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement