Webflow Page

<html data-wf-domain="janet.webflow.io" data-wf-page="58cc2e0a9a7dd8aa76677472" data-wf-site="58cc2e0a9a7dd8aa76677473"><head><meta charset="utf-8" /><title>Janets Portfolio</title><meta content="width=device-width, initial-scale=1" name="viewport" /><meta content="Webflow" name="generator" /><link href="https://daks2k3a4ib2z.cloudfront.net/58cc2e0a9a7dd8aa76677473/css/janet.webflow.533557eac.css" rel="stylesheet" type="text/css" /><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script><script type="text/javascript">WebFont.load({ google: { families: ["Roboto:100,100italic,300,300italic,regular,italic,500,500italic,700,700italic,900,900italic","Poppins:300,regular,500,600,700"] } }); </script><script src="https://daks2k3a4ib2z.cloudfront.net/0globals/modernizr-2.7.1.js" type="text/javascript"></script><link href="https://daks2k3a4ib2z.cloudfront.net/img/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <link href="https://daks2k3a4ib2z.cloudfront.net/img/webclip.png" rel="apple-touch-icon" /></head><body class="body"> <div class="nav-wrap"> <div class="nav-button" data-ix="nav"> <div class="plus"> <div class="_2 plus-bar"></div> <div class="plus-bar"></div> </div> </div> <div class="nav-links"><a class="nav-link" href="#hero">home</a> <a class="nav-link" href="#work">work</a> <a class="nav-link" href="#clients">clients</a> <a class="nav-link" href="#contact">contact</a></div> </div> <div class="hero section" id="hero"> <div class="_1 container"> <div class="hero-left"> <div class="bar"></div> <h1 class="heading" data-ix="load-down">Hi, my name is Janet, and I'm a freelance designer in New York City.</h1> </div> <div class="hero-img-wrap" data-ix="load-up"> <ul class="hero-list-wrap w-list-unstyled"> <li class="hero-list-text">ILLUSTRATION +</li> <li class="hero-list-text">BRANDING +</li> <li class="hero-list-text">PHOTOGRAPHY +</li> </ul> <div class="hero-image"></div> <div class="hero-color" data-ix="hero-color"></div> </div> </div> </div> <div class="section work" id="work"> <div class="container"> <h1 class="section-title">Work</h1> </div> <div class="cc-1 container"> <div class="w-dyn-list"> <div class="w-dyn-items work-wrap"> <div class="thumbnail-wrap w-dyn-item"> <div class="project-number-wrap"> <div class="project-number">01</div> <h5 class="project-type-text">Photography</h5> <h5 class="cc-plus project-type-text">+</h5> </div> <div class="work-thumbnail-color"> <div class="project-image" style="background-image: url('https://daks2k3a4ib2z.cloudfront.net/58cc2e0a9a7dd8aa76677476/58cc2e0a9a7dd8aa766774d5_alice-moore-192526.jpg');"></div> </div> <div class="work-content"> <div class="project-content-right" data-ix="load-up"> <h3 class="work-title">Prism</h3> <p class="project-paragraph">Prism, a international company dedicated to people, launched a campaign dedicated to mental health and well being. We worked together to photograph some beautiful, peaceful, and relaxing objects to go along with their campaign's visual identity and copyrighting. My best friend is Ben Affleck.</p> <div class="view-project-cta" data-ix="move-arrow"><a class="project-link-text" href="http://janet.webflow.io">View project</a> <img class="arrow" src="" width="9" data-mce-src="http://uploads.webflow.com/58cc2e0a9a7dd8aa76677473/58cc2e0a9a7dd8aa76677481_arrow.png" /></div> </div> </div> </div> <div class="thumbnail-wrap w-dyn-item"> <div class="project-number-wrap"> <div class="project-number">02</div> <h5 class="project-type-text">Illustration</h5> <h5 class="cc-plus project-type-text">+</h5> </div> <div class="work-thumbnail-color"> <div class="project-image" style="background-image: url('https://daks2k3a4ib2z.cloudfront.net/58cc2e0a9a7dd8aa76677476/58cc2e0a9a7dd8aa766774d9_wolf.png');"></div> </div> <div class="work-content"> <div class="project-content-right" data-ix="load-up"> <h3 class="work-title">Wolfdew</h3> <p class="project-paragraph">Wolfdew, a popular and evasive t-shirt brand, (which excludes the likes of vampires for obvious reasons) needed an illustration for a new feature they were making a landing page for. We worked together to make an obvious and cliche graphic of a 'wolf', since their name has the word 'wolf' in it.</p> <div class="view-project-cta" data-ix="move-arrow"><a class="project-link-text" href="http://janet.webflow.io">View project</a> <img class="arrow" src="" width="9" data-mce-src="http://uploads.webflow.com/58cc2e0a9a7dd8aa76677473/58cc2e0a9a7dd8aa76677481_arrow.png" /></div> </div> </div> </div> <div class="thumbnail-wrap w-dyn-item"> <div class="project-number-wrap"> <div class="project-number">03</div> <h5 class="project-type-text">Branding</h5> <h5 class="cc-plus project-type-text">+</h5> </div> <div class="work-thumbnail-color"> <div class="project-image" style="background-image: url('https://daks2k3a4ib2z.cloudfront.net/58cc2e0a9a7dd8aa76677476/58cc2e0a9a7dd8aa766774d7_qrl%20logo%202.png');"></div> </div> <div class="work-content"> <div class="project-content-right" data-ix="load-up"> <h3 class="work-title">QRL</h3> <p class="project-paragraph">After a few great years of growth, and a new focus on developing industrial engineering solutions, it was time for QRL to rebrand as well as get a few office cats for morale. We worked together for dozens of seconds to encapsulate the QRL brand into a visual form that will last for ages.</p> <div class="view-project-cta" data-ix="move-arrow"><a class="project-link-text" href="http://janet.webflow.io">View project</a> <img class="arrow" src="" width="9" data-mce-src="http://uploads.webflow.com/58cc2e0a9a7dd8aa76677473/58cc2e0a9a7dd8aa76677481_arrow.png" /></div> </div> </div> </div> </div> </div> </div> </div> <div class="footer"> <div class="container">This site is for demo purposes only.</div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js" type="text/javascript"></script><script src="https://daks2k3a4ib2z.cloudfront.net/58cc2e0a9a7dd8aa76677473/js/webflow.ea721fbda.js" type="text/javascript"></script><!-- [if lte IE 9]><script src="//cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif]--></body></html>