<!DOCTYPE html> <html lang="en"> <head> <title>Growth Hackers</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="./css/ie10-viewport-bug-workaround.css"> <!-- Custom styles --> <link rel="stylesheet" href="./css/main.css"> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="page-wrap"> <nav class="navbar navbar-inverse"> <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> <img src="./images/whitelogo.png" alt="logo" class="logo" /> </div> <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav"> <li><a href="#myCarousel">Projects</a></li> <li><a href="#team">The Team</a></li> <li role="presentation" class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false"> Team Members<span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="navMember"><a href="http://linkedin.com/in/ashlylamarr" target="_blank">Ashly LaMarr</a></li> <li class="navMember"><a href="//github.com/DrewWarrenTIY" target="_blank">Drew Warren</a></li> <li class="navMember"><a href="//www.linkedin.com/in/joniweiss" target="_blank">Joni Weiss</a></li> <li class="navMember"><a href="http://KellyFurness.com" target="_blank">Kelly Furness</a></li> <li class="navMember"><a href="//github.com/kevinutah-tiy" target="_blank">Kevin Black</a></li> <li class="navMember"><a href="//github.com/matsad3547" target="_blank">Matt Sadauckas</a></li> <li class="navMember"><a href="//github.com/Svartingknas" target="_blank">Sergio Morales</a></li> <li class="navMember"><a href="//github.com/trrapp12" target="_blank">Trevor Rapp</a></li> </ul> </li> <li><a href="#whatWeDo">What We Do</a></li> </ul> </div> </div> </nav> <div class="jumbotron"> <div class="jumbo-text"> <h1>Growth Hackers</h1> <p>Front-End Engineering Grads of Fall 2016</p> </div> </div> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> <li data-target="#myCarousel" data-slide-to="3"></li> <li data-target="#myCarousel" data-slide-to="4"></li> <li data-target="#myCarousel" data-slide-to="5"></li> <li data-target="#myCarousel" data-slide-to="6"></li> <li data-target="#myCarousel" data-slide-to="7"></li> <li data-target="#myCarousel" data-slide-to="8"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <div class="item active"> <img class="car-img img-responsive center-block" src="./images/growthHackersProjectsPhoto.jpg" alt="Image"> <div class="carousel-caption"> <br> <p>Our Projects</p> </div> </div> <div class="item carouselRandom"> <a href="#"> <img class="car-img img-responsive center-block" src="./images/ash_project.jpg" alt="Image of a project landing page"> <div class="carousel-caption"> <h3>Ashly LaMarr</h3> </div> </a> </div> <div class="item carouselRandom"> <a href="http://shiftswapforsues.herokuapp.com/" target="_blank"> <img class="car-img img-responsive center-block" src="./images/drew-project.png" alt="Image"> <div class="carousel-caption"> <h3>Drew</h3> <p>ShiftSwap</p> </div> </a> </div> <div class="item carouselRandom"> <a href="http://my-awesome-therapist.herokuapp.com/" target="_blank"> <img class="car-img img-responsive center-block" src="./images/joni-project.png" alt="Image of a project landing page"> <div class="light-text-shadow carousel-caption"> <h3>~ Joni ~</h3> </div> </a> </div> <div class="item carouselRandom"> <a href="http://hiddensurplus.kellyfurness.com/" target="_blank"> <img class="car-img img-responsive center-block" src="./images/kelly_project.jpg" alt="Image"> <div class="dark-text carousel-caption"> <h3>Kelly</h3> <p>Hidden Surplus</p> </div> </a> </div> <div class="item carouselRandom"> <a href="http://kjblack.com/" target="_blank"> <img class="car-img img-responsive center-block" src="./images/kevin-project.png" alt="Image"> <div class="dark-text carousel-caption"> <h3>Kevin</h3> </div> </a> </div> <div class="item carouselRandom"> <a href="http://us-solar-energy-resources.herokuapp.com/" target="_blank"> <img class="car-img img-responsive center-block" src="./images/us-solar-energy-resources.png" alt="Image"> <div class="dark-text carousel-caption"> <h3>Matt</h3><br /> </div> </a> </div> <div class="item carouselRandom"> <a href="http://clandestineslc.com/" target="_blank"> <img class="car-img img-responsive center-block" src="./images/sergio-project.png" alt="Image"> <div class="carousel-caption"> <h3>Sergio</h3> </div> </a> </div> <div class="item carouselRandom"> <a href="https://utin.herokuapp.com/" target="_blank"> <img class="car-img img-responsive center-block" src="./images/trevor-project.png" alt="Image"> <div class="carousel-caption"> <h3>Trevor</h3> </div> </a> </div> </div> <!-- Left and right controls --> <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> <!-- Team Members --> <div id="team" class="container text-center"> <h3>Team Members</h3><br> <div class="row"> <a class="teamMember" href="//github.com/DrewWarrenTIY" target="_blank"> <div id="drew" class="bio col-lg-3 col-md-3 col-sm-6 col-xs-12"> <img class="img-circle" src="./images/drew.jpg" alt="Generic placeholder image" width="140" height="140"> <h3>Drew Warren</h3> <p>I'm here to chew bubble gum and write code that impacts and improves the world... and I'm all out of bubble gum.</p> </div> </a> <a class="teamMember" href="//github.com/kevinutah-tiy" target="_blank"> <div id="kevin" class="bio col-lg-3 col-md-3 col-sm-6 col-xs-12"> <img class="img-circle" src="./images/kevin.jpg" width="140" height="140"> <h3>Kevin Black</h3> <p>Recovering Secondary Mathematics Teacher, Educational Administrator, and Educational Consultant. I enjoy hiking and snowshoeing with my wife.</p> </div> </a> <a class="teamMember" href="//github.com/matsad3547" target="_blank"> <div id="matt" class="bio col-lg-3 col-md-3 col-sm-6 col-xs-12"> <img class="img-circle" src="./images/matt.jpg" width="140" height="140"> <h3>Matt Sadauckas</h3> <p>I'm excited to join the wild world of web development.</p> </div> </a> <a class="teamMember" href="//github.com/Svartingknas" target="_blank"> <div id="sergio" class="bio col-lg-3 col-md-3 col-sm-6 col-xs-12"> <img class="img-circle" src="./images/sergio.jpg" alt="Generic placeholder image" width="140" height="140"> <h3>Sergio Morales</h3> <p>talk is cheap, show me the code. if (!=tired()) { keepCoding();} else { drinkCoffee();} Ready to contribute to the world of developing.</p> </div> </a> <a class="teamMember" href="//www.linkedin.com/in/joniweiss" target="_blank"> <div id="joni" class="bio col-lg-3 col-md-3 col-sm-6 col-xs-12"> <img class="img-circle" src="./images/joni.jpg" width="140" height="140"> <h3>Joni Weiss</h3> <p>Loving JavaScript / ES6, React, FlexBox, and Angular!<br /><ng-awesome ng-if=”coffee”> Awesome {code} here </ng-awesome></p> </div> </a> <a class="teamMember" href="//github.com/trrapp12" target="_blank"> <div id="trevor" class="bio col-lg-3 col-md-3 col-sm-6 col-xs-12"> <img class="img-circle" src="./images/trevor.jpg" width="140" height="140"> <h3>Trevor Rapp</h3> <p>(function trevorRapp ( ) { while (awake) { return code( ) })( );</p> </div> </a> <a class="teamMember" href="http://KellyFurness.com" target="_blank"> <div id="kelly" class="bio col-lg-3 col-md-3 col-sm-6 col-xs-12"> <img class="img-circle" src="./images/kelly.jpg" width="140" height="140"> <h3>Kelly Furness</h3> <p>Crazy about flexibility and Flexbox! When I'm not coding, I'm running away with the circus.</p> </div> </a> <a class="teamMember" href="http://linkedin.com/in/ashlylamarr" target="_blank"> <div id="ashly" class="bio col-lg-3 col-md-3 col-sm-6 col-xs-12"> <img class="img-circle" src="./images/ash.jpg" alt="An image of Ashly LaMarr" width="140" height="140"> <h3>Ashly LaMarr</h3> <p>I'm coming to development from an accounting and management background, and having a blast making the switch. I love Mondays!</p> </div> </a> </div> </div> <!-- What we do --> <div id="whatWeDo" class="container text-center"> <h3>What We Do</h3><br> <h4>We spent twelve weeks at The Iron Yard studying the ins and outs of front-end development, and are ready to conquer the tech world!* *Ready for our first dev positions.</h4> <div class="row"> <div class="col-sm-4"> <img id="drewMattHover" src="./images/drewMatt1.jpg" class="img-responsive" style="width:100%" alt="Drew and Matt love to code"> </div> <div class="col-sm-4"> <img src="./images/joni-lg.png" class="img-responsive" style="width:100%" alt="Joni Helps Everyone"> </div> <div class="col-sm-4"> <img src="./images/kelly-lg.png" class="img-responsive" style="width:100%" alt="Kelly Likes to Teach"> </div> </div> </div> </div> <!-- end page-wrap --> <footer class="navbar-inverse container-fluid text-center"> <div class="footerContainer"> <div class="fb"> <!-- Facebook iframe --> <iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Ffee-slc-2016.github.io%2Ftiy-slc-fee-2016%2F&width=96&layout=button&action=like&size=small&show_faces=false&share=true&height=65&appId=1268925249802518" width="96" height="65" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowtransparency="true"></iframe> </div> <!-- Twitter button --> <div class="twitter"> <a class="twitter-share-button" href="https://fee-slc-2016.github.io/tiy-slc-fee-2016/?text=Growth%20Hackers" data-size="medium">Tweet</a> </div> <!-- google plus --> <div class="g-plusone" data-size="medium" ></div> </div> </footer> <script src="https://apis.google.com/js/platform.js" async defer></script> <script src="./js/randomize.js"></script> </body> </html>