HTML Exercise

resume.md

hi

<aside class="left-aside">
  <div class="identity">
    <div class='name'>
      <h2>Adam Lichty</h2>
    </div>
    <div class='title'>
      <h1>Full Stack Developer</h1>
    </div>
  </div>

  <br>

  <div class="interests">
    <h4>Interests</h4>
    Street art -
    Biking -
    Quadcopters -
    Motorcycles -
    Space -
    Civic Tech -
    Alt Transit -
    Dev Meetups
  </div>
</aside>

<div class="mid-container">
  <section class="about-me">
    <i class="fa fa-bicycle"></i>
    <h3>A little bit about me</h3>
    <hr>
    <p>
      I started out working in photography, though my professional interests soon branched to include art direction, creative conception
      and now, web development. After being self-employed I found myself in at the ground floor of a startup where we went on to see 20x growth.
      Through my time there I gained quite a bit of respect and experience for both the practical side of business and the amazing
      potential of a handful of driven people.
      <br>
      <br>
      In that time, I have lived in Denver, Chicago, NYC, Boulder and have traveled to dozens of international cities. This civic exploration has
      enamored me to areas of thought such as urbanization and place making, and through lots of research (I love researching) has led my wife
      and I to Seattle for where we plan to settle.
    </p>
  </section>

  <section class='experience'>
    <i class="fa fa-bolt"></i>
    <h3>Experience</h3>
    <hr>
      <div class='job'>
        <header class="job-header">
          <div class='company'>
            <h4>Galvanize</h4>
          </div>
          <div class='position'>
            <h4><i class="fa fa-angle-double-right"></i>Associate Instructor</h4>
          </div>
        </header>
        <div class='description'>
          <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
          </p>
        </div>
      </div>
      <div class='job'>
        <header class="job-header">
          <div class='company'>
            <h4>Trunk Club</h4>
          </div>
          <div class='position'>
            <h4><i class="fa fa-angle-double-right"></i>Art Director</h4>
          </div>
        </header>
        <div class='description'>
          <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
          </p>
        </div>
      </div>
      <div class='job'>
        <header class="job-header">
          <div class='company'>
            <h4>Jadam Photography</h4>
          </div>
          <div class='position'>
            <h4><i class="fa fa-angle-double-right"></i>Photographer</h4>
          </div>
        </header>
        <div class='description'>
          <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
          </p>
        </div>
      </div>
  </section>
</div>

<aside class="right-aside">
  <div class="skill-list">
    <i class="fa fa-code"></i>
    <h2>Tech Stack</h2>
    <hr>
    <div class="core-stack">
      <h4>Core-Stack</h4>
      <ul>
        <li>Ruby on Rails</li>
        <li>Ruby</li>
        <li>Javascript</li>
        <li>Ember</li>
      </ul>
    </div>
    <div class="complementary-stack">
      <h4>Complementary-Stack</h4>
      <ul>
        <li>jQuery</li>
        <li>Ajax</li>
        <li>HAML</li>
        <li>Git</li>
        <li>Github</li>
        <li>HTML5</li>
        <li>CSS3</li>
        <li>Sass</li>
        <li>Twitter Bootstrap</li>
        <li>Meteror.js</li>
        <li>Coffee Script</li>
        <li>Node.js</li>
        <li>PostgreSQL</li>
        <li>MySQL</li>
        <li>Pivotal Tracker</li>
      </ul>
    </div>
    <h4>APIs</h4>
    <ul>
      <li>Google Maps</li>
      <li>Twitter</li>
      <li>Instagram</li>
    </ul>
  </div>
</aside>