API tools faq
paste
Advertisement
SammyRicour

Untitled

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