/
home
/
tracetho
/
public_html
/
New Directory
Upload File
HOME
<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="keywords" content="Problem solver through visual communication." /> <meta name="author" content="Trace Thoma" /> <title>Trace Thoma // designer, solver</title> <meta name="description" content="Why reinvent the wheel? Invent the jetpack. Problem solver through interactive communication."> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="css/normalize.min.css" /> <link rel="stylesheet" type="text/css" href="css/component.min.css" /> <link rel="stylesheet" type="text/css" href="css/main.min.css" /> <script src="js/vendor/modernizr-2.6.2.min.js"></script> </head> <body> <!--[if lt IE 7]> <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <![endif]--> <div class="container"> <div class="top" id="top" style="margin-top:-100px"></div> <div class="cbp-af-header"> <div class="cbp-af-inner"> <h1><a href="#top">Trace Thoma</a></h1> <nav class="navigation" id="nav"> <a href="#work">work</a> <a href="#about">about</a> <a href="#contact">contact</a> </nav> </div> </div> <div class="header fullHeight" id="hero"> <div class="rocket"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 562.1 649.9" enable-background="new 0 0 562.1 649.9" xml:space="preserve"> <line display="none" fill="none" stroke="#FF00FF" stroke-miterlimit="10" x1="991.5" y1="-32.1" x2="991.5" y2="687.9"/> <g class="path"> <g id="right"> <path id="tank" d="M344.6,267.4l27.9-44.4l0,0 C446,107.1,535.6,104.9,545.3,111.2c9.7,6.3,43.6,89.3-33.1,203.1l0,0L284.7,648.5l-5-3.3l50.4-74.5c12.2-18.7-4.2-51.1-37.6-73 c-33.4-21.8-69.7-23.9-81.9-5.2l-48.1,76l-5-3.3l159.6-254.3"/> <path id="" d="M260.5,620c10.5,8.4,18.1,15.8,22.1,21.2"/> <path id="" d="M165.1,564.4c6.5,1.4,16.3,5.5,28.3,11.7"/> <line id="" x1="337" y1="279.4" x2="340.5" y2="273.8"/> <line id="" x1="325.3" y1="298" x2="330.9" y2="289.1"/> <path id="booster" d="M330.9,569.4c-20.2,22.4-39.9,29.6-40.3,30.2 c-0.5,0.8-1,7.1-2.5,11.5c-1.5,4.4-4.3,10.5-6.4,13.8c-3,4.7-28.1-6.4-56.1-24.6c-28-18.3-48.1-36.9-45.1-41.5 c2.1-3.2,6.6-8.3,10-11.4s9-6.1,9.5-6.9c0.4-0.6-0.9-21.6,11.5-49"/> <path id="booster" d="M200,540.3c-0.3,8.5,15.1,21.1,40.1,37.5 c25,16.4,42.8,25.4,50.5,21.7"/> <path id="booster" d="M330,570.7c0.3-12.4-16.7-33-49.5-54.5 c-32.8-21.5-58.6-28.7-69.8-23.5"/> <path id="booster" d="M185.4,552.5 c-3,4.6,16.9,22.9,44.5,41c27.6,18,52.4,28.9,55.4,24.3"/> <path id="onTank" d="M483.7,120.9c7-2.4,22.5,2.4,44.3,16.7 c21.8,14.3,32.4,26.5,33.1,33.9"/> <path id="onTank" d="M375.7,217.9c16.4-5.6,44.4,0.1,83.2,25.4 c38.8,25.4,55.2,48.7,56.7,66"/> <path id="onTank" d="M375,371.7c-8.5-5.5-4.7-25.7,4.1-39.2 c6.6-10.1,16.6-11,25.1-5.4c8.4,5.5,11.7,15.1,5.1,25.2C400.4,365.7,383.4,377.2,375,371.7z"/> </g> <!-- end right tank --> <g id="left"> <path id="tank" d="M299.1,282.5l47.6-75.7l0,0 C419.2,90.3,382.3,8.6,372.4,2.6c-9.9-6-99.4-0.5-168.7,117.9v0L1.4,470.4l5.1,3.1l45.3-77.7c11.6-19.2,47.9-18.4,82,2.2 c34.1,20.6,51.8,52.4,40.2,71.5l-47.6,76.3l5.1,3.1l139.8-222.3"/> <line id="" x1="285.4" y1="304.3" x2="291" y2="295.3"/> <line id="" x1="275.3" y1="320.2" x2="278.8" y2="314.7"/> <path id="" d="M37.6,479.9c-12.2-5.8-22.1-9.5-28.7-10.7"/> <path id="" d="M129,541.7c-4.1-5.2-12-12.3-22.8-20.4"/> <path id="booster" d="M52.6,394.5c-11.4,27.9-9.3,48.8-9.7,49.4 c-0.5,0.8-6,4-9.2,7.2c-3.3,3.3-7.6,8.5-9.6,11.8c-2.9,4.8,17.9,22.6,46.5,39.9c28.6,17.3,54.1,27.4,57,22.6c2-3.3,4.6-9.6,5.9-14 c1.4-4.4,1.6-10.8,2.1-11.5c0.4-0.6,19.8-8.5,39.2-31.6"/> <path id="booster" d="M135.6,499.9c-7.5,3.9-25.6-4.4-51.2-19.9 c-25.6-15.5-41.4-27.5-41.5-36"/> <path id="booster" d="M51.6,396c10.9-5.8,37,0.5,70.8,20.9 c33.7,20.3,51.5,40.5,51.5,52.8"/> <path id="booster" d="M130.9,518.3 c-2.8,4.7-28-5.3-56.2-22.3c-28.2-17-48.8-34.6-45.9-39.3"/> <path id="onTank" d="M390.4,62.3c-0.9-7.4-12-19.3-34.3-32.7 c-22.3-13.5-38-17.7-44.9-15"/> <path id="onTank" d="M349.9,201.6c-2-17.2-19.3-39.9-59-63.9 c-39.7-23.9-68.1-28.8-84.3-22.6"/> <path id="onTank" d="M211.6,269c8.6,5.2,25.2-6.9,33.5-20.7 c6.2-10.3,2.7-19.7-6-25c-8.6-5.2-18.6-4-24.9,6.3C206,243.5,203,263.8,211.6,269z"/> </g> <!-- end left tank --> <g id="connectors"> <line id="between" x1="346.3" y1="207.4" x2="372.1" y2="223.6"/> <line id="between" x1="353.4" y1="253.2" x2="327.7" y2="237.1"/> <line id="between" x1="207.7" y1="427.8" x2="233.7" y2="444.1"/> <line id="between" x1="215" y1="473.7" x2="189" y2="457.4"/> <path id="tubes" d="M333.2,302.7l9.3,5.8 c1.8,1.1,4.1,0.6,5.2-1.2c1.1-1.8,0.6-4.1-1.2-5.2l-13.1-8.3l-54.7,28.4L247.8,303c-1.8-1.1-4.1-0.6-5.2,1.2 c-1.1,1.8-0.6,4.1,1.2,5.2l34.6,21.8L333.2,302.7z"/> <path id="tubes" d="M334.9,287l19.1,12 c1.8,1.1,4.1,0.6,5.2-1.2s0.6-4.1-1.2-5.2l-22.7-14.3l-54.7,28.5l-21.2-13.3c-1.8-1.1-4.1-0.6-5.2,1.2c-1.1,1.8-0.6,4.1,1.2,5.2 l24.8,15.6L334.9,287z"/> <path id="tubes" d="M336.8,271.5l28.8,18.1 c1.8,1.1,4.1,0.6,5.2-1.2c1.1-1.8,0.6-4.1-1.2-5.2l-32.4-20.4l-54.8,28.4l-11.5-7.2c-1.8-1.1-4.1-0.6-5.2,1.2 c-1.1,1.8-0.6,4.1,1.2,5.2l15.2,9.6L336.8,271.5z"/> </g> <!-- end connectors --> </g> </svg></div> <h1>Why Reinvent the Wheel?<br />Invent the Jetpack.</h1> </div> <div class="portfolioWrapper nano" id="work" data-slide="1"> <div class="showWork1" id="DPSwork"> <div id="video-container"> <video id="video" poster="/img/DPS-Poster.jpg" autoplay="1" loop="1"> <source src="/videos/Exxon-Walkthrough-Video-2-appleuniversal.mp4"> <source src="/videos/Exxon-Walkthrough-Video-2.webm"> <source src="/videos/Exxon-Walkthrough-Video-2.oggtheora.ogv"> <img src="/img/DPS-Cover.jpg" alt="DPS Presetation video walkthrough"> </video> </div> <div class="workText"> <h1>More Than a PDF: Interactive Presentations</h1> <p class="portText">Captivate audience attention through eye-catching visuals and interactive information. Digital publishing gives presentations the boost they need to leave lasting impressions.</p> </div> <a href="#work"><div class="toggleDPS"> <svg class="closeX" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve"> <line x1="5.2" y1="5" x2="45.2" y2="45"/> <line x1="45.2" y1="5" x2="5.2" y2="45"/> </svg> </div> </a> </div> <div class="showWork2" id="WebDesignWork"> <a href="#work"><div class="toggleWEB"> <svg class="closeX" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve"> <line x1="5.2" y1="5" x2="45.2" y2="45"/> <line x1="45.2" y1="5" x2="5.2" y2="45"/> </svg> </div></a> <div id='slider' class='swipe'> <div class='swipe-wrap'> <div><img src="/img/WEB-Archpoint-Home-Page.jpg"></div> <div><img src="/img/WEB-Archpoint-About-Dental-Implants.jpg"></div> <div><img src="/img/WEB-Archpoint-Testimonial"></div> <div><img src="/img/WEB-Hospital-Home.jpg"></div> <div><img src="/img/WEB-Hospital-Hover-States.jpg"></div> </div> <div class="btnLEFT" onclick='mySwipe.prev()'> <svg class="arrow" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="45px" viewBox="0 0 20 45" enable-background="new 0 0 20 45" xml:space="preserve"> <polyline points="17.4,42.5 2.4,22.5 17.4,2.5 "/> </svg> </div> <div class="btnRIGHT" onclick='mySwipe.next()'> <svg class="arrow" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="45px" viewBox="0 0 20 45" enable-background="new 0 0 20 45" xml:space="preserve"> <polyline points="2.4,2.5 17.4,22.5 2.4,42.5 "/> </svg> </div> </div> <div class="workText"> <h1>Interactive Design and Usability</h1> <p class="portText">By thinking through the user experience from the onset, web design has the capability to cut the clutter, and ensure optimal interaction.</p> </div> </div> <div class="showWork3" id="LogoWork"> <a href="#work"><div class="toggle3"> <svg class="closeX" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve"> <line x1="5.2" y1="5" x2="45.2" y2="45"/> <line x1="45.2" y1="5" x2="5.2" y2="45"/> </svg> </div></a> <ul class="logoGrid"> <li class="harbor"></li> <li class="century"></li> <li class="hangar"></li> <li class="Ampersand1"></li> <li class="Ampersand2"></li> <li class="RCtruck"></li> </ul> </div> <div class="showWork4" id="3Dwork"> <a href="#work"><div class="toggle4"> <svg class="closeX" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve"> <line x1="5.2" y1="5" x2="45.2" y2="45"/> <line x1="45.2" y1="5" x2="5.2" y2="45"/> </svg> </div></a> <div id="video-container"> <video controls id="video" poster="img/POSTER-3D-Video.png"> <source src="/videos/Portfolio-Video-Clips-appleuniversal.mp4"> <source src="/videos/Portfolio-Video-Clips.webm"> <source src="/videos/Portfolio-Video-Clips.ogv"> <img src="img/POSTER-3D-Video.png" alt="3D and 2D animations"> </video> </div> <div class="workText"> <h1>Intriguing Visuals through Motion Graphics</h1> <p class="portText">From simple details to complex animations, motion graphics are the perfect addition to any user interaction.</p> </div> <div id='slider3D' class='swipe'> <div class='swipe-wrap'> <div><img src="/img/3D-Drilling-Chilling.jpg"></div> <div><img src="/img/3D-Aerial-View.jpg"></div> <div><img src="/img/3D-Tanker-Site.jpg"></div> <div><img src="/img/csReflected5.jpg"></div> <div><img src="/img/lowPolyGun.jpg"></div> <div><img src="/img/brokenHowdy.jpg"></div> <div><img src="/img/3D-allRed-Music.jpg"></div> </div> <div class="btnLEFT" onclick='mySwipe3D.prev()'> <svg class="arrow" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="45px" viewBox="0 0 20 45" enable-background="new 0 0 20 45" xml:space="preserve"> <polyline points="17.4,42.5 2.4,22.5 17.4,2.5 "/> </svg> </div> <div class="btnRIGHT" onclick='mySwipe3D.next()'> <svg class="arrow" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="45px" viewBox="0 0 20 45" enable-background="new 0 0 20 45" xml:space="preserve"> <polyline points="2.4,2.5 17.4,22.5 2.4,42.5 "/> </svg> </div> </div> </div> <div class="showWork5" id="PackagingWork"> <a href="#work"><div class="toggle5"> <svg class="closeX" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve"> <line x1="5.2" y1="5" x2="45.2" y2="45"/> <line x1="45.2" y1="5" x2="5.2" y2="45"/> </svg> </div></a> <div id='sliderBottle' class='swipe'> <div class='swipe-wrap'> <div><img src="/img/WBA-front.jpg"></div> <div><img src="/img/WBA-back.jpg"></div> <div><img src="/img/WBA-outside.jpg"></div> <div><img src="/img/WBA-inside.jpg"></div> </div> <div class="btnLEFT" onclick='mySwipeBottle.prev()'> <svg class="arrow" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="45px" viewBox="0 0 20 45" enable-background="new 0 0 20 45" xml:space="preserve"> <polyline points="17.4,42.5 2.4,22.5 17.4,2.5 "/> </svg> </div> <div class="btnRIGHT" onclick='mySwipeBottle.next()'> <svg class="arrow" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="45px" viewBox="0 0 20 45" enable-background="new 0 0 20 45" xml:space="preserve"> <polyline points="2.4,2.5 17.4,22.5 2.4,42.5 "/> </svg> </div> </div> <div class="workText"> <h1><span style="margin-left:-12px">“Why Reinvent the Wheel? Invent the Jetpack.”</span></h1> <p class="portText">Thinking through the purpose, rather than design alone, opens up the potential to make the common, uncommon. For example, positioning the standard 6-pack carton as an engaging space for storytelling. </p> </div> </div> <div class="showWork6" id="PhotoWork"> <a href="#work"><div class="toggle6"> <svg class="closeX" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="50px" height="50px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve"> <line x1="5.2" y1="5" x2="45.2" y2="45"/> <line x1="45.2" y1="5" x2="5.2" y2="45"/> </svg> </div></a> <div id='sliderPhoto' class='swipe'> <div class='swipe-wrap'> <div><img src="/img/PHOTO-car3.jpg"></div> <div><img src="/img/PHOTO-car2.jpg"></div> <div><img src="/img/PHOTO-car1.jpg"></div> <div><img src="/img/PHOTO-both-dogs.jpg"></div> <div><img src="/img/PHOTO-ebbet-boy.jpg"></div> <div><img src="/img/PHOTO-nephew-chow-down-1200.jpg"></div> <div><img src="/img/PHOTO-nephew.jpg"></div> <div><img src="/img/PHOTO-Niece.jpg"></div> <div><img src="/img/PHOTO-Outdoor-Light-String-Bokeh.jpg"></div> <div><img src="/img/PHOTO-tt-toms.jpg"></div> </div> <div class="btnLEFT" onclick='mySwipePhoto.prev()'> <svg class="arrowWhite" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="45px" viewBox="0 0 20 45" enable-background="new 0 0 20 45" xml:space="preserve"> <polyline points="17.4,42.5 2.4,22.5 17.4,2.5 "/> </svg> </div> <div class="btnRIGHT" onclick='mySwipePhoto.next()'> <svg class="arrowWhite" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="45px" viewBox="0 0 20 45" enable-background="new 0 0 20 45" xml:space="preserve"> <polyline points="2.4,2.5 17.4,22.5 2.4,42.5 "/> </svg> </div> </div> </div> <div class="offCan"> <a href="#work"><div class="work toggleWEB webBTN"> <img src="img/WORK-MiniDeskTop.jpg"> <h1> <button class="btnNew2">Web Design</button> </h1> </div></a> <!-- close Web Design --> <a href="#work"><div class="work toggleDPS dpsBTN"> <img src="img/WORK-BG-DPS.jpg"> <h1> <button class="btnNew2">Digital Publishing</button> </h1> </div></a> <!-- close DPS --> <a href="#work"><div class="work toggle5 packageBTN"> <img src="img/WORK-BG-WBA-Beer.jpg"> <h1> <button class="btnNew2">Innovative Ideas</button> </h1> </div></a> <!-- close packaging --> <a href="#work"><div class="work toggle4 3dBTN"> <img src="img/WORK-BG-3D.jpg"> <h1> <button class="btnNew2">3D & Animation</button> </h1> </div></a> <!-- close 3D --> <a href="#work"><div class="work toggle3 logoBTN"> <img src="img/WORK-BG-Logos.jpg"> <h1> <button class="btnNew2">Logo Design</button> </h1> </div></a> <!-- close logos --> <a href="#work"><div class="work toggle6 photoBTN"> <img src="img/WORK-BG-photos.jpg"> <h1> <button class="btnNew2">Photography</button> </h1> </div></a> <!-- close photo --> </div> <!-- ends Work Section --> </div> <!-- offCan container --> <div class="aboutWrapper clearfix" id="about" data-slide="2"> <div class="about"> <h1><strong>Pixel pusher by trade, problem solver by choice.</strong></h1> <p>A past professor once said "It's our job, as designers, to know everything." In knowing as much as possible, designers are better equipped to tackle the challenge at hand. Details that seem trivial — as small as a single pixel — build to create a cohesive and pleasant user experience.</p> <p>Successful design should make sense of the uncertain, and simplify the complex.</p> <a href="TraceThoma_Resume2016.pdf" target="_blank"><button class="btn btn-4">Download Résumé</button></a> </div> <div class="capable"> <p>Learning is my passion, especially new software, programming languages and time-saving techniques. Which makes me a regular jack of all trades — and master of many. <br /><br /><strong>A few of the programs I know:</strong></p> <ul id="graph"> <li><span class="aftereffects"></span>After Effects</li> <li><span class="illustrator"></span>Illustrator</li> <li><span class="indesign"></span>InDesign</li> <li><span class="photoshop"></span>Photoshop</li> <li><span class="premiere"></span>Premiere Pro</li> <li><span class="cinema"></span>Cinema 4D</li> <li><span class="finalCut"></span>Final Cut Pro</li> <li><span class="htmlcss"></span>HTML / CSS</li> <li><span class="jquery"></span>jQuery</li> <li><span class="wordpress"></span>WordPress</li> </ul> </div> </div> <div class="contactWrapper" id="contact" data-slide="3"> <div class="contactInfo"> <h1>Get in touch</h1> <p><a href="mailto:trace@tracethoma.com">trace@tracethoma.com</a> <b>email</b><br /> <a href="http://www.twitter.com/tracethoma" target="_blank">@tracethoma</a> <b>twitter</b><br /> <a href="http://www.linkedin.com/pub/trace-thoma/8/879/5/" target="_blank">Link with me</a> <b>linkedin</b></p> </div> </div> </div> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script async src="js/classie.js"></script> <script async src="js/cbpAnimatedHeader.js"></script> <script async src="js/jquery.nav.min.js"></script> <script src="js/jquery.fittext.js"></script> <script async src="js/waypoints.min.js"></script> <script src="js/swipe.min.js"></script> <script>jQuery("#hero").fitText(2, { minFontSize: '14px', maxFontSize: '30px' });</script> <script> window.mySwipe3D = new Swipe(document.getElementById('slider3D'), { startSlide: 0, speed: 300, continuous: true, }); $(".next3D").on('click', Slider.next); $(".prev3D").on('click', Slider.prev); </script> <script> window.mySwipe = new Swipe(document.getElementById('slider'), { speed: 300, continuous: true, }); $(".next").on('click', Slider.next); $(".prev").on('click', Slider.prev); </script> <script> window.mySwipeBottle = new Swipe(document.getElementById('sliderBottle'), { speed: 300, continuous: true, }); $(".nextBottle").on('click', Slider.next); $(".prevBottle").on('click', Slider.prev); </script> <script> window.mySwipePhoto = new Swipe(document.getElementById('sliderPhoto'), { speed: 300, continuous: true, }); $(".nextPhoto").on('click', Slider.next); $(".prevPhoto").on('click', Slider.prev); </script> <script> (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]= function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date; e=o.createElement(i);r=o.getElementsByTagName(i)[0]; e.src='//www.google-analytics.com/analytics.js'; r.parentNode.insertBefore(e,r)}(window,document,'script','ga')); ga('create','UA-22574950-1');ga('send','pageview'); </script> <script async src="js/plugins.min.js"></script> </body> </html>