Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <link href="https://fonts.googleapis.com/css?family=Noto+Sans+HK:400,900&display=swap" rel="stylesheet">
- <div style="clear: both;"> </div>
- <style type="text/css"> #page {
- width: 100%;
- max-width: 950px;
- margin: auto;
- font-family: 'Noto Sans HK', sans-serif;
- color:#000;
- }
- .logo_zadig {
- text-align: center;
- margin-bottom: 30px;
- }
- h2 {
- font-family: 'Noto Sans HK', sans-serif;
- text-align: center;
- text-transform: uppercase;
- color: #dc0937;
- font-size: 26px;
- font-weight: 900;
- margin: 0;
- margin-bottom: 20px;
- }
- .subtitle {
- font-family: 'Noto Sans HK', sans-serif;
- text-align: center;
- text-transform: uppercase;
- color: #000;
- font-size: 18px;
- line-height: 1.4;
- font-weight: 900;
- margin-bottom: 50px;
- }
- h3 {
- text-align: center;
- font-size: 26px;
- margin: 0;
- margin-bottom: 50px;
- }
- .header_zadig {
- background-color: #fff;
- color: #000;
- width: 100%;
- }
- .header_zadig img {
- width: 100%;
- }
- .header_intro_zadig {
- padding: 40px 150px 50px;
- text-align: center;
- font-size: 18px;
- line-height: 30px;
- }
- .header_intro_zadig p {
- font-family: 'Noto Sans HK', sans-serif;
- margin-bottom: 40px;
- font-size: 17px;
- line-height: 1.4;
- }
- .header_intro_zadig a {
- font-family: 'Noto Sans HK', sans-serif;
- background-color: #dc0937;
- font-size: 20px;
- padding: 10px 40px;
- text-transform: uppercase;
- color: #fff;
- font-weight: 900;
- text-decoration: none;
- }
- .header_intro_zadig a:hover {
- border: 2px solid #dc0937;
- padding: 10px 40px;
- background-color: #fff;
- color: #dc0937;
- font-weight: 900;
- text-decoration: none;
- }
- .content_zadig {
- margin-top: 40px;
- position: relative;
- margin-bottom: 20px;
- }
- .content_zadig_text {
- background-color: #dc0937;
- color: #fff;
- position: absolute;
- margin-left: 80px;
- margin-top: -30px;
- width: 313px;
- z-index: 2;
- left: 0;
- }
- .content_zadig_text h3 {
- text-transform: uppercase;
- line-height: 1.3;
- text-align: left;
- margin: 30px 20px;
- font-size: 30px;
- font-family: 'Noto Sans HK', sans-serif;
- font-weight: 700;
- }
- .content_zadig_text p {
- text-align: left;
- margin: 30px 20px;
- color: #000;
- font-size: 20px;
- font-family: 'Noto Sans HK', sans-serif;
- font-weight: 400;
- }
- .quote {
- padding: 80px 0px;
- text-align: center;
- }
- .quote img {
- width: 100px;
- margin-bottom: 20px;
- }
- .quote p {
- margin: 0;
- font-family: 'Noto Sans HK', sans-serif;
- font-weight: 400;
- font-size: 40px;
- }
- .content_zadig img {
- width: 100%;
- display: block;
- margin: auto;
- }
- .footer_zadig {
- background-color: #000;
- padding: 30px;
- text-align: center;
- }
- .footer_zadig img {
- width: 150px;
- }
- .article {
- width: 100%;
- }
- .article_image {
- width: 60%;
- float: left;
- }
- .article_image img {
- width: 100%;
- }
- .article_text {
- width: 40%;
- float: left;
- display: flex;
- justify-content: center;
- flex-direction: column;
- height: 570px;
- }
- .article_text p {
- padding: 20px;
- text-align: center;
- font-size: 20px;
- }
- .product {
- width: 100%;
- }
- .product_info {
- width: 60%;
- float: left;
- }
- .product_image {
- width: 40%;
- float: left;
- }
- .product_image img {
- width: 100%;
- }
- .parfum {
- color: #000;
- width: 50%;
- float: left;
- text-align: center;
- }
- .parfum:hover {
- background-color: #f9f8fc;
- }
- @media screen and (max-width:1024px) {}
- @media screen and (max-width:768px) {
- .product_info {
- width: 100%;
- float: none;
- }
- .product_image {
- width: 100%;
- float: none;
- display: none;
- }
- .article_image {
- width: 100%;
- float: none;
- }
- .article_text {
- width: 100%;
- float: none;
- height: 400px;
- }
- .header_intro_zadig {
- padding: 20px 50px 50px;
- text-align: center;
- font-size: 18px;
- line-height: 30px;
- }
- .content_zadig_text {
- margin-left: 30px;
- width: 45%;
- }
- .content_zadig_text h3 {
- font-size: 20px;
- }
- .content_zadig_text p {
- font-size: 16px;
- }
- }
- @media screen and (max-width:480px) {
- .content_zadig_text h3 {
- font-size: 14px;
- }
- .content_zadig_text p {
- font-size: 12px;
- }
- }
- </style>
- <div id="page">
- <!-- START intro -->
- <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>
- <div class="header_zadig">
- <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>
- <div class="header_intro_zadig">
- <H2>Girls Can Say Anything</H2>
- <p><span class="subtitle">is a fragrance that encourages freedom of speech and emancipation,
- through a smile. </span>
- </p>
- <p>The fragrance plays around with convention and interweaves traditionally masculine and feminine style,
- blurring boundaries. Its trail is a huge self-confidence boost,
- reversing the established order with quick wit,
- and making light-heartedness a style trait.
- </p>
- <a href="#">DISCOVER</a>
- </div>
- </div>
- <div class="content_zadig">
- <div class="content_zadig_text">
- <h3>The perfect embodiment of modern feminity that dares to express itself openly.</h3>
- <p>A fougère revised with the floral delicacy of an iris & peony duo</p>
- </div>
- <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135455928350/20190701-Z-V-GCSA-image.jpg">
- </div>
- <div class="quote">
- <img width="200" src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135897509918/20190701-Z-V-GCSA-quote.png">
- <p>Dare. Provoke. <br>Inspire. Engage.</p>
- </div>
- <div class="content_zadig"> <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135456026654/20190701-Z-V-GCSA-image-2.png"> </div>
- <div class="article">
- <div class="article_image"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135456124958/20190701-Z-V-GCSA-image-3.jpg"></div>
- <div class="article_text">
- <p>Lashing of sass and a bold edge that is utterly endearing,
- 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,
- vibrant fragrance that oozes powerful sensuality.</span>
- </p>
- </div>
- </div>
- <div style="clear: both;"> </div>
- <div class="product">
- <div class="product_info">
- <H3><span style="color: #dc0937;font-size: 34px;"># GIRLSCAN</span></H3>
- <a href="#">
- <div class="parfum">
- <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135897313310/20190701-Z-V-GCSA-parfum-1.png">
- <p><STRONG>GIRLS CAN SAY ANYTHING</STRONG><br> Eau de Parfum</p>
- <p>€ 54 / 30 ml</p>
- </div>
- </a>
- <a href="#">
- <div class="parfum">
- <img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135897804830/20190701-Z-V-GCSA-parfum-2.png">
- <p><STRONG>GIRLS CAN DO ANYTHING</STRONG><br> Eau de Parfum</p>
- <p>€ 54 / 30 ml</p>
- </div>
- </div>
- </a>
- <div class="product_image"><img src="https://www.iciparisxl.be/medias/sys_master/_spotlight/_spotlight/9135456223262/20190701-Z-V-GCSA-image-4.jpg"></div>
- </div>
- <div style="clear: both;"> </div>
- <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>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement