Advertisement
SammyRicour

Untitled

Jun 25th, 2019
112
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.30 KB | None | 0 0
  1. <link href="https://fonts.googleapis.com/css?family=Noto+Sans+HK:400,900&display=swap" rel="stylesheet">
  2. <div style="clear: both;">&ensp;</div>
  3. <style type="text/css"> #page {
  4. width: 100%;
  5. max-width: 950px;
  6. margin: auto;
  7. font-family: 'Noto Sans HK', sans-serif;
  8. color:#000;
  9. }
  10. .logo_zadig {
  11. text-align: center;
  12. margin-bottom: 30px;
  13. }
  14. h2 {
  15. font-family: 'Noto Sans HK', sans-serif;
  16. text-align: center;
  17. text-transform: uppercase;
  18. color: #dc0937;
  19. font-size: 26px;
  20. font-weight: 900;
  21. margin: 0;
  22. margin-bottom: 20px;
  23. }
  24. .subtitle {
  25. font-family: 'Noto Sans HK', sans-serif;
  26. text-align: center;
  27. text-transform: uppercase;
  28. color: #000;
  29. font-size: 18px;
  30. line-height: 1.4;
  31. font-weight: 900;
  32. margin-bottom: 50px;
  33. }
  34. h3 {
  35. text-align: center;
  36. font-size: 26px;
  37. margin: 0;
  38. margin-bottom: 50px;
  39. }
  40. .header_zadig {
  41. background-color: #fff;
  42. color: #000;
  43. width: 100%;
  44. }
  45. .header_zadig img {
  46. width: 100%;
  47. }
  48. .header_intro_zadig {
  49. padding: 40px 150px 50px;
  50. text-align: center;
  51. font-size: 18px;
  52. line-height: 30px;
  53. }
  54. .header_intro_zadig p {
  55. font-family: 'Noto Sans HK', sans-serif;
  56. margin-bottom: 40px;
  57. font-size: 17px;
  58. line-height: 1.4;
  59. }
  60. .header_intro_zadig a {
  61. font-family: 'Noto Sans HK', sans-serif;
  62. background-color: #dc0937;
  63. font-size: 20px;
  64. padding: 10px 40px;
  65. text-transform: uppercase;
  66. color: #fff;
  67. font-weight: 900;
  68. text-decoration: none;
  69. }
  70. .header_intro_zadig a:hover {
  71. border: 2px solid #dc0937;
  72. padding: 10px 40px;
  73. background-color: #fff;
  74. color: #dc0937;
  75. font-weight: 900;
  76. text-decoration: none;
  77. }
  78. .content_zadig {
  79. margin-top: 40px;
  80. position: relative;
  81. margin-bottom: 20px;
  82. }
  83. .content_zadig_text {
  84. background-color: #dc0937;
  85. color: #fff;
  86. position: absolute;
  87. margin-left: 80px;
  88. margin-top: -30px;
  89. width: 313px;
  90. z-index: 2;
  91. left: 0;
  92. }
  93. .content_zadig_text h3 {
  94. text-transform: uppercase;
  95. line-height: 1.3;
  96. text-align: left;
  97. margin: 30px 20px;
  98. font-size: 30px;
  99. font-family: 'Noto Sans HK', sans-serif;
  100. font-weight: 700;
  101. }
  102. .content_zadig_text p {
  103. text-align: left;
  104. margin: 30px 20px;
  105. color: #000;
  106. font-size: 20px;
  107. font-family: 'Noto Sans HK', sans-serif;
  108. font-weight: 400;
  109. }
  110. .quote {
  111. padding: 80px 0px;
  112. text-align: center;
  113. }
  114. .quote img {
  115. width: 100px;
  116. margin-bottom: 20px;
  117. }
  118. .quote p {
  119. margin: 0;
  120. font-family: 'Noto Sans HK', sans-serif;
  121. font-weight: 400;
  122. font-size: 40px;
  123. }
  124. .content_zadig img {
  125. width: 100%;
  126. display: block;
  127. margin: auto;
  128. }
  129. .footer_zadig {
  130. background-color: #000;
  131. padding: 30px;
  132. text-align: center;
  133. }
  134. .footer_zadig img {
  135. width: 150px;
  136. }
  137. .article {
  138. width: 100%;
  139. }
  140. .article_image {
  141. width: 60%;
  142. float: left;
  143. }
  144. .article_image img {
  145. width: 100%;
  146. }
  147. .article_text {
  148. width: 40%;
  149. float: left;
  150. display: flex;
  151. justify-content: center;
  152. flex-direction: column;
  153. height: 570px;
  154. }
  155. .article_text p {
  156. padding: 20px;
  157. text-align: center;
  158. font-size: 20px;
  159. }
  160. .product {
  161. width: 100%;
  162. }
  163. .product_info {
  164. width: 60%;
  165. float: left;
  166. }
  167. .product_image {
  168. width: 40%;
  169. float: left;
  170. }
  171. .product_image img {
  172. width: 100%;
  173. }
  174. .parfum {
  175. color: #000;
  176. width: 50%;
  177. float: left;
  178. text-align: center;
  179. }
  180. .parfum:hover {
  181. background-color: #f9f8fc;
  182. }
  183.  
  184. @media screen and (max-width:1024px) {}
  185. @media screen and (max-width:768px) {
  186. .product_info {
  187. width: 100%;
  188. float: none;
  189. }
  190. .product_image {
  191. width: 100%;
  192. float: none;
  193. display: none;
  194. }
  195. .article_image {
  196. width: 100%;
  197. float: none;
  198. }
  199. .article_text {
  200. width: 100%;
  201. float: none;
  202. height: 400px;
  203. }
  204. .header_intro_zadig {
  205. padding: 20px 50px 50px;
  206. text-align: center;
  207. font-size: 18px;
  208. line-height: 30px;
  209. }
  210. .content_zadig_text {
  211. margin-left: 30px;
  212. width: 45%;
  213. }
  214. .content_zadig_text h3 {
  215. font-size: 20px;
  216. }
  217. .content_zadig_text p {
  218. font-size: 16px;
  219. }
  220. }
  221. @media screen and (max-width:480px) {
  222. .content_zadig_text h3 {
  223. font-size: 14px;
  224. }
  225. .content_zadig_text p {
  226. font-size: 12px;
  227. }
  228. }
  229. </style>
  230. <div id="page">
  231. <!-- START intro -->
  232. <div class="logo_zadig"> <img width="250" src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135897247774/20190701-Z-V-GCSA-logo.png"> </div>
  233. <div class="header_zadig">
  234. <div class="header_image_zadig"> <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135899377694/20190701-Z-V-GCSA-header-NL.png"> </div>
  235. <div class="header_intro_zadig">
  236. <H2>Girls Can Say Anything</H2>
  237. <p><span class="subtitle">is a fragrance that encourages freedom of speech and emancipation,
  238. through a smile. </span>
  239. </p>
  240. <p>The fragrance plays around with convention and interweaves traditionally masculine and feminine style,
  241. blurring boundaries. Its trail is a huge self-confidence boost,
  242. reversing the established order with quick wit,
  243. and making light-heartedness a style trait.
  244. </p>
  245. <a href="#">DISCOVER</a>
  246. </div>
  247. </div>
  248. <div class="content_zadig">
  249. <div class="content_zadig_text">
  250. <h3>The perfect embodiment of modern feminity that dares to express itself openly.</h3>
  251. <p>A fougère revised with the floral delicacy of an iris & peony duo</p>
  252. </div>
  253. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135455928350/20190701-Z-V-GCSA-image.jpg">
  254. </div>
  255. <div class="quote">
  256. <img width="200" src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135897509918/20190701-Z-V-GCSA-quote.png">
  257. <p>Dare. Provoke. <br>Inspire. Engage.</p>
  258. </div>
  259. <div class="content_zadig"> <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135456026654/20190701-Z-V-GCSA-image-2.png"> </div>
  260. <div class="article">
  261. <div class="article_image"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135456124958/20190701-Z-V-GCSA-image-3.jpg"></div>
  262. <div class="article_text">
  263. <p>Lashing of sass and a bold edge that is utterly endearing,
  264. enveloped in the powdery luxury of iris and the delicacy of peony. <br><br> With a slant of vanilla in a milk bath of sandalwood base notes, the overall trail is unmistakably original. <br> <br> <span style="color: #dc0937;">An addictive,
  265. vibrant fragrance that oozes powerful sensuality.</span>
  266. </p>
  267. </div>
  268. </div>
  269. <div style="clear: both;">&ensp;</div>
  270. <div class="product">
  271. <div class="product_info">
  272. <H3><span style="color: #dc0937;font-size: 34px;"># GIRLSCAN</span></H3>
  273.  
  274. <a href="#">
  275. <div class="parfum">
  276. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135897313310/20190701-Z-V-GCSA-parfum-1.png">
  277. <p><STRONG>GIRLS CAN SAY ANYTHING</STRONG><br> Eau de Parfum</p>
  278. <p>€ 54 / 30 ml</p>
  279. </div>
  280. </a>
  281. <a href="#">
  282. <div class="parfum">
  283. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135897804830/20190701-Z-V-GCSA-parfum-2.png">
  284. <p><STRONG>GIRLS CAN DO ANYTHING</STRONG><br> Eau de Parfum</p>
  285. <p>€ 54 / 30 ml</p>
  286. </div>
  287. </div>
  288. </a>
  289.  
  290. <div class="product_image"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135456223262/20190701-Z-V-GCSA-image-4.jpg"></div>
  291. </div>
  292. <div style="clear: both;">&ensp;</div>
  293. <div class="content_zadig" style="margin-top: 20px;">
  294. <a title="Zadig & Voltaire" class="js-video-component" data-embedded-code="https://www.youtube.com/embed/LiiyJNuuBEU" style="cursor: pointer;"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135897608222/20190701-Z-V-GCSA-video.png">
  295. </a> </div>
  296. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement