Advertisement
SammyRicour

Untitled

Jun 25th, 2019
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.15 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. @media screen and (max-width:1024px) {}
  184. @media screen and (max-width:768px) {
  185. .product_info {
  186. width: 100%;
  187. float: none;
  188. }
  189. .product_image {
  190. width: 100%;
  191. float: none;
  192. display: none;
  193. }
  194. .article_image {
  195. width: 100%;
  196. float: none;
  197. }
  198. .article_text {
  199. width: 100%;
  200. float: none;
  201. height: 400px;
  202. }
  203. .header_intro_zadig {
  204. padding: 20px 50px 50px;
  205. text-align: center;
  206. font-size: 18px;
  207. line-height: 30px;
  208. }
  209. .content_zadig_text {
  210. margin-left: 30px;
  211. width: 45%;
  212. }
  213. .content_zadig_text h3 {
  214. font-size: 20px;
  215. }
  216. .content_zadig_text p {
  217. font-size: 16px;
  218. }
  219. }
  220. @media screen and (max-width:480px) {
  221. .content_zadig_text h3 {
  222. font-size: 14px;
  223. }
  224. .content_zadig_text p {
  225. font-size: 12px;
  226. }
  227. }
  228. </style>
  229. <div id="page">
  230. <!-- START intro -->
  231. <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>
  232. <div class="header_zadig">
  233. <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>
  234. <div class="header_intro_zadig">
  235. <H2>Girls Can Say Anything</H2>
  236. <p><span class="subtitle">is a fragrance that encourages freedom of speech and emancipation,
  237. through a smile. </span>
  238. </p>
  239. <p>The fragrance plays around with convention and interweaves traditionally masculine and feminine style,
  240. blurring boundaries. Its trail is a huge self-confidence boost,
  241. reversing the established order with quick wit,
  242. and making light-heartedness a style trait.
  243. </p>
  244. <a href="#">DISCOVER</a>
  245. </div>
  246. </div>
  247. <div class="content_zadig">
  248. <div class="content_zadig_text">
  249. <h3>The perfect embodiment of modern feminity that dares to express itself openly.</h3>
  250. <p>A fougère revised with the floral delicacy of an iris & peony duo</p>
  251. </div>
  252. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135455928350/20190701-Z-V-GCSA-image.jpg">
  253. </div>
  254. <div class="quote">
  255. <img width="200" src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135897509918/20190701-Z-V-GCSA-quote.png">
  256. <p>Dare. Provoke. <br>Inspire. Engage.</p>
  257. </div>
  258. <div class="content_zadig"> <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135456026654/20190701-Z-V-GCSA-image-2.png"> </div>
  259. <div class="article">
  260. <div class="article_image"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135456124958/20190701-Z-V-GCSA-image-3.jpg"></div>
  261. <div class="article_text">
  262. <p>Lashing of sass and a bold edge that is utterly endearing,
  263. 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,
  264. 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;"> <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135897608222/20190701-Z-V-GCSA-video.png"> </div>
  294. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement