Edit file File name : index.html Content :<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Loren</title> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <link rel="stylesheet" href="css/style.css"> </head> <body> <header> <div class="container-broader"> <div class="nav-menu black"> <a href="#">Limited Time Offer</a> <a href="#"> <img src="img/logo.svg" alt="Logotype" class="logotype"> </a> <a href="tel:1-866-620-2008">1-866-620-2008</a> </div> </div> </header> <div class="container-broader"> <h1 class="tittle-header">The New Romance</h1> </div> <div class="container"> <p class="text-header">A great little dress works morning, noon and night. Dressing that has it all. Work smarts. Weather ease. Real personality. Four loose, pullover dresses to choose from with two different dress lengths and two different sleeve lengths. Mix and match the buttons for a more unexpected piece.</p> </div> <div class="header-image hidden-xs"> <img src="img/cover.jpg" alt="Lily Sewing Patterns"> <div class="abs-text"> <div class="container"> <h3 class="tittle-white-header">Loren Collection</h3> <p class="text-white-header">Sewing Patterns</p> </div> </div> </div> <div class="cover-mobile vissible-xs" style="background-image: url('img/cover-mobile.jpg');"> <div class="cover-txt-wr"> <h3 class="tittle-white-header">Loren Collection</h3> <p class="text-white-header">Sewing Patterns</p> </div> </div> <div class="container padd-bottom-70"> <h2 class="common-tittle">No fuss just fun!</h2> <p class="common-text">If there is one thing that really adds variation and versatility to a garment, it would be buttons! I think we can all agree that although beautiful, sewing buttonholes can be a fiddly process. Our Loren pattern takes out the fuss but keeps the fun. The secret? Since Loren can easily pull over your head, there is no need for working buttonholes. The wide front placket facings are perfect for even the largest “statement” buttons. The V neckline is just right, not too high or too low and the side slits keep the look fresh and breezy.</p> <p class="common-text text-padding">Roll paper patterns ready to cut and sew with step by step instructions for the beginner seamstress.</p> <p class="common-text text-padding"> Designed for Misses single sizes 2 to 16. </p> </div> <div class="horizontal-paralax-wr"> <!----> <div class="p-img-wr paralax-lazy" data-src="" data-mobile="img/paralax-new-1-mobile.jpg" data-desktop="img/paralax-new-1-desktop.jpg"></div> <div class="p-img-wr paralax-lazy" data-src="" data-mobile="img/paralax-new-2-mobile.jpg" data-desktop="img/paralax-new-2-desktop.jpg"></div> <div class="p-img-wr paralax-lazy" data-src="" data-mobile="img/paralax-new-3-mobile.jpg" data-desktop="img/paralax-new-3-desktop.jpg"></div> <div class="p-img-wr paralax-lazy" data-src="" data-mobile="img/paralax-new-4-mobile.jpg" data-desktop="img/paralax-new-4-desktop.jpg"></div> <div class="p-img-wr paralax-lazy" data-src="" data-mobile="img/paralax-new-5-mobile.jpg" data-desktop="img/paralax-new-5-desktop.jpg"></div> <div class="p-img-wr paralax-lazy" data-src="" data-mobile="img/paralax-new-6-mobile.jpg" data-desktop="img/paralax-new-6-desktop.jpg"></div> <!----> <div class="internal-caption-wr"> <div class="caption-badge"> Crease-free, linen-specific sewing patterns with clear step by step instructions with the beginner in mind. </div> </div> <!----> <!----> <div class="internal-caption-wr"> <div class="caption-badge"> Front waist pleats give a smart tailored look, even when worn loose. Cinch your waist with the included self belt tie. </div> </div> <!----> <!----> <div class="internal-caption-wr"> <div class="caption-badge"> Customize your Loren with two dress lengths and two sleeve length… or even go sleeveless. </div> </div> <!----> <!----> <div class="internal-caption-wr"> <div class="caption-badge"> We didn’t forget pockets! Two in-seam side pockets are simple and practical. </div> </div> <!----> <!----> <div class="internal-caption-wr"> <div class="caption-badge"> The perfect dress for those perfect moments in your life. </div> </div> <!----> <!----> <div class="internal-caption-wr"> <div class="caption-badge"> Unmistakable in clothes like these - clothes with easy good looks, good value, versatility, a sense of style that’s very attractive without being overwhelming. </div> </div> </div> <div class="container"> <h3 class="common-tittle under-image-gap">Go on. Indulge yourself...</h3> <h3 class="price-tittle higher-gaps"><span>REGULAR PRICE $45.00</span><br>JUST UNTIL THURSDAY, JULY 11TH, LOREN IS ONLY $27.90 (38% OFF) + $4.00 SHIPPING</h3> <a href="#" class="main-button gap-bottom-50">Order Your Loren Pattern Here</a> </div> <div class="container"> <h2 class="common-tittle">Will these designs fit me?</h2> <p class="common-text">The four Loren pullover dresses have an intended loose fit.</p> <p class="common-text">Since we all have different preferences in how loose or fitted we like our garments, we always recommend taking a look at the Finished Garment Measurements on the Size Chart. View <a href="#" data-toggle="modal" class="size_table" data-target="#size_table">our size charts here.</a></p> </div> <div class="container"> <h2 class="common-tittle">Collection</h2> <p class="common-text">Ultimately, everybody has a different shape and every woman has different wants and likes. Whereas it is impossible for everyone to like every single style, we are bringing you a wide range of variations to choose from.</p> <img src="img/collection.jpg" alt="Lily Collection" class="collection"> </div> <div class="container"> <h4 class="product-tittle">Loren Short Dress</h4> </div> <div class="single-bg-paralax photo-models tall-paralax lazyload" data-src="" data-mobile="img/cloth-1-mobile.jpg" data-desktop="img/cloth-1-desktop.jpg"> </div> <div class="container"> <div class="undertitle">The Loren short dress is approximately 42" long from shoulder to hem and has short sleeves. All versions have side slits, inseam pockets and include a self belt. </div> </div> <div class="container"> <h4 class="product-tittle">Loren Long Dress</h4> </div> <div class="single-bg-paralax photo-models tall-paralax lazyload" data-src="" data-mobile="img/cloth-2-mobile.jpg" data-desktop="img/cloth-2-desktop.jpg"> </div> <div class="container"> <div class="undertitle">This Loren version has a longer length paired with long sleeves. Shoulder to hem is approximately 50" long. </div> </div> <div class="container"> <h4 class="product-tittle">Loren Short / Long Sleeveless Dress</h4> </div> <div class="single-bg-paralax photo-models tall-paralax lazyload" data-src="" data-mobile="img/cloth-3-mobile.jpg" data-desktop="img/cloth-3-desktop.jpg"> </div> <div class="container"> <div class="undertitle">The Loren dress in a lighter variation sans the sleeves. Comes in two different lengths, shoulder to hem of approximately 50” long or respectively 42” long. </div> </div> <div class="container"> <h2 class="common-tittle">There’s a revolution going on - clothes for different bodies...</h2> <p class="common-text">Are you tired of fighting with what to wear? Of shoulder seams that fall down to your biceps, chests that bunch in your underarms, plus size tops with standard size arms, leg width becoming too wide when increasing in size? </p> <p class="common-text text-padding">No one is immune to the sinking feeling that fashion and one’s body are fatally misaligned. Our bodies don’t grow proportionally so why do clothing manufacturers assume they do? </p> <p class="common-text text-padding">What fits a twenty-year-old size 8 fit model is very different than what looks flattering on a size 16 woman in her fifties or sixties - and vice versa. </p> <p class="common-text text-padding">If you wish for more consistent sizing, with more emphasis on appropriate fit for your body shape and age, and with a wider choice of colors and fabrication - for the most part, the retail industry has the odds stacked against you </p> </div> <div class="container padd-bottom-70"> <h2 class="common-tittle">Tired of poor fit? 3 reasons why it’s not your fault </h2> <p class="common-text">First is that the core body shape that most brands start with represents a very small percentage of the real people who make up their target demographic. </p> <p class="common-text text-padding">Some of this emanates from the industry’s use of professional fit models who maintain a ‘perfect shape’ and represent the ‘ideal’ woman or man; these models are often more a muse for the brand than a reflection of real customers. </p> <p class="common-text text-padding">They reflect what the industry calls an ‘hourglass’ shape for women (think Marilyn Monroe) because for many years clothing ‘standards’ maintained by the US Government reflected this hourglass shape. </p> </div> <div class="header-image smaller"> <img src="img/body-shapes-desktop.jpg" alt="Body Shapes"> </div> <div class="container padd-top-30"> <p class="common-text text-padding">Unfortunately, those ‘standards’ were based on data originally collected from young men and women in their late teens and early twenties who joined the military at the onset of World War II. </p> <p class="common-text text-padding">Most industry professionals have known for years that these so-called standards are outdated, but until about ten years ago, with the development of new body scan technologies (Size USA, completed in 2003, was the first truly representative study of the American population since 1942), there was no empirical evidence as to how the population had actually changed. </p> </div> <div class="container padd-bottom-70"> <h2 class="common-tittle">No two bodies are exactly alike; bodies carry weight in different ways </h2> <p class="common-text">The second factor for fit frustration is grade rules. Grade rules, the mathematical formulas that determine sizing, were built by German clothing production engineers in 1900s. These formulas assumed key body measurements grew or shrunk evenly between sizes. This was perfect for manufacturing and is still in use today. </p> <p class="common-text text-padding">The problem with these tidy rules is that unless you’re the company’s core size, you’ll find that the shape of the clothing does not match. </p> <p class="common-text text-padding">Why? Because our bodies do not grow proportionally and so the shape and balance of depth of most clothing is not right. These engineers worked in a two-dimensional world and that simply doesn’t translate well to our three dimensional bodies. </p> <p class="common-text text-padding">Finally, fit - proper fit - is not about size or measurements; it’s all about shape. The body is three dimensional and when clothing patterns are developed that actually represent the three-dimensional shape of real human bodies, the odds that clothing will fit increase sharply.</p> </div> <div class="container"> <h2 class="common-tittle">So, what exactly will your patterns do for me?</h2> <p class="common-text">We’re so glad you asked! </p> <p class="common-text text-padding">We use the latest technology and body scan data to get you as close to perfect fit as possible. In fact, our customers are so satisfied with our patterns that we have a return rate of less than 1% compared to the industry retail average of 30%. </p> <p class="common-text text-padding">What’s our secret? We work with the latest 3D body scan data to test our clothing on virtual avatars as well as live fit models in all core sizes. What this means is that we make micro-adjustments for fit, balance and styling to make sure that every design we offer works well in the sizes we sell for our average demographic. </p> </div> <div class="container"> <h2 class="common-tittle">Support, always</h2> <p class="common-text">Every one of our sewing patterns comes with complimentary fit and pattern support. Every woman has her own taste and we’re here to help you find the right style, size and fabric choice to suit you. Choose to talk to our fabric specialists or receive complimentary 1:1 email consultation with the pattern makers who drafted your pattern to find the right style and fit. </p> </div> <div class="container padd-bottom-70"> <h2 class="common-tittle">Hello, colors</h2> <p class="common-text">Found your perfect style? Choose from our large selection of 100% linens to find your perfect fabric weight and color after you purchase your pattern. </p> <p class="common-text text-padding">You’ll receive member discounts from weekly fabric and pattern promotions and be the first to know of new releases. </p> </div> <div class="single-bg-paralax photo-models tall-paralax lazyload" data-src="" data-mobile="img/colors_1-mobile.jpg" data-desktop="img/colors_1-desktop.jpg"> </div> <div class="container"> <div class="undertitle">Maureen wears the Loren short sleeve dress in Size 16 made from our heavyweight 100% linen 4C22 Reed. Laura wears Size 8 with long sleeves and a longer length in lightweight 100% linen IL020 Dawn. </div> </div> <div class="container padd-bottom-70"> <h2 class="common-tittle">Crease free roll paper patterns</h2> <p class="common-text">Every one of your sewing patterns comes printed on crease-free, rolled architectural bond paper. </p> <p class="common-text text-padding">This professional grade paper is less delicate than traditional sewing tissue paper and easier to work with because it lightly grips the fabric. It’s the same paper used by professional designers and manufacturers. </p> <p class="common-text text-padding">Printed in full color, you’ll only receive the size range you ordered. This means fewer cutting lines, less cluttering and easier cutting for you. </p> </div> <div class="single-bg-paralax linen-colors patterns lazyload" data-src="" data-mobile="img/paralax-new-1-mobile.jpg" data-desktop="img/paralax-new-1-desktop.jpg"> <div class="internal-caption-wr"> <div class="single-caption-badge"> Every one of our patterns arrives printed on rolled architectural bond paper with instructions, a pattern card and pattern hook. </div> </div> </div> <div class="container"> <h2 class="common-tittle">Simple as 1-2-3</h2> <p class="common-text">Each pattern comes with fully illustrated step-by-step sewing instructions made by industry professionals with the beginner in mind. You’ll follow along to learn clothing construction techniques you can use again and again. </p> </div> <div class="container"> <h2 class="common-tittle">What you’ll learn with this pattern</h2> <p class="common-text text-center">Topstitching</p> <p class="common-text text-center">Serged/zigzagged seam edges</p> <p class="common-text text-center">Facings with Understitching</p> <p class="common-text text-center">Bias-strip facing</p> <p class="common-text text-center">Double-turned hems</p> <p class="common-text text-center">Side slits openings</p> <p class="common-text text-center">Belt loops</p> <p class="common-text text-center">Sewing a self-belt</p> <p class="common-text text-center">Pleats & tucks</p> <p class="common-text text-center">Faux button placket (super easy!)</p> <p class="common-text text-center">In-seam pockets</p> </div> <div class="container"> <h2 class="common-tittle">What you get with your sewing pattern</h2> <p class="common-text text-center">Rolled Paper Pattern</p> <p class="common-text text-center">Instructional Booklet</p> <p class="common-text text-center">Pattern Card</p> <p class="common-text text-center">Pattern Hook</p> <p class="common-text text-center">1:1 Fit & Pattern Support</p> <p class="common-text text-center">Exclusive Member Discounts</p> <p class="common-text text-center">Pattern License</p> </div> <div class="container"> <h2 class="common-tittle">Keep the license</h2> <p class="common-text">Run a business? When you purchase one of our patterns, you get the license to use it for personal or business use for free.</p> </div> <div class="container"> <h2 class="common-tittle under-image-gap">TRY Fabrics-store.com’s Loren sewing pattern.</h2> <h3 class="price-tittle higher-gaps"><span>REGULAR PRICE $45.00</span><br>JUST UNTIL FRIDAY, JULY 5TH, LOREN IS ONLY $27.90 (38% OFF) + $4.00 SHIPPING</h3> <a href="#" class="main-button gap-bottom-50">Order Your Loren Pattern Here</a> </div> <div class="container"> <h2 class="common-tittle">30-day-money-back guarantee</h2> <p class="common-text">We want you to love your Fabrics-store.com sewing patterns. But if you change your mind, you have 30 days within purchase to return your patterns for a full refund - no questions asked. </p> </div> <div class="container"> <h2 class="common-tittle">What customers have to say about us</h2> <p class="user-name">PAULA MYERS</p> <p class="user-place">Fabrics-store.com customer since 2004 - Verified Review</p> <p class="text-user">“I am very much impressed with the comprehensiveness, clarity, and patience you provide your customers setting them up with confidence for a successful outcome in their sewing project with the detailed step-by-step un-intimidating instructions. Congratulations! Your products and resources are a welcome breath of fresh air to the typical home sewing projects availabilities that one purchases at the local store or online.” </p> <p class="user-name">MARIE-EVE CARRIER</p> <p class="user-place">Fabrics-store.com customer since 2018 - Verified Review</p> <p class="text-user">“I am so excited that this is available to the home sewer and can't wait to share this with all my friends and people who have been curious to sew but are so intimidated by the process. Thank you to your company for being out there. You are among the vehicles to revive this great hobby-art-craft-skill that will excited and potentially lead some into the apparel industry as a career.” </p> <p class="user-name">JELKA FAIRHURST</p> <p class="user-place">Fabrics-store.com customer since 2012 - Verified Review</p> <p class="text-user">“Your company patiently guided me from beginning to end with high quality fabric selection all the way to a high quality completed wearable sewn project. The packaging and instructions were very clear and it was a pleasure to talk to Catina about the few questions I did have about the pattern. It's been a long time since I had time to sew a project like this but it really made me feel like a kid again tinkering along with my mom's sewing machine. Thank you! ” </p> <p class="user-name">SUSAN PODAS</p> <p class="user-place">Fabrics-store.com customer since 2018 - Verified Review</p> <p class="text-user">“I love, love, love your patterns and linen! Where have you been all my life?!” </p> <a href="#" class="main-button last">Order Your Loren Pattern Here</a> </div> <footer> <div class="container container-footer"> <div class="nav-footer"> <a href="#" data-toggle="modal" data-target="#about_us">About Us</a> <a href="#" data-toggle="modal" data-target="#terms_privacy">Terms Privacy</a> <a href="#" data-toggle="modal" data-target="#policy">Policy</a> <p>Copyright © 1999 — 2019</p> </div> </div> </footer> <!-- Modal Size Table --> <div class="modal fade" id="size_table" tabindex="-1" role="dialog" aria-labelledby="size_table" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <button type="button" class="close close-btn" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="modal-body"> <img data-src="img/size_chart.jpg" alt="Size Chart" class="chart-img"> </div> </div> </div> </div> <!-- Modal Size Table --> <!-- Modal About Us --> <div class="modal fade window-content" id="about_us" tabindex="-1" role="dialog" aria-labelledby="about_us" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <button type="button" class="close close-btn" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="modal-body"> <h3>About Us</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at ante quam. Aliquam et vestibulum arcu, nec fermentum ipsum. Phasellus neque turpis, placerat id elementum eget, consequat at quam. Praesent accumsan consectetur dui sed mattis. Curabitur luctus ligula ac velit dapibus rutrum. Mauris urna libero, efficitur ut rutrum eget, convallis ac nibh.</p> <p class="">Cras ipsum augue, mollis at fringilla in, interdum id ligula. Fusce tristique nisi id lacinia suscipit. Sed viverra sit amet est congue ornare. Integer aliquet, massa nec maximus auctor, est turpis cursus nisi, vel consequat turpis felis in ipsum. Sed in quam scelerisque, accumsan lacus ac, hendrerit lectus. Morbi vel condimentum ex, tincidunt iaculis odio. Aenean lobortis blandit urna, et fermentum sapien vestibulum quis.</p> <p>Etiam non eleifend velit. Ut odio nisi, tincidunt nec sollicitudin nec, euismod sed augue. Nulla facilisi. Sed dictum urna ac dictum blandit. Donec lacinia aliquam sollicitudin. Curabitur arcu sem, cursus sit amet ligula a, molestie ullamcorper neque. Quisque accumsan fermentum lectus, imperdiet sagittis turpis lacinia in.</p> <p>Vivamus pellentesque mi vel auctor vehicula. Duis cursus turpis quis pharetra laoreet. Sed luctus dolor quis ligula posuere ultrices. Suspendisse libero est, semper ut ex eu, scelerisque rhoncus tellus. Maecenas volutpat et est sit amet sollicitudin. Fusce aliquet laoreet lacus. Sed vel tortor nec neque sollicitudin luctus eget ac neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p> <p>Pellentesque sit amet turpis quam. Proin sollicitudin eros nec congue ullamcorper. Morbi porta erat eget sapien consectetur, sit amet pretium leo elementum. Quisque tincidunt, nibh eu vulputate fringilla, orci elit sollicitudin neque, euismod posuere eros eros pretium dui. Praesent imperdiet nisl orci, pretium maximus velit efficitur sed. Curabitur ut massa eu erat euismod consectetur. Nullam commodo feugiat magna ac eleifend.</p> </div> </div> </div> </div> <!-- Modal About Us --> <!-- Modal Terms Privacy --> <div class="modal fade window-content" id="terms_privacy" tabindex="-1" role="dialog" aria-labelledby="about_us" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <button type="button" class="close close-btn" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="modal-body"> <h3>Terms Privacy</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at ante quam. Aliquam et vestibulum arcu, nec fermentum ipsum. Phasellus neque turpis, placerat id elementum eget, consequat at quam. Praesent accumsan consectetur dui sed mattis. Curabitur luctus ligula ac velit dapibus rutrum. Mauris urna libero, efficitur ut rutrum eget, convallis ac nibh.</p> <p class="">Cras ipsum augue, mollis at fringilla in, interdum id ligula. Fusce tristique nisi id lacinia suscipit. Sed viverra sit amet est congue ornare. Integer aliquet, massa nec maximus auctor, est turpis cursus nisi, vel consequat turpis felis in ipsum. Sed in quam scelerisque, accumsan lacus ac, hendrerit lectus. Morbi vel condimentum ex, tincidunt iaculis odio. Aenean lobortis blandit urna, et fermentum sapien vestibulum quis.</p> <p>Etiam non eleifend velit. Ut odio nisi, tincidunt nec sollicitudin nec, euismod sed augue. Nulla facilisi. Sed dictum urna ac dictum blandit. Donec lacinia aliquam sollicitudin. Curabitur arcu sem, cursus sit amet ligula a, molestie ullamcorper neque. Quisque accumsan fermentum lectus, imperdiet sagittis turpis lacinia in.</p> <p>Vivamus pellentesque mi vel auctor vehicula. Duis cursus turpis quis pharetra laoreet. Sed luctus dolor quis ligula posuere ultrices. Suspendisse libero est, semper ut ex eu, scelerisque rhoncus tellus. Maecenas volutpat et est sit amet sollicitudin. Fusce aliquet laoreet lacus. Sed vel tortor nec neque sollicitudin luctus eget ac neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p> <p>Pellentesque sit amet turpis quam. Proin sollicitudin eros nec congue ullamcorper. Morbi porta erat eget sapien consectetur, sit amet pretium leo elementum. Quisque tincidunt, nibh eu vulputate fringilla, orci elit sollicitudin neque, euismod posuere eros eros pretium dui. Praesent imperdiet nisl orci, pretium maximus velit efficitur sed. Curabitur ut massa eu erat euismod consectetur. Nullam commodo feugiat magna ac eleifend.</p> </div> </div> </div> </div> <!-- Modal Terms Privacy --> <!-- Modal Policy --> <div class="modal fade window-content" id="policy" tabindex="-1" role="dialog" aria-labelledby="about_us" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <button type="button" class="close close-btn" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <div class="modal-body"> <h3>Policy</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus at ante quam. Aliquam et vestibulum arcu, nec fermentum ipsum. Phasellus neque turpis, placerat id elementum eget, consequat at quam. Praesent accumsan consectetur dui sed mattis. Curabitur luctus ligula ac velit dapibus rutrum. Mauris urna libero, efficitur ut rutrum eget, convallis ac nibh.</p> <p class="">Cras ipsum augue, mollis at fringilla in, interdum id ligula. Fusce tristique nisi id lacinia suscipit. Sed viverra sit amet est congue ornare. Integer aliquet, massa nec maximus auctor, est turpis cursus nisi, vel consequat turpis felis in ipsum. Sed in quam scelerisque, accumsan lacus ac, hendrerit lectus. Morbi vel condimentum ex, tincidunt iaculis odio. Aenean lobortis blandit urna, et fermentum sapien vestibulum quis.</p> <p>Etiam non eleifend velit. Ut odio nisi, tincidunt nec sollicitudin nec, euismod sed augue. Nulla facilisi. Sed dictum urna ac dictum blandit. Donec lacinia aliquam sollicitudin. Curabitur arcu sem, cursus sit amet ligula a, molestie ullamcorper neque. Quisque accumsan fermentum lectus, imperdiet sagittis turpis lacinia in.</p> <p>Vivamus pellentesque mi vel auctor vehicula. Duis cursus turpis quis pharetra laoreet. Sed luctus dolor quis ligula posuere ultrices. Suspendisse libero est, semper ut ex eu, scelerisque rhoncus tellus. Maecenas volutpat et est sit amet sollicitudin. Fusce aliquet laoreet lacus. Sed vel tortor nec neque sollicitudin luctus eget ac neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p> <p>Pellentesque sit amet turpis quam. Proin sollicitudin eros nec congue ullamcorper. Morbi porta erat eget sapien consectetur, sit amet pretium leo elementum. Quisque tincidunt, nibh eu vulputate fringilla, orci elit sollicitudin neque, euismod posuere eros eros pretium dui. Praesent imperdiet nisl orci, pretium maximus velit efficitur sed. Curabitur ut massa eu erat euismod consectetur. Nullam commodo feugiat magna ac eleifend.</p> </div> </div> </div> </div> <!-- Modal Policy --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> <script> $(document).ready(function () { // responsive images implementation function set_responsive_images(selector) { if ($(window).width() < 768) { // if mobile screen size $(selector).each(function () { $(this).attr("data-src", $(this).attr("data-mobile")); }); } else { // if tablet or destop $(selector).each(function () { $(this).attr("data-src", $(this).attr("data-desktop")); }); } } set_responsive_images('.p-img-wr'); set_responsive_images('.patterns'); set_responsive_images('.photo-models'); set_responsive_images('.latest-linen-colors'); // responsive images implementation }); </script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.min.js"></script> <script src="js/common.js"></script> </body> </html> Save