1<!DOCTYPE html><!-- This site was created in Webflow. http://www.webflow.com --><!-- Last Published: Sun Nov 01 2020 01:39:04 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="design-case-study.webflow.io" data-wf-page="5f9dfabee5a181053c916f22" data-wf-site="5f9dfabee5a181120c916f21"><head><meta charset="utf-8"/><title>Case Study Template</title><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://assets.website-files.com/5f9dfabee5a181120c916f21/css/design-case-study.webflow.3a4d13819.css" rel="stylesheet" type="text/css"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Merriweather:300,300italic,400,400italic,700,700italic,900,900italic"] }});</script>
1<!--[if lt IE 9]>
1<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script>
1<![endif]-->
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://assets.website-files.com/img/favicon.ico" rel="shortcut icon" type="image/x-icon"/><link href="https://assets.website-files.com/img/webclip.png" rel="apple-touch-icon"/></head><body class="body"><div class="section"><div class="container"><h1 class="heading-1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. </h1><h1 class="heading-2">Lorem ipsum</h1><p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p><blockquote class="quote hanging-punctuation">âLorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique.â</blockquote><ul role="list" class="list"><li class="list-item">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.</li><li class="list-item">Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</li><li class="list-item"> Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</li></ul></div><div class="container-wide"><img src="https://assets.website-files.com/5f9dfabee5a181120c916f21/5f9e04acbfecdff0e72e6525_Landscape.png" loading="lazy" srcset="https://assets.website-files.com/5f9dfabee5a181120c916f21/5f9e04acbfecdff0e72e6525_Landscape-p-500.png 500w, https://assets.website-files.com/5f9dfabee5a181120c916f21/5f9e04acbfecdff0e72e6525_Landscape-p-800.png 800w, https://assets.website-files.com/5f9dfabee5a181120c916f21/5f9e04acbfecdff0e72e6525_Landscape-p-1080.png 1080w, https://assets.website-files.com/5f9dfabee5a181120c916f21/5f9e04acbfecdff0e72e6525_Landscape.png 1280w" sizes="(max-width: 479px) 92vw, (max-width: 767px) 95vw, (max-width: 991px) 96vw, (max-width: 1319px) 97vw, 1280px" alt=""/><div class="layout-2-column"><div class="half-width"><img src="https://assets.website-files.com/5f9dfabee5a181120c916f21/5f9e04ad6dc3af4f342c5818_Square-Big.png" loading="lazy" srcset="https://assets.website-files.com/5f9dfabee5a181120c916f21/5f9e04ad6dc3af4f342c5818_Square-Big-p-500.png 500w, https://assets.website-files.com/5f9dfabee5a181120c916f21/5f9e04ad6dc3af4f342c5818_Square-Big-p-800.png 800w, https://assets.website-files.com/5f9dfabee5a181120c916f21/5f9e04ad6dc3af4f342c5818_Square-Big-p-1080.png 1080w, https://assets.website-files.com/5f9dfabee5a181120c916f21/5f9e04ad6dc3af4f342c5818_Square-Big.png 1220w" sizes="(max-width: 479px) 92vw, (max-width: 767px) 46vw, 47vw" alt=""/><p class="caption">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. </p></div><div class="half-width align-vertically-center"><h1 class="heading-2">Lorem ipsum</h1><p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></div></div><div class="layout-2-column"><div class="half-width align-vertically-center"><h1 class="heading-2">Lorem ipsum</h1><p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></div><div class="half-width"><div class="w-embed w-iframe"><iframe width="100%" height="500px" frameborder="0" src="https://cloud.protopie.io/p/951218a84f/1?ui=false&mockup=true&touchHint=true&scaleToFit=true&cursorType=touch"></iframe></div></div></div><div class="layout-2-column"><div class="full-width"><h1 class="heading-2">Lorem ipsum</h1></div><div class="half-width"><p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p><p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></div><div class="half-width"><p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla. Â Nunc ut sem vitae risus tristique posuere.</p></div></div></div><div class="container w-clearfix"><blockquote class="quote align-center">âLorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique.â</blockquote><h1 class="heading-2">Lorem ipsum</h1><p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p><div class="float-left"><div class="w-embed w-iframe"><iframe width="100%" height="500px" frameborder="0" src="https://cloud.protopie.io/p/951218a84f/1?ui=false&mockup=true&touchHint=true&scaleToFit=true&cursorType=touch"></iframe></div><p class="caption">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. </p></div><p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p><p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p><blockquote class="quote hanging-punctuation">âLorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique.â</blockquote><div class="float-right"><img src="https://assets.website-files.com/5f9dfabee5a181120c916f21/5f9e04ad6dc3af4f342c5818_Square-Big.png" loading="lazy" srcset="https://assets.website-files.com/5f9dfabee5a181120c916f21/5f9e04ad6dc3af4f342c5818_Square-Big-p-500.png 500w, https://assets.website-files.com/5f9dfabee5a181120c916f21/5f9e04ad6dc3af4f342c5818_Square-Big-p-800.png 800w, https://assets.website-files.com/5f9dfabee5a181120c916f21/5f9e04ad6dc3af4f342c5818_Square-Big-p-1080.png 1080w, https://assets.website-files.com/5f9dfabee5a181120c916f21/5f9e04ad6dc3af4f342c5818_Square-Big.png 1220w" sizes="(max-width: 479px) 92vw, (max-width: 767px) 38vw, (max-width: 991px) 288px, 504px" alt=""/><p class="caption">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. </p></div><ul role="list" class="list"><li class="list-item">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.</li><li class="list-item">Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</li><li class="list-item"> Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</li></ul><p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p><p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p><p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p><p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p><p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p></div></div>
1<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5f9dfabee5a181120c916f21" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
1<script src="https://assets.website-files.com/5f9dfabee5a181120c916f21/js/webflow.a27afb355.js" type="text/javascript"></script>
1<!--[if lte IE 9]>
1<script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script>
1<![endif]--></body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.