Advertisement
SammyRicour

Untitled

Oct 2nd, 2019
187
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.52 KB | None | 0 0
  1. <p><style type="text/css">
  2.  
  3. body {
  4. font-family: Gotham, sans-serif;
  5. color: #000;
  6. }
  7.  
  8.  
  9. .header{
  10. background-color: #E8D7E3;
  11. display:flex;
  12. margin-bottom:25px;
  13. }
  14.  
  15.  
  16. .header_image{
  17. background-color: #333;
  18. background-image: url(https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9201389862942/instituten-2019-blok-1-gelaatsverzorging.png);
  19. background-size: cover;
  20. background-position: center;
  21. height: 95px;
  22. width: 200px;
  23. }
  24.  
  25. .overview{text-align: right;
  26. margin-bottom: 20px;}
  27.  
  28. .overview a{
  29. color: #000000;
  30. text-transform: uppercase;
  31. font-size: 12px;
  32. }
  33.  
  34. .price-tag{
  35. background-color: #E8D7E3;
  36. border-radius: 30px;
  37. padding: 5px;
  38. }
  39.  
  40. .product-title {
  41. font-weight: 600;
  42. padding-bottom: 5px;
  43. font-size:14px;
  44. }
  45.  
  46. .instituten{
  47. background-color: #fff;
  48. text-align: left;
  49. border-top: 1px #ccc solid;
  50. padding-top: 25px;
  51. margin-top: 25px;
  52. }
  53.  
  54. .instituten h2{
  55. margin-bottom: 20px 0px;
  56. font-size: 16px;
  57. color:#ccc;
  58. }
  59.  
  60. .instituten p{
  61. margin-bottom: 20px;
  62. font-size:12px;
  63. color:#ccc;
  64. }
  65.  
  66. .show-for-mobile {display: none;}
  67. .show-for-desktop {display: block;}
  68.  
  69. .ipxl_h1 {
  70. font-family: Gotham, Arial, sans-serif;
  71. align-self: center;
  72. margin-left:20px;
  73. margin-bottom: 0px;
  74. width: 100%;
  75. font-size: 24px;
  76. background-color: #E8D7E3;
  77. text-align: left;
  78. font-weight: 600;
  79. text-transform: uppercase;
  80. }
  81.  
  82. .ipxl_h2 {
  83. font-family: Gotham, Arial, sans-serif;
  84. font-weight: bold;
  85. font-size: 24px;
  86. line-height: 26px;
  87. text-align: left;
  88. margin: 0px 0px 15px 0px;
  89. padding: 0px;
  90. color: #d10074;
  91. background-image: none;
  92. }
  93.  
  94. .ipxl_h3 {
  95. font-family: Gotham, Arial, sans-serif;
  96. font-size: 16px;
  97. line-height: 18px;
  98. text-align: left;
  99. font-weight: bold;
  100. text-transform: uppercase;
  101. margin: 40px 0px 8px 0px;
  102. }
  103.  
  104. p{font-weight: 300;}
  105.  
  106. .ipxl_link {
  107. color: #d10074;
  108. text-decoration: underline;
  109. }
  110.  
  111. .top_left {
  112. width: 30%;
  113. float: left;
  114. text-align: left;
  115. }
  116.  
  117. .top_right {
  118. width: 67%;
  119. float: right;
  120. text-align: left;
  121. }
  122.  
  123. #leftnav_desktop ul {
  124. margin: 0px;
  125. padding: 0px;
  126. }
  127.  
  128. #leftnav_desktop ul li {
  129. list-style: none;
  130. }
  131.  
  132. .top_link {
  133. color: #000000;
  134. text-decoration: none;
  135. font-weight: bold;
  136. font-size: 16px;
  137. line-height: 19px;
  138. margin-bottom: 12px;
  139. display: block;
  140. text-indent: -11px;
  141. margin-left: 11px;
  142. }
  143.  
  144. .top_link:hover {
  145. color: #777777;
  146. text-decoration: none !important;
  147. }
  148.  
  149. .top_link::before {
  150. content: "\276F";
  151. font-size: 12px;
  152. font-weight: normal;
  153. padding-right: 5px;
  154. position: relative;
  155. top: -2px;
  156. }
  157.  
  158. #leftnav_mobile {
  159. display: none;
  160. }
  161.  
  162.  
  163. .video-container {
  164. position: relative;
  165. padding-bottom: 56.25%;
  166. padding-top: 30px;
  167. height: 0;
  168. overflow: hidden;
  169. }
  170. .video-container iframe, .video-container object, .video-container embed {
  171. position: absolute;
  172. top: 0;
  173. left: 0;
  174. width: 100%;
  175. height: 100%;
  176. }
  177. @media screen and (max-width:600px) {
  178.  
  179.  
  180. .ipxl_h1 {
  181. font-size: 16px;
  182. }
  183.  
  184.  
  185. .image_carte-privilege {
  186. display: none;
  187. }
  188. #video {
  189. background-color: #FFF;
  190. }
  191. #video-holder {
  192. margin-bottom: 0px;
  193. }
  194. #video-text h2 {
  195. padding-top: 20px;
  196. }
  197. .static-content-image-right{
  198. margin:0 20%;
  199. }
  200. .static-content-image-right2{
  201. margin:0 20%;
  202. }
  203. .static-content-image-left{
  204. margin:0 20%;
  205. }
  206.  
  207. .show-for-mobile {display: block;}
  208. .show-for-desktop {display: none;}
  209.  
  210.  
  211. }
  212.  
  213.  
  214.  
  215.  
  216. @media screen and (max-width:850px) {
  217.  
  218. #leftnav_desktop {
  219. display: none;
  220. }
  221.  
  222. .top_left {
  223. width: 100%;
  224. float: none;
  225. background-color: #000000;
  226. }
  227.  
  228. .top_right {
  229. width: 100%;
  230. float: none;
  231. }
  232.  
  233. #leftnav_mobile {
  234. display: block;
  235. margin: 40px 0px;
  236. }
  237.  
  238. #leftnav_mobile ul {
  239. margin: 0px;
  240. padding: 0px;
  241. }
  242.  
  243. #leftnav_mobile ul li {
  244. list-style: none;
  245. }
  246. .image_carte-privilege {
  247. float:right;
  248. width: 200px;
  249. }
  250. #leftnav_mobile .ipxl_h2 {
  251. font-weight: normal;
  252. font-size: 18px;
  253. line-height: 20px;
  254. padding: 10px 15px;
  255. color: #ffffff;
  256. text-transform: uppercase;
  257. margin: 0px;
  258. cursor: pointer;
  259. background-image: url(/icon_menu_open.jpg);
  260. background-size: 40px;
  261. background-position: right;
  262. background-repeat: no-repeat;
  263. }
  264.  
  265. #leftnav_mobile ul {
  266. display: none;
  267. }
  268.  
  269. #leftnav_mobile ul li a {
  270. color: #ffffff;
  271. display: block;
  272. font-weight: normal;
  273. border-top: solid 1px #8e8e8e;
  274. padding: 7px 15px;
  275. }
  276.  
  277. #leftnav_mobile ul li:hover {
  278. background-color: #444444;
  279. }
  280.  
  281. .top_link:hover {
  282. color: #ffffff;
  283. text-decoration: none !important;
  284. }
  285. #video {
  286. position: relative;
  287. background-color: #FFF;
  288. }
  289. #video-holder {
  290. margin-bottom: 0px;
  291. }
  292. .static-content-image-right{
  293. width: 12%;
  294. float: right;
  295. clear: both;
  296. margin: 0 0 0 20px;
  297. }
  298. .static-content-image-right2{
  299. width: 32%;
  300. float: right;
  301. clear: both;
  302. margin: 0 0 0 20px;
  303. }
  304. .static-content-image-left{
  305. width: 32%;
  306. float: left;
  307. clear: both;
  308. margin: 0 20px 0 0;
  309. }
  310. }
  311. @media screen and (min-width:980px) {
  312. .image_carte-privilege {
  313. float:right;
  314. width: 200px;
  315. }
  316. #video {
  317. margin: 0px;
  318. position: relative;
  319. background-color: #FFF;
  320. height: 180px;
  321. padding-bottom: 19px;
  322.  
  323. }
  324. #video-holder {
  325. display: block;
  326. float: left;
  327. width: 637px;
  328. }
  329. .static-content-image-right{
  330. width: 12%;
  331. float: right;
  332. clear: both;
  333. margin: 0 0 0 20px;
  334. }
  335. .static-content-image-right2{
  336. width: 32%;
  337. float: right;
  338. clear: both;
  339. margin: 0 0 0 20px;
  340. }
  341. .static-content-image-left{
  342. width: 32%;
  343. float: left;
  344. clear: both;
  345. margin: 0 20px 0 0;
  346. }
  347. }
  348. </style></p>
  349. <div class="top_left"><!--START Desktop Menu-->
  350. <div id="leftnav_desktop">
  351. <h2 class="ipxl_h2">Instituten</h2>
  352. <ul>
  353. <li><a class="top_link" href="/nl/instituten/gelaatsverzorging">Gelaatsverzorging</a></li>
  354. <li><a class="top_link" href="/nl/instituten/lichaamsverzorging">Lichaamsverzorging</a></li>
  355. <li><a class="top_link" href="/nl/instituten/make-up">Make-up</a></li>
  356. <li><a class="top_link" href="/nl/instituten/manicure-pedicure-ontharing">Manicure Pedicure Ontharing</a></li>
  357. <li><a class="top_link" href="/nl/instituten/specifieke-oogverzorging">Specifieke oogverzorging</a></li>
  358. <li><a class="top_link" href="/nl/instituten/verzorging-voor-mannen" target="_blank">Verzorging voor mannen</a></li>
  359. <li><a class="top_link" href="/nl/instituten/jouw-voordeel" target="_blank">Jouw voordeel</a></li>
  360. </ul>
  361. </div>
  362. <!--START Desktop Menu--> <!--START Mobile Menu-->
  363. <div id="leftnav_mobile">
  364. <h2 class="ipxl_h2" onClick="Open_LeftNav();">Instituten</h2>
  365. <ul>
  366. <li><a class="top_link" href="/nl/instituten/gelaatsverzorging">Gelaatsverzorging</a></li>
  367. <li><a class="top_link" href="/nl/instituten/lichaamsverzorging">Lichaamsverzorging</a></li>
  368. <li><a class="top_link" href="/nl/instituten/make-up">Make-up</a></li>
  369. <li><a class="top_link" href="/nl/instituten/manicure-pedicure-ontharing">Manicure Pedicure Ontharing</a></li>
  370. <li><a class="top_link" href="/nl/instituten/specifieke-oogverzorging">Specifieke oogverzorging</a></li>
  371. <li><a class="top_link" href="/nl/instituten/verzorging-voor-mannen" target="_blank">Verzorging voor mannen</a></li>
  372. <li><a class="top_link" href="/nl/instituten/jouw-voordeel" target="_blank">Jouw voordeel</a></li>
  373. </ul>
  374. </div>
  375. <!--START Mobile Menu-->
  376.  
  377. <div class="instituten show-for-desktop">
  378. <div class="instituten_content">
  379. <h2>ONZE INSTITUTEN</h2>
  380.  
  381. <p><strong>ANDERLECHT (1070)</strong> <br> Westland Shopping – T. 02/526 08 02</p>
  382. <p><strong>BRASSCHAAT (2930)</strong><br>Bredabaan 226 - T. 03/653 47 83</p>
  383. <p><strong>ETTERBEEK (1040)</strong><br>Tongerenstraat 30 – T. 02/736 22 63</p>
  384. </div>
  385. </div>
  386.  
  387. </div>
  388. <script type="text/javascript">
  389. function Open_LeftNav() {
  390. var status = $("#leftnav_mobile ul").css("display");
  391. if(status == "block") {
  392. $("#leftnav_mobile ul").css("display", "none");
  393. $("#leftnav_mobile .ipxl_h2").css("background-image", "url(http://www-prd-iciparisxl-lu.uk.aswatson.net/medias/sys_master/_icons/8801146896414/icon_menu_open.jpg)");
  394. }
  395.  
  396. else {
  397. $("#leftnav_mobile ul").css("display", "block");
  398. $("#leftnav_mobile .ipxl_h2").css("background-image", "url(http://www-prd-iciparisxl-lu.uk.aswatson.net/medias/sys_master/_icons/8801145978910/icon_menu_close.jpg)");
  399. }
  400.  
  401. }
  402. </script>
  403. <div class="top_right">
  404. <div class="overview"><a href="#">&lt; TERUG NAAR OVERZICHT</a></div>
  405. <div class="header">
  406. <h1 class="ipxl_h1">GELAATSVERZORGING</h1>
  407. <div class="header_image">&nbsp;</div>
  408. </div>
  409. <a href="/nl/clarins/146/brand"><img src="/medias/sys_master/_actions-promotions/_actions-promotions/9170810372126/Clarins-top10.jpg" width="125" border="0" alt="" /></a>
  410. <table width="100%" cellpadding="0" cellspacing="0" style="margin: 20px 0px;">
  411. <tbody>
  412. <tr>
  413. <td valign="top">
  414. <p class="product-title" style="margin-bottom: 0px;">JONGERENVERZORGING<br />
  415. Tot 25 jaar</p>
  416. <p style="margin-top: 0px; color: #000; font-size: 12px;">Reiniging van de huid.</p>
  417. </td>
  418. <td width="50" align="center" valign="top">
  419. <p class="price-tag" style="font-weight: bold;">&euro;35</p>
  420. </td>
  421. </tr>
  422. <tr>
  423. <td colspan="2" height="15">&nbsp;</td>
  424. </tr>
  425. <tr>
  426. <td valign="top">
  427. <p class="product-title" style="margin-bottom: 0px;">ONTDEKKINGSVERZORGING</p>
  428. <p style="margin-top: 0px; color: #000; font-size: 12px;">Herstellend, hydraterend, zuiverend of verzachtend.</p>
  429. </td>
  430. <td width="50" align="center" valign="top">
  431. <p class="price-tag" style="font-weight: bold;">&euro;60</p>
  432. </td>
  433. </tr>
  434. <tr>
  435. <td colspan="2" height="15">&nbsp;</td>
  436. </tr>
  437. <tr>
  438. <td valign="top">
  439. <p class="product-title" style="margin-bottom: 0px;">PRO-AROMATIC VERZORGING<br />
  440. Ingebouwde booster &ndash; Plantaardig concentraat</p>
  441. <p style="margin-top: 0px; color: #000; font-size: 12px;">Vier verzorgingstypes, aangepast aan uw noden: liftende en verjongende verzorging, intens hydraterende verzorging, stralende huid en zuiverende verzorging of verzachtende verzorging.</p>
  442. </td>
  443. <td width="50" align="center" valign="top">
  444. <p class="price-tag" style="font-weight: bold;">&euro;75</p>
  445. </td>
  446. </tr>
  447. </tbody>
  448. </table>
  449. <a href="/nl/sisley/605/brand"><img src="/medias/sys_master/_brand/8799155912734/sisley_logo.png" width="125" border="0" alt="" /></a>
  450. <table width="100%" cellpadding="0" cellspacing="0" style="margin: 20px 0px;">
  451. <tbody>
  452. <tr>
  453. <td valign="top">
  454. <p class="product-title" style="margin-bottom: 0px;">ONTDEKKINGSVERZORGING</p>
  455. <p style="margin-top: 0px; color: #000; font-size: 12px;">Anti-aging, hydratatie en comfort.</p>
  456. </td>
  457. <td width="50" align="center" valign="top">
  458. <p class="price-tag" style="font-weight: bold;">&euro;75</p>
  459. </td>
  460. </tr>
  461. <tr>
  462. <td colspan="2" height="15">&nbsp;</td>
  463. </tr>
  464. <tr>
  465. <td valign="top">
  466. <p class="product-title" style="margin-bottom: 0px;">BOTANICAL GELAATSVERZORGING</p>
  467. <p style="margin-top: 0px; color: #000; font-size: 12px;">Gezichtsverzorging met essenti&euml;le oli&euml;n.</p>
  468. </td>
  469. <td width="50" align="center" valign="top">
  470. <p class="price-tag" style="font-weight: bold;">&euro;100</p>
  471. </td>
  472. </tr>
  473. <tr>
  474. <td colspan="2" height="15">&nbsp;</td>
  475. </tr>
  476. <tr>
  477. <td valign="top">
  478. <p class="product-title" style="margin-bottom: 0px;">BOTANICAL GELAATS- EN LICHAAMSVERZORGING</p>
  479. <p style="margin-top: 0px; color: #000; font-size: 12px;">Intensieve anti-aging gelaats- en lichaamsverzorging met essenti&euml;le oli&euml;n.</p>
  480. </td>
  481. <td width="50" align="center" valign="top">
  482. <p class="price-tag" style="font-weight: bold;">&euro;150</p>
  483. </td>
  484. </tr>
  485. </tbody>
  486. </table>
  487. <a href="/nl/valmont/654/brand"><img src="/medias/sys_master/_brand/8799156437022/valmont_logo.png" width="125" border="0" alt="" /></a>
  488. <table width="100%" cellpadding="0" cellspacing="0" style="margin: 20px 0px;">
  489. <tbody>
  490. <tr>
  491. <td valign="top">
  492. <p class="product-title" style="margin-bottom: 0px;">ONTDEKKINGSVERZORGING</p>
  493. <p style="margin-top: 0px; color: #000; font-size: 12px;">Anti-aging, hydratatie en comfort.</p>
  494. </td>
  495. <td width="50" align="center" valign="top">
  496. <p class="price-tag" style="font-weight: bold;">&euro;75</p>
  497. </td>
  498. </tr>
  499. <tr>
  500. <td colspan="2" height="15">&nbsp;</td>
  501. </tr>
  502. <tr>
  503. <td valign="top">
  504. <p class="product-title" style="margin-bottom: 0px;">COLLAGEENVERZORGING</p>
  505. <p style="margin-top: 0px; color: #000; font-size: 12px;">Rimpelwerend, herstellend en liftend. Aanbevolen als kuur.</p>
  506. </td>
  507. <td width="50" align="center" valign="top">
  508. <p class="price-tag" style="font-weight: bold;">&euro;145</p>
  509. </td>
  510. </tr>
  511. </tbody>
  512. </table>
  513. <a href="/nl/filorga/825/brand"><img src="/medias/sys_master/_brand/8798384979998/filorga_logo.png" width="125" border="0" alt="" /></a>
  514. <table width="100%" cellpadding="0" cellspacing="0" style="margin: 20px 0px;">
  515. <tbody>
  516. <tr>
  517. <td valign="top">
  518. <p class="product-title" style="margin-bottom: 0px;">ANTI-AGING PERFUSIEVERZORGING PREMIUM</p>
  519. <p style="margin-top: 0px; color: #000; font-size: 12px;">Reiniging van de huid.</p>
  520. </td>
  521. <td width="50" align="center" valign="top">
  522. <p class="price-tag" style="font-weight: bold;">&euro;145</p>
  523. </td>
  524. </tr>
  525. <tr>
  526. <td colspan="2" height="15">&nbsp;</td>
  527. </tr>
  528. <tr>
  529. <td valign="top">
  530. <p class="product-title" style="margin-bottom: 0px;">INFUUSVERZORGING EXTRA STEVIGHEID</p>
  531. <p style="margin-top: 0px; color: #000; font-size: 12px;">Liftende, herstellende, verstevigende verzorging voor een gewaarborgd en duurzaam verstrakkend effect.</p>
  532. </td>
  533. <td width="50" align="center" valign="top">
  534. <p class="price-tag" style="font-weight: bold;">&euro;115</p>
  535. </td>
  536. </tr>
  537. <tr>
  538. <td colspan="2" height="15">&nbsp;</td>
  539. </tr>
  540. <tr>
  541. <td valign="top">
  542. <p class="product-title" style="margin-bottom: 0px;">ANTI-RIMPEL PERFUSIEVERZORGING</p>
  543. <p style="margin-top: 0px; color: #000; font-size: 12px;">Verstevigende verzorging voor een stralende en strakke huid.</p>
  544. </td>
  545. <td width="50" align="center" valign="top">
  546. <p class="price-tag" style="font-weight: bold;">&euro;95</p>
  547. </td>
  548. </tr>
  549. <tr>
  550. <td colspan="2" height="15">&nbsp;</td>
  551. </tr>
  552. <tr>
  553. <td valign="top">
  554. <p class="product-title" style="margin-bottom: 0px;">HYDRATERENDE INFUUSVERZORGING</p>
  555. <p style="margin-top: 0px; color: #000; font-size: 12px;">Hydratatieperfusie voor een vollere huid die comfortabel aanvoelt.</p>
  556. </td>
  557. <td width="50" align="center" valign="top">
  558. <p class="price-tag" style="font-weight: bold;">&euro;95</p>
  559. </td>
  560. </tr>
  561. <tr>
  562. <td colspan="2" height="15">&nbsp;</td>
  563. </tr>
  564. <tr>
  565. <td valign="top">
  566. <p class="product-title" style="margin-bottom: 0px;">PERFUSIEVERZORGING VOOR EEN STRALENDE HUID</p>
  567. <p style="margin-top: 0px; color: #000; font-size: 12px;">Tonifi&euml;rende verzorging voor een stralende en zuurstofrijke huid.</p>
  568. </td>
  569. <td width="50" align="center" valign="top">
  570. <p class="price-tag" style="font-weight: bold;">&euro;95</p>
  571. </td>
  572. </tr>
  573. <tr>
  574. <td colspan="2" height="15">&nbsp;</td>
  575. </tr>
  576. <tr>
  577. <td valign="top">
  578. <p class="product-title" style="margin-bottom: 0px;">PEELINGVERZORGING NIEUWE HUID</p>
  579. <p style="margin-top: 0px; color: #000; font-size: 12px;">Fijnere huidstructuur en wegwerken van rimpeltjes voor een stralende huid en een heldere teint.</p>
  580. </td>
  581. <td width="50" align="center" valign="top">
  582. <p class="price-tag" style="font-weight: bold;">&euro;55</p>
  583. </td>
  584. </tr>
  585. </tbody>
  586. </table>
  587. <a href="/nl/la-mer/372/brand"><img src="/medias/sys_master/_brand/8798465622046/la-mer_logo.png" width="125" border="0" alt="" /></a>
  588. <p><a href="/nl/store-finder" style="color: #b91f81;">Enkel in het instituut in Etterbeek</a></p>
  589. <table width="100%" cellpadding="0" cellspacing="0" style="margin: 20px 0px;">
  590. <tbody>
  591. <tr>
  592. <td valign="top">
  593. <p class="product-title" style="margin-bottom: 0px;">THE CUSTOM FACIAL</p>
  594. <p style="margin-top: 0px; color: #000; font-size: 12px;">Verzorging aangepast aan uw exacte behoeften. Voor een gevoel van welzijn en evenwicht.</p>
  595. </td>
  596. <td width="50" align="center" valign="top">
  597. <p class="price-tag" style="font-weight: bold;">&euro;140</p>
  598. </td>
  599. </tr>
  600. <tr>
  601. <td colspan="2" height="15">&nbsp;</td>
  602. </tr>
  603. <tr>
  604. <td valign="top">
  605. <p class="product-title" style="margin-bottom: 0px;">THE CUSTOM FACIAL INTENSE</p>
  606. <p style="margin-top: 0px; color: #000; font-size: 12px;">Verwennende gelaatsverzorging aangevuld met een lichaamsverzorging met sculpterende massage. Voor een intens gevoel van welzijn en ontspanning.</p>
  607. </td>
  608. <td width="50" align="center" valign="top">
  609. <p class="price-tag" style="font-weight: bold;">&euro;180</p>
  610. </td>
  611. </tr>
  612. </tbody>
  613. </table>
  614. <div style="width: 100%; border-top: dotted 1px #878787; margin: 20px 0px;">&nbsp;</div>
  615. <p>De prijzen kunnen gewijzigd worden. Meer info in uw ICI PARIS XL-Instituut.</p>
  616.  
  617. <div class="instituten show-for-mobile">
  618. <div class="instituten_content">
  619. <h2>ONZE INSTITUTEN</h2>
  620.  
  621. <p><strong>ANDERLECHT (1070)</strong> <br> Westland Shopping – T. 02/526 08 02</p>
  622. <p><strong>BRASSCHAAT (2930)</strong><br>Bredabaan 226 - T. 03/653 47 83</p>
  623. <p><strong>ETTERBEEK (1040)</strong><br>Tongerenstraat 30 – T. 02/736 22 63</p>
  624. </div>
  625. </div>
  626.  
  627. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement