Advertisement
SammyRicour

Untitled

Jul 23rd, 2019
131
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.17 KB | None | 0 0
  1. <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto" />
  2. <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
  3. <div style="clear: both;">&ensp;</div>
  4.  
  5. <style type="text/css">
  6.  
  7. #page {
  8. width: 100%;
  9. max-width: 950px;
  10. margin: auto;
  11. font-family: 'Roboto', sans-serif !important;
  12. }
  13.  
  14. h3{
  15. text-align: center;
  16. font-size:26px;
  17. margin:0;
  18. margin-bottom: 50px;
  19. }
  20.  
  21.  
  22. .header_urban_decay{
  23. background-color: #000;
  24. color: #FFF;
  25. width: 100%;
  26. border: 1px solid #ddd;
  27. }
  28.  
  29.  
  30. .header_urban_decay img{
  31. width: 100%;
  32. }
  33.  
  34.  
  35. .header_intro_urban_decay{
  36. padding: 50px 150px 15px;
  37. text-align: center;
  38. font-size: 18px;
  39. line-height: 30px;
  40. border-bottom: 10px solid #DEC0A2;
  41. }
  42.  
  43. .header_intro_urban_decay h2{
  44. font-size: 45px;
  45. line-height: 0.8;
  46. margin-bottom: 40px;
  47. }
  48.  
  49.  
  50. .header_intro_urban_decay p{
  51. margin-bottom: 40px;
  52. font-size: 16px;
  53. line-height: 1.8;
  54. }
  55.  
  56. .header_intro_urban_decay a{
  57. border:2px solid #fff;
  58. padding: 10px 20px;
  59. color: #fff;
  60. font-weight: 900;
  61. text-decoration: none;
  62. }
  63.  
  64. .header_intro_urban_decay a:hover{
  65. border:2px solid #fff;
  66. padding: 10px 20px;
  67. background-color: #fff;
  68. color: #000;
  69. font-weight: 900;
  70. text-decoration: none;
  71. }
  72.  
  73. .products_urban_decay {
  74. width: 100%;
  75. padding-top: 55px;
  76. padding-bottom: 55px;
  77. }
  78.  
  79. .parfum_urban_decay {
  80. width: 50%;
  81. float:left;
  82. text-align: center;
  83. }
  84.  
  85.  
  86. .tile_left{
  87. width: 49%;
  88. float: left;
  89. margin-bottom: 20px;
  90. }
  91.  
  92. .tile_right{
  93. width: 49%;
  94. float: right;
  95. margin-bottom: 20px;
  96.  
  97. }
  98.  
  99. .tile_left img{
  100. width: 100%;
  101. }
  102.  
  103. .tile_right img {
  104. width: 100%;
  105. }
  106.  
  107.  
  108. .product {
  109. width: 33.333%;
  110. float: left;
  111. text-align: center; }
  112.  
  113. .product_img {
  114. padding:20px; }
  115.  
  116.  
  117. .product img{
  118. width: 100%;
  119. }
  120.  
  121. .button {
  122. background-color: #000;
  123. width: 100%;
  124. padding: 15px 30px;
  125. color: #fff;
  126. text-decoration: none;
  127. text-align: center;
  128. }
  129.  
  130. .button:hover {
  131. background-color: #945C39;
  132. color: #fff;
  133. text-decoration: none;
  134. }
  135.  
  136. .parfum_item_urban_decay h3 {
  137. text-transform: uppercase;
  138. letter-spacing: 4px;
  139. margin-bottom: 20px;
  140. font-weight: 700;
  141. font-size: 16px;
  142. color: #000;
  143. }
  144.  
  145. .parfum_item_urban_decay p {
  146. font-size: 14px;
  147. color: #000;
  148. color: #a5a4a4;
  149. margin:0px 40px;
  150. }
  151.  
  152.  
  153. .video_urban_decay {
  154. margin: 0px 0px 50px 0px;
  155. }
  156.  
  157.  
  158. .video_urban_decay img{
  159. width: 100%;
  160. display: block;
  161. margin: auto;
  162. }
  163.  
  164. @media screen and (max-width:1024px) {
  165.  
  166. .parfum_urban_decay {
  167. width: 100%;
  168. float:left;
  169. text-align: center;
  170. }
  171.  
  172. .parfum_item_urban_decay {
  173. margin-bottom: 20px;
  174. height: auto;
  175. }
  176.  
  177.  
  178. .header_intro_urban_decay{
  179. padding: 20px 50px 50px;
  180. text-align: center;
  181. font-size: 18px;
  182. line-height: 30px;
  183. }
  184.  
  185. }
  186.  
  187.  
  188. </style>
  189.  
  190. <div id="page">
  191.  
  192. <!-- START intro -->
  193.  
  194. <div class="header_urban_decay">
  195. <div class="header_image_urban_decay"><img src="https://www.iciparisxl.be/medias/sys_master/_actions-promotions/_actions-promotions/9148200517662/UD-header-urban-decay.png"></div>
  196. <div class="header_intro_urban_decay">
  197. <h2>STAY YOU,<br> STAY NAKED</h2>
  198.  
  199. <p>Ontmoet de <strong>Stay Naked Weightless Liquid Foundation</strong>, onze nieuwe real-skin matte, waterproof en vegan formule die tot 24 uur blijft zitten en afrekent met de one-foundation-fits-all mentaliteit. Laten we eerlijk zijn, geen twee huidskleuren zijn hetzelfde. Kijk even in de spiegel en je zult versteld staan van de hoeveelheid verschillende tinten die je op je gezicht vindt. Deze subtiele tonen maken iedereen uniek, daarom weerspiegelen Urban Decay’s 50 tinten de echte kleur van je huid. De tinten zijn onderverdeeld volgens <strong>9 intensiteitsniveau’s, 3 mastertones en 7 ondertones.</strong> </p>
  200.  
  201. <p>Daarnaast is er ook nog de nieuwe <strong>Stay Naked Correcting Concealer</strong>. Deze multifunctionele concealer, die dezelfde formule heeft als de Stay Naked Foundation, kan naast het verbergen van imperfecties ook gebruikt worden om het gezicht te highlighten. </p>
  202.  
  203. <p>Op zoek naar jouw match!</p>
  204.  
  205.  
  206. </div>
  207. </div>
  208.  
  209.  
  210. <div class="products_urban_decay">
  211. <h3>SHOP THE LOOK</h3>
  212. <img src="https://www.iciparisxl.be/medias/sys_master/_actions-promotions/_actions-promotions/9148200615966/UD-shade-finder.png" style="width: 100%;">
  213.  
  214. <div class="tile_left"><a href="#"><img src="https://www.iciparisxl.be/medias/sys_master/_actions-promotions/_actions-promotions/9148200714270/UD-tile-1.png"></a></div>
  215. <div class="tile_right"><a href="#"><img src="https://www.iciparisxl.be/medias/sys_master/_actions-promotions/_actions-promotions/9148200812574/UD-tile-2.png"></a></div>
  216. <div class="tile_left"><a href="#"><img src="https://www.iciparisxl.be/medias/sys_master/_actions-promotions/_actions-promotions/9148201009182/UD-tile-3.png"></a></div>
  217. <div class="tile_right"><a href="#"><img src="https://www.iciparisxl.be/medias/sys_master/_actions-promotions/_actions-promotions/9148200910878/UD-tile-4.png"></a></div>
  218. <div style="clear:both"></div>
  219. </div>
  220.  
  221. <div class="video_urban_decay">
  222. <a title="Stay You, Stay Naked" class="js-video-component" data-embedded-code="https://www.youtube.com/embed/dGEn2R5XCxI" style="cursor: pointer;"><img src="https://www.iciparisxl.be/medias/sys_master/_actions-promotions/_actions-promotions/9148201107486/UD-video.png" style="width: 80%;"></a>
  223. </div>
  224.  
  225. <div class="products">
  226. <div class="product"><div class="product_img"><img src="https://www.iciparisxl.be/medias/sys_master/_actions-promotions/_actions-promotions/9148201205790/UD-product-1.png"><a href="" class="button">COMING SOON</a></div></div>
  227. <div class="product"><div class="product_img"><img src="https://www.iciparisxl.be/medias/sys_master/_actions-promotions/_actions-promotions/9148201304094/UD-product-2.png"><a href="" class="button">COMING SOON</a></div></div>
  228. <div class="product"><div class="product_img"><img src="https://www.iciparisxl.be/medias/sys_master/_actions-promotions/_actions-promotions/9148201402398/UD-product-3.png"><a href="" class="button">COMING SOON</a></div></div>
  229. </div>
  230. <p>&nbsp;</p>
  231. <p>&nbsp;</p>
  232. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement