<!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 />&lt;ng-awesome ng-if=”coffee”&gt;
Awesome {code} here &lt;/ng-awesome&gt;</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>