<style type="text/css"> .grid-row.col-centered { margin-left: auto; margin-right: auto; } .v-centered { align-items: center; justify-content: center; } h1, .heading-1 { margin:0px; line-height:40px; } p { margin:5% 0; } p.hub-section-header { font-family: 'Open Sans', Helvetica, sans-serif; margin: 5px 0px; } p.light { color:#a9a9a9; margin-bottom: 30px; } p.first-character:first-letter { float: left; color: a39b93; font-size: 95px; line-height: 80px; padding: 0px 20px 10px 0px; font-family: 'Lora', Times New Roman, serif; margin:0px; } blockquote { font-family: Lora, serif; font-style: italic; font-size: 18px; color: #8a6e41; margin: 8% 0 5% 0; } .subtitle { margin: 30px 0 2em 0; } .share { line-height: 0.5; text-align: center; } .share span { display: inline-block; position: relative; } .share span:before, .share span:after { content: ""; position: absolute; height: 5px; border-top: 1px solid #a9a9a9; top: 0; width: 600px; } .share span:before { right: 100%; margin-right: 15px; } .share span:after { left: 100%; margin-left: 15px; } a.share-icon { background-color: #23201f; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; border-top-left-radius: 30px; border-top-right-radius: 30px; color: #ffffff; display: inline-block; font-size: 19px; height: 30px; margin-bottom: 0; margin-left: 10px; margin-right: 10px; margin-top: 0; padding-bottom: 0; padding-left: 2px; padding-right: 0; padding-top: 5px; text-align: center; width: 30px; } p.author-title { color: #a9a9a9; } .author .heading-2.teaser-headline { line-height: 20px; } .v-centered { align-items: center; justify-content: center; } @media (min-width:768px) { .author h2, .author p { text-align: left; } } </style> <div class="grid-row row-centered"> <div class="col-xs-12 col-md-12 col-centered"> <p class="hub-section-header">LINGERIE</p> <h1 class="heading-1">SS16 TRENDS PARISIENNE</h1> <p class="hub-section-header light">16.07.16 / JESSICA FLEXTON</p> <img alt="" height="auto" src="http://demandware.edgesuite.net/abcx_prd/on/demandware.static/-/Library-Sites-FigleavesSharedLibrary/default/dw4f5c17c8/images/content-asset-images/lingerie/ss16_exp_aug16/2-1/s12_day01_066.jpg" title="" /></div> </div> <div class="col-xs-12 col-sm-12 col-md-8 col-centered grid-row v-centered"> <p class="first-character">Wcribentur vix cu, primis vivendo eos ea. Et vim melius laoreet deseruisse, rebum placerat sed no. Pri atomorum vulputate ut. Ea mea scaevola patrioque, essent prodesset per ne. Est veniam persequeris id. Nec ex graeco accumsan, error dolorem ut sea, per no probo inciderint. An vidit oporteat his, sit cu fabulas deleniti evertitur. Lus quaeque repudiandae no, in eam persius feugait. Vix ut eius nostrum. Ne officiis intellegat expetendis eum. Mei no erant inciderint. Sale graece qui at, cu tollit oblique pro.</p> <div class="col-xs-12 col-sm-12 col-md-4"> <blockquote>&quot;Vis impedit vivendum indoctum at. Alii tractatos gloriatur id qui, sit cu adhuc error. Ferri dolorum recusabo est id, ius id nisl omnes aperiam.&quot;</blockquote> <img alt="" class="teaser-image hide-on-xs hide-on-sm" src="http://demandware.edgesuite.net/abcx_prd/on/demandware.static/-/Library-Sites-FigleavesSharedLibrary/default/dw7047b124/images/content-asset-images/lingerie/ss16_exp_aug16/1-13-1/0_78_1_0004_s25_day02_033.jpg" title="" /></div> <div class="col-xs-12 col-sm-12 col-md-8"><img alt="" class="teaser-image" src="http://demandware.edgesuite.net/abcx_prd/on/demandware.static/-/Library-Sites-FigleavesSharedLibrary/default/dw9b5851d5/images/content-asset-images/lingerie/ss16_exp_aug16/1-12-1/1_12_1_0001_s28_day02_046.jpg" title="" /> <p>Wcribentur vix cu, primis vivendo eos ea. Et vim melius laoreet deseruisse, rebum placerat sed no. Pri atomorum vulputate ut. Ea mea scaevola patrioque, essent prodesset per ne. Est veniam persequeris id.</p> <div class="col-xs-12 col-sm-12 col-md-10"><img alt="" class="teaser-image" src="http://demandware.edgesuite.net/abcx_prd/on/demandware.static/-/Library-Sites-FigleavesSharedLibrary/default/dwb5452ef7/images/content-asset-images/lingerie/ss16_exp_aug16/1-29-1/s01_day01_270.jpg" title="" /></div> </div> </div> <div class="grid-row row-centered"> <div class="col-xs-12 col-md-6 col-centered"> <div class="col-md-5 col-md-offset-7"><a class="button">SHOP COLLECTION</a></div> </div> <div class="col-xs-12 col-md-6"> <div class="col-md-4"><a class="button">BACK TO FEED</a></div> </div> </div> <div class="grid-row row-centered"> <div class="col-xs-12 col-centered"> <p class="subtitle share light"><span>SHARE</span></p> </div> </div> <div class="grid-row row-centered"> <div class="col-xs-12 col-centered"> <a class="share-icon sendtofriendTrigger" title="Share through Email" data-share="email" href="#"><i class="fa fa-envelope-o"></i><span class="visually-hidden">Email</span></a> <a class="share-icon" title="Share on Facebook" data-share="facebook" href="https://www.facebook.com/sharer/sharer.php?u=http://www.figleaves.com/uk/" target="_blank"><i class="fa fa-facebook"></i><span class="visually-hidden">Facebook</span></a> <a class="share-icon" title="Share on Twitter" data-share="twitter" href="https://twitter.com/intent/tweet/?url=http://www.figleaves.com/uk/" target="_blank"><i class="fa fa-twitter"></i><span class="visually-hidden">Twitter</span></a> <a class="share-icon" title="Share on Pinterest" data-share="pinterest" href="https://www.pinterest.com/pin/create/button/?url=http://www.figleaves.com/uk/" target="_blank"><i class="fa fa-pinterest-p"></i><span class="visually-hidden">Pinterest</span></a> <a class="share-icon" title="Share on Instagram" data-share="Instagram" href="https://instagram.com/share?url=http://www.figleaves.com/uk/" target="_blank"><i class="fa fa-instagram"></i><span class="visually-hidden">Instagram</span></a> <a class="share-icon" title="Share on Google+" data-share="googleplus" href="https://plus.google.com/share?url=http://www.figleaves.com/uk/" target="_blank"><i class="fa fa-google-plus"></i><span class="visually-hidden">Google Plus</span></a> </div> </div>

SHOP THE STORY

<div class="grid-row row-centered"> <div class="col-xs-12 col-sm-6 col-md-6 col-centered grid-row v-centered author"> <div class="col-xs-12 col-sm-5 col-md-5 teaser"> <img class="teaser-image" src="http://demandware.edgesuite.net/abcx_prd/on/demandware.static/-/Library-Sites-FigleavesSharedLibrary/default/dwf0dc3959/images/content-asset-images/lingerie/ss16_exp_aug16/1-29-1/s14_day02_013.jpg" alt="Figleaves"> </div> <div class="col-xs-12 col-sm-7 col-md-7"> <h2 class="heading-2 teaser-headline">Jessica Flexton</h2> <p class="author-title">AUTHOR</p> <p>Some text about Jess goes here</p> </div> </div> </div>