<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <link rel="stylesheet" src="//normalize-css.googlecode.com/svn/trunk/normalize-css">
  <link href="https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i" rel="stylesheet">
  <title>Armon Arcuri</title>
</head>
<body>

    <header class='row row-1'>
      <div class='prof-pic-container col-3'>
        <img class='my-pic' src="images/headshot.jpg">
      </div>
      <div class='header-container col-9f'>
        <h1 class='my-name'>Armon Arcuri</h1>
        <h2 class='my-title'>Full Stack Developer</h2>
      </div>
    </header>

  <main>
    <section class='row skills-div hidden'>
      <div class='row top-skill-row'>
        <div class='col-4 skill'>
          <div class='col-6 tech'>Ruby</div>
          <div class='col-6'><img class='bars' src="images/4bars.png"></div>
        </div>
        <div class='col-4 skill'>
          <div class='col-6 tech'>Rails</div>
          <div class='col-6'><img class='bars' src="images/3bars.png"></div>
        </div>
        <div class='col-4 skill'>
          <div class='col-6 tech'>Sinatra</div>
          <div class='col-6'><img class='bars' src="images/3bars.png"></div>
        </div>
      </div>

      <div class='row middle-skill-row'>
        <div class='col-4 skill'>
          <div class='col-6 tech'>ActiveRecord</div>
          <div class='col-6'><img class='bars' src="images/3bars.png"></div>
        </div>
        <div class='col-4 skill'>
          <div class='col-6 tech'>Javascript</div>
          <div class='col-6'><img class='bars' src="images/3bars.png"></div>
        </div>
        <div class='col-4 skill'>
          <div class='col-6 tech'>jQuery</div>
          <div class='col-6'><img class='bars' src="images/3bars.png"></div>
        </div>
      </div>

      <div class='row middle-skill-row'>
        <div class='col-4 skill'>
          <div class='col-6 tech'>Node.js</div>
          <div class='col-6'><img class='bars' src="images/2bars.png"></div>
        </div>
        <div class='col-4 skill'>
          <div class='col-6 tech'>AJAX</div>
          <div class='col-6'><img class='bars' src="images/3bars.png"></div>
        </div>
        <div class='col-4 skill'>
          <div class='col-6 tech'>GitHub</div>
          <div class='col-6'><img class='bars' src="images/4bars.png"></div>
        </div>
      </div>

      <div class='row bottom-skill-row'>
        <div class='col-4 skill'>
          <div class='col-6 tech'>HTML</div>
          <div class='col-6'><img class='bars' src="images/3bars.png"></div>
        </div>
        <div class='col-4 skill'>
          <div class='col-6 tech'>MySQL</div>
          <div class='col-6'><img class='bars' src="images/3bars.png"></div>
        </div>
        <div class='col-4 skill'>
          <div class='col-6 tech'>CSS</div>
          <div class='col-6'><img class='bars' src="images/3bars.png"></div>
        </div>
      </div>
    </section>



    <section class='row my-work'>
      <div class='row'>
        <h3 class='col-12 section-title'>LATEST WORK</h3>
      </div>

      <article class='row'>
        <div class='col-12'>
          <img class='phoney-pic project-pic' src="images/phoney.jpg">
          <h4 class='project-title'>Phoney</h4>
          <p class='project-text'>Featured on <a href="https://techcrunch.com/2016/09/11/phoney-club-gets-you-out-of-uncomfortable-conversations/">TechCrunch</a>  and  <a href="https://www.ibm.com/blogs/watson/2016/09/watson-shines-techcrunch-disrupt-sf-hackathon/">IBM Watson Blog</a>. A mobile-first app that helps users get out of tough conversations. Utilizes IBM Watson API set to listen to a preset word or phrase. When user speaks the phrase, the app sends a call to the user's phone, using the Twilio API, giving the user a smooth excuse to exit. 
          <p class='project-text'>Tech: Javascript, Node.js</p> 
        </div>
      </article>
              
      <article class='row'>
        <div class='col-12 project-col'>
          <img class='eclair-gif project-pic' src="images/eclair.gif">
          <h4 class='project-title'>Eclair</h4>
          <p class='project-text'>Created at Health 2.0 codeathon, with Eclair, we created a proactive way for seniors to EASILY avoid their MEDICARE PART D coverage gap! Eclair utilizes the Pokitdok Pharmacy Formulary API to look up costs of medications using the patient's insurance and the FBD Cloud Connector API to return alternative medication suggestions.</p> 
          <p class='project-text'>Tech: Ruby on Rails, Javascript, jQuery, Bootstrap.</p>
        </div>
      </article>

      <article class='row'>
        <div class='col-12 project-col'>
          <img class='guardian-gif project-pic' src="images/animated.gif">
          <h4 class='project-title'>Guardian</h4>
          <p class='project-text'>DBC Final Project. Guardian is a mobile-first(only) app that utilizes a Parrot AR drone 2.0 as an API to help get you home safely. When the the app is engaged, the user's location and the drone's video feed is sent to a contact so that they can watch over their friend.</p> 
          <p class='project-text'>Tech: Parrot AR Drone 2.0, Ruby on Rails, Javascript, jQuery, Flexbox.</p>
        </div>
      </article>

    </section>

    <section class='row about-me-row'>
      <h3 class='col-12 about-me'>ABOUT ME</h3>
      <p class='col-12 about-me-text'>I'm a full stack web developer with a background in healthcare and entrepreneurship. I've built houses as part of disaster relief efforts, dabbled in international education, worked in pharmaceutical teams serving hundreds of clients daily, and built apps that make the world a safer place. My next pursuit is to find work as a web developer in San Francisco.</p>
      <h3 class='col-12 about-me'>RESUME</h3>
      <a class='resume' href="images/resume.pdf" download="resume.pdf"><i class="fa fa-download fa-5x" aria-hidden="true"></i></a>
    </section>

    </section class='contact'>
    </section>

    <footer class="row">
    </footer>
  </main>

<script src="main.js" ></script>
<script src="https://use.fontawesome.com/e23034a462.js"></script>

</body>
</html>