API tools faq
paste
SammyRicour

Untitled

SammyRicour
Jun 25th, 2019
152
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.12 KB | None | 0 0
raw download clone embed print report
  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">est une eau de parfum qui encourage la libération
  238. de la parole et l’émancipation en un sourire. </span>
  239. </p>
  240. <p>Une fragrance qui se joue des conventions et conjugue le vestiaire masculin au féminin plus que parfait. Dans son sillage, une haute dose de confiance en soi pour renverser l’ordre établi du bout de la langue et faire de la légèreté d’esprit un vrai style.
  241. </p>
  242. <a href="#">DECOUVRIR</a>
  243. </div>
  244. </div>
  245. <div class="content_zadig">
  246. <div class="content_zadig_text">
  247. <h3>L’incarnation d’une féminité moderne qui ose s’exprimer.</h3>
  248. <p>Une nouvelle déclaration olfactive audacieuse, revisitée par le duo
  249. floral iris & pivoine.</p>
  250. </div>
  251. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135455928350/20190701-Z-V-GCSA-image.jpg">
  252. </div>
  253. <div class="quote">
  254. <img width="200" src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135897509918/20190701-Z-V-GCSA-quote.png">
  255. <p>Oser. Provoquer.<br>Inspirer. Engager. </p>
  256. </div>
  257. <div class="content_zadig"> <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135456026654/20190701-Z-V-GCSA-image-2.png"> </div>
  258. <div class="article">
  259. <div class="article_image"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135456124958/20190701-Z-V-GCSA-image-3.jpg"></div>
  260. <div class="article_text">
  261. <p>Une daring dose impertinente, terriblement attachante, enveloppée du luxe poudré de l’iris et de la délicatesse de la pivoine. <br><br>Quelques pulsations de vanille, infusée dans un bain lacté de santal et le bouquet affirme sa singularité explosive. <br> <br> <span style="color: #dc0937;">Une fragrance haute sensualité, addictive et vibrante</span>
  262. </p>
  263. </div>
  264. </div>
  265. <div style="clear: both;">&ensp;</div>
  266. <div class="product">
  267. <div class="product_info">
  268. <H3><span style="color: #dc0937;font-size: 34px;"># GIRLSCAN</span></H3>
  269.  
  270. <a href="#">
  271. <div class="parfum">
  272. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135897313310/20190701-Z-V-GCSA-parfum-1.png">
  273. <p><STRONG>GIRLS CAN SAY ANYTHING</STRONG><br> Eau de Parfum</p>
  274. <p>€ 54 / 30 ml</p>
  275. </div>
  276. </a>
  277. <a href="#">
  278. <div class="parfum">
  279. <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135897804830/20190701-Z-V-GCSA-parfum-2.png">
  280. <p><STRONG>GIRLS CAN DO ANYTHING</STRONG><br> Eau de Parfum</p>
  281. <p>€ 54 / 30 ml</p>
  282. </div>
  283. </div>
  284. </a>
  285.  
  286. <div class="product_image"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135456223262/20190701-Z-V-GCSA-image-4.jpg"></div>
  287. </div>
  288. <div style="clear: both;">&ensp;</div>
  289. <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>
  290. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!