<style type="text/css"> .grid-row.col-centered { text-align: center; margin-left: auto; margin-right: auto; } .v-centered { align-items: center; justify-content: center; } h1, .heading-1 { margin:0px; line-height:40px; } 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: 20px 0 30px 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-8 col-centered"> <p class="hub-section-header">FASHION / BEAUTY</p> <h1 class="heading-1">SS16 SNEAK PEAK</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="" width="100%" /></div> </div> <div class="grid-row"> <div class="col-md-6 col-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.</p> <p>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> <blockquote class="col-xs-10 col-xs-offset-2">&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> <p>Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</p> </div> </div> <div class="grid-row row-centered"> <div class="col-xs-12 col-md-8 col-centered"><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="" width="100%" /></div> </div> <div class="grid-row"> <div class="col-md-6 col-centered"> <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> <p>Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</p> </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 href="#" class="button">SHOP COLLECTION</a> </div> </div> <div class="col-xs-12 col-md-6"> <div class="col-md-4"> <a href="#" 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>