<header class="vertical-align"> <h1 class="text-center">Hello!<br><br> I'm Stephanie Miene<br><br></h1> </header> <!--END HOME--> <nav class="navbar main-nav navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Stephanie Miene</a> </div> <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav"> <li><a href="#about">ABOUT</a></li> <li><a href="#services">SERVICES</a></li> <li><a href="#projects">PROJECTS</a></li> <li><a href="#qanda">Q&A</a></li> </ul> </div> </div> </nav> <!--BEGIN ABOUT--> <div class="row about"> <div id="about" class="container-fluid col-md-offset-1 col-md-10 text-center nav-padding"> <div> <h1>About Me</h1> <p>I am a Minnesota native currently residing in Portland, OR. I have a Bachelor's of Arts in Spanish & Linguistics. In 2015 I started teaching myself how to code. I enjoy working with clients of all levels of tech-savvyness - I'm here to show my clients that finding a great website doesn't have to be a daunting task. I have enjoyed seeing my clients' business dreams come to life through my freelance work. I am confident I can help you achieve your goals through clean, responsive, creative, original code - all at a reasonable price. <br><br> In my freetime, I love to read, learn new web design trends, crochet, and occasionally venture out to enjoy Portland's rich and unique music scene.<br><br><br><b>Connect with me!</b> <br> <a href="https://codepen.io/stephmpdx/"><i class="fa fa-codepen fa-2x" aria-hidden="true"></i></a> <a href="mailto:stephanie.miene@gmail.com"><i class="fa fa-laptop fa-2x" aria-hidden="true"></i></a> <a href="tel:507-313-3614"><i class="fa fa-phone fa-2x" aria-hidden="true"></i></a> </p> </div> </div> </div> <!--END ABOUT--> <!--BEGIN SKILLS--> <div id="services" class="row skills nav-padding"> <div class="container-fluid"> <div class="col-md-6"> <h2 class="text-center">Front End Development</h2> <p><a href="http://money.cnn.com/2014/02/28/technology/mobile/mobile-apps-internet/">Mobile devices account for 55% of Internet usage in the United States,</a> which means having a website that functions beautifully on all devices is crucial - and I can make this happen for you.</p> <p>I can help with: <ul> <li>designing and coding a stellar website from start to finish</li> <li>adding a Content Management System</li> <li>improving your Google ranking</li> <li>responsive design implementation</li> <li>copywriting</li> <li>load-time optimization</li> </ul> </p> <p>Whether you need a makeover on your current website or you're starting from scratch, my mobile-first design approach and SEO best practices will help your business excel. The outcomes are limitless, and I'm here to help.</p> </div> <div class="col-md-6 text-center"> <h2>Languages and Skills</h2><br> <ul class="languages"> <li>HTML5/CSS3</li><br> <li>JavaScript</li><br> <li>Bootstrap</li><br> <li>MySQL</li><br> <li>WordPress</li><br> <li>SEO</li><br> <li>Mobile-First/Responsive Design</li> </ul> </div> </div> </div> <!--END SKILLS--> <!--BEGIN WORK--> <div id="projects" class="row work"> <div class="container-fluid"> <h1 class="text-center headline nav-padding">Projects</h1> <div class="col-md-4 drop-shadow"> <h4 class="text-center">Profile Page</h4> <p data-height="302" data-theme-id="0" data-slug-hash="YWVQvW" data-default-tab="result" data-user="stephmpdx" data-embed-version="2" class="codepen">See the Pen <a href="https://codepen.io/stephmpdx/pen/YWVQvW/">Portfolio</a> by Stephanie Miene (<a href="https://codepen.io/stephmpdx">@stephmpdx</a>) on <a href="https://codepen.io">CodePen</a>.</p> <script async src="//assets.codepen.io/assets/embed/ei.js"></script> </div> <!--"col-md-4"--> <div class="col-md-4 drop-shadow"> <h4 class="text-center">Tribute page</h4> <p data-height="302" data-theme-id="0" data-slug-hash="XKKxMv" data-default-tab="result" data-user="stephmpdx" data-embed-version="2" class="codepen">See the Pen <a href="https://codepen.io/stephmpdx/pen/XKKxMv/">Malala Yousafzai</a> by Stephanie Miene (<a href="https://codepen.io/stephmpdx">@stephmpdx</a>) on <a href="https://codepen.io">CodePen</a>.</p> <script async src="//assets.codepen.io/assets/embed/ei.js"></script> </div> <!--"col-md-4"--> <div class="col-md-4 drop-shadow"> <h4 class="text-center">Sticky Navbar</h4> <p data-height="302" data-theme-id="0" data-slug-hash="pbPkBQ" data-default-tab="result" data-user="stephmpdx" data-embed-version="2" class="codepen">See the Pen <a href="https://codepen.io/stephmpdx/pen/pbPkBQ/">Fixed header/sticky navbar </a> by Stephanie Miene (<a href="https://codepen.io/stephmpdx">@stephmpdx</a>) on <a href="https://codepen.io">CodePen</a>.</p> <script async src="//assets.codepen.io/assets/embed/ei.js"></script> </div> <!--"col-md-4"--> <div class="col-md-4 drop-shadow"> <h4 class="text-center">Coming Soon</h4> <p data-height="302" data-theme-id="0" data-slug-hash="YWNQax" data-default-tab="result" data-user="stephmpdx" data-embed-version="2" data-preview="true" class="codepen">See the Pen <a href="https://codepen.io/stephmpdx/pen/YWNQax/">Portfolio</a> by Stephanie Miene (<a href="https://codepen.io/stephmpdx">@stephmpdx</a>) on <a href="https://codepen.io">CodePen</a>.</p> <script async src="//assets.codepen.io/assets/embed/ei.js"></script> </div> <!--"col-md-4"--> <div class="col-md-4 drop-shadow"> <h4 class="text-center">Coming Soon</h4> <p data-height="302" data-theme-id="0" data-slug-hash="YWNQax" data-default-tab="result" data-user="stephmpdx" data-embed-version="2" data-preview="true" class="codepen">See the Pen <a href="https://codepen.io/stephmpdx/pen/YWNQax/">Portfolio</a> by Stephanie Miene (<a href="https://codepen.io/stephmpdx">@stephmpdx</a>) on <a href="https://codepen.io">CodePen</a>.</p> <script async src="//assets.codepen.io/assets/embed/ei.js"></script> </div> <!--"col-md-4"--> <div class="col-md-4 drop-shadow"> <h4 class="text-center">Coming Soon</h4> <p data-height="302" data-theme-id="0" data-slug-hash="YWNQax" data-default-tab="result" data-user="stephmpdx" data-embed-version="2" data-preview="true" class="codepen">See the Pen <a href="https://codepen.io/stephmpdx/pen/YWNQax/">Portfolio</a> by Stephanie Miene (<a href="https://codepen.io/stephmpdx">@stephmpdx</a>) on <a href="https://codepen.io">CodePen</a>.</p> <script async src="//assets.codepen.io/assets/embed/ei.js"></script> </div> <!--"col-md-4"--> </div> </div> <!--container-fluid--> </div> <!--row--> <!--END WORK--> <div id="qanda" class="row qanda qanda-padding-top"> <div class="container-fluid"> <h1 class="text-center headline">Q & A</h1> <div class="col-md-4"> <h3 class="text-center">Q. Describe your design process</h3> <p>First I ask my client who their typical user might be and why they might visit the site. Do you want to persuade users to make a purchase? Are you promoting a brand? I also ask my client if they will need a content management system. Next, I use OmniGraffle to create wireframes which I present to the client for approval. Once the design is completed, I code the website in SublimeText with backup on CodePen. After testing and launching, payment is collected and the contract is signed. </p> </div> <!--col-md-4"--> <div class="col-md-4"> <h3 class="text-center">Q. What are your strengths and weaknesses?</h3> <p>I could improve on setting personal and professional limits. I have a tendency to overcommit myself, which gets stressful for me. I've been working on setting realistic expectations and drawing upon my organizational skills to set workable deadlines.</p> <p>My strengths include clear communication, excellence as an employee in various capacities, thinking creatively, knowing when to ask for help, and being a friendly, courteous, hardworking teammate.</p> </div> <!--col-md-4"--> <div class="col-md-4"> <h3 class="text-center">Q. How do you stay up-to-date on current design trends?</h3> <p>I enjoy following the TreeHouse instructors on CodePen, following designers like <a href="https://twitter.com/DBNess">Vanessa Hurst and <a href="https://twitter.com/sodevious">Nicole Dominguez</a> on Twitter, and scanning current web design job postings to see which skills are currently in demand.</p> <p>I also love looking around on <a href="https://dribbble.com/">Dribble</a> to see what other designers are working on and to gain inspiration for my own designs.</p> </div> <!--col-md-4"--> </div> <!--container-fluid--> </div> <!--row--> <div class="row qanda qanda-padding-bottom"> <div class="container-fluid"> <div class="col-md-4"> <h3 class="text-center">Q. How did you get into coding and web design?</h3> <p>I graduated from Winona State University in Minnesota with a Bachelor's in Spanish. A few years after graduation, I realized I needed to specify my skillset. I took some beginning HTML/CSS courses at Portland Community College and was hooked. I loved the blend of creativity, problem-solving, and the unlimited scope of knowledge. I was ready to accelerate my learning, so I decided to persue a self-taught path through <a href="https://teamtreehouse.com/home">Treehouse</a> and <a href="https://www.freecodecamp.com">FreeCodeCamp</a>. I have already garnered some freelance work, and I am actively looking for fulltime employment! </p> </div> <!--col-md-4"--> <div class="col-md-4"> <h3 class="text-center">Q. How do you handle working with new concepts or unfamiliar technology?</h3> <p>I pride myself on my creative and analytical thinking skills as well as my ability to troubleshoot. Luckily, all technology was new to someone at some point, and it's highly likely that a tutorial or relevant forum is available. I am comfortable sifting through forums and manuals, watching tutorials, or asking questions myself. </p> </div> <!--col-md-4"--> <div class="col-md-4"> <h3 class="text-center">Q. Describe your ideal job.</h3> <p>Ideally, I would love to find full time work in the Portland area as a Front End Web Developer or Tech Specialist. I would like to work in a team that utilizes my interpersonal skills as well as challenges me creatively and technologically. I have always fostered positive professional relationships and look forward to continuing to do so in my future career with web and technology.</p> </div> <!--col-md-4"--> </div> <!--container-fluid--> </div> <!--row--> <!--BEGIN FOOTER--> <div class="row footer"> <div class="container-fluid"> <div class="col-md-12"> <p class="text-center">© Stephanie Miene 2016</p> </div> </div> </div> </div> <!--END FOOTER-->

!