<div class="container-fluid about-author bg-secondary">
    <div class="row justify-content-center bottom-spacer">
      <div class="col-2 align-self-center text-center">
        <img class="img-fluid img-thumbnail rounded" src="/images/james-peret-drawing.png">
      </div>
      <div class="col-6 jumbotron">
        <p class="lead">Hello, I'm James Peret, a designer, programmer and filmmaker from Sao Paulo, Brazil.</p>
        <p class="hide-if-sm">My skills include developing games with unity and C#, coding web apps with node and javascript, designing user interfaces and 3d modeling for games and industrial design.</p>
        <p class="hide-if-sm">I'm available for work in the areas of programming, design and filmmaking assistance.</p>
        <p>
          <a href="http://twitter.com/jamesperet" class="social-media-icon invert contrast"><img src="/images/icon-twitter.png" v-on:click="send_event('twitter')"></a>
          <a href="https://github.com/jamesperet" class="social-media-icon invert contrast"><img src="/images/icon-github.png" v-on:click="send_event('github')"></a>
          <a href="http://www.linkedin.com/in/jamesperet" class="social-media-icon invert contrast"><img src="/images/icon-linkedin.png" v-on:click="send_event('linkedin')"></a>
          <a href="https://vimeo.com/jamesperet" class="social-media-icon invert contrast"><img src="/images/icon-vimeo.png" v-on:click="send_event('vimeo')"></a>
          <a href="https://youtube.com/jamesperet" class="social-media-icon invert contrast"><img src="/images/icon-youtube.png" v-on:click="send_event('youtube')"></a>
        </p>
      </div>
    </div>
</div>