es.html

<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<meta name="theme-color" content="#e8f5e9"/>
<link rel="icon" href="images/js-xxl.png" size="192x192">
<title>JSC-V</title>

<!-- CSS  -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/css/materialize.min.css">
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/devicons/1.8.0/css/devicons.min.css">
<link rel="stylesheet" href="css/style.css"/>
<script src="js/lang-detect.js"></script>

<main>
  <section class="section parallax-container valign-wrapper" id="index-banner">
    <div class="parallax"><img src="images/bg-2.jpg"></div>

    <div class="center container">

      <img class="profile-pic" src="images/profile.jpg" alt="profile picture"/>
      <h3 class="header white-text text-lighten-2">Juan Sebastián Camargo Visbal</h3>
      <h5 class="header white-text text-lighten-2">Ingeniero Electrónico & Web</h5>
      <div class="subheader">
        <a class="btn waves-effect uppercase white-text text-lighten-1" href="#contact-me">Contactarme</a>
      </div>


      <div class="container arrow-container">
        <i class="fa fa-angle-double-down"></i>
      </div>
    </div>

  </section>

  <!-- About me -->
  <section class="section container">
    <h4>About me</h4>

    <p>
      I'm an Electronics Engineer from Barranquilla, Colombia. I currently work as an independent web developer, creating websites for small businesses, and as support engineer at <a href="https://www.pasilobus.com">Pasilobus, Inc.</a>
    </p>
    <p>Some things to know about me: I'm a UX enthusiast, and aspring entrepreneur. A hard worker, I'm highly organized, good at delegating and teammwork but also independent, very eager to learn and obtain experience.
    </p>
    <a class="resume btn waves-effect" href="JSCV-Resume.pdf">Download Resumé</a>


  </section>

  <hr />

  <!-- My Skills -->
  <section class="section container">
    <h4>Skills</h4>

    <div class="row">
      <div class="col s4 center">
        <h5></h5>
      </div>
    </div>
    <div class="row center">
      <span class="devicons devicons-responsive"></span>
      <span class="devicons devicons-git"></span>

      <span class="devicons devicons-html5"></span>
      <span class="devicons devicons-css3"></span>
      <span class="devicons devicons-javascript"></span>

      <span class="devicons devicons-jquery"></span>

      <span class="devicons devicons-sass"></span>
      <span class="devicons devicons-coffeescript"></span>


      <span class="devicons devicons-wordpress"></span>
      <span class="devicons devicons-react"></span>
      <span class="devicons devicons-ruby_on_rails"></span>
      <span class="devicons devicons-meteor"></span>
    </div>
  </section>

  <hr />

  <!--My Projects-->
  <section class="section container">
    <h4>Portfolio</h4>
    <div class="center row">
      <div class="col s12 m6 l6">
        <img class="portfolio-thumbnail" src="images/thumbnail_3.png" alt="Alvarez & Asociados Law Firm"/>
        <p><a class="green-text" href="http://alvarezasociados.co">Alvarez & Asociados Law Firm</a></p>
      </div>
      <div class="col s12 m6 l6">
        <img class="portfolio-thumbnail" src="images/thumbnail_2.png" alt="Malinche Mexica Restaurant"/>
        <p><a class="green-text" href="http://malinche.com.co">Malinche Mexican Restaurant</a></p>
      </div>
    </div>
  </section>

  <hr />

  <!-- Contact me -->
  <section id="contact-me" class="section container">
    <h4>contact me</h4>
    <div class="row center">
      <a href="mailto:juanscv@outlook.com" rel="external" id="email-link" class="waves-effect waves-light">
        <i class="fa fa-envelope fa-2x"></i>
      </a>
      <a href="https://www.linkedin.com/in/juanscv" id="linkedin-link" class="waves-effect waves-light">
        <i class="fa fa-linkedin fa-2x"></i>
      </a>
      <a href="https://www.twitter.com/juanscv92" id="twitter-link" class="waves-effect waves-light">
        <i class="fa fa-twitter fa-2x"></i>
      </a>
      <a href="https://www.github.com/juanscv" id="github-link" class="waves-effect waves-light">
        <i class="fa fa-github fa-2x"></i>
      </a>
    </div>
  </section>
</main>

<footer class="page-footer white center">
  <div class="footer-copyright grey-text">
    Made with <a class="brown-text text-lighten-2" href="http://materializecss.com">Materialize</a>
  </div>
</footer>

<!--  Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/js/materialize.min.js"></script>
<script src="js/scripts.js"></script>
<!--  Google Analytics-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-62219838-1', 'auto');
ga('send', 'pageview');

</script>
<!-- Pepper -->
<script src='https://pepper.swat.io/embed.js?eyJwb3NpdGlvbiI6InJpZ2h0IiwiY29sb3IiOiIxMTExMTEiLCJjdXN0b21Db2xvciI6ZmFsc2UsImljb24iOiJidWJibGUiLCJwcm9ub3VuIjoibWUiLCJsYW5ndWFnZSI6ImVzIiwiYnJhbmRlZCI6dHJ1ZSwiaW50cm9UZXh0IjoiQ29udMOhY3RhbWUgYSB0cmF2w6lzIGRlOiIsImNoYW5uZWxzIjpbWyJsaW5rZWRpbiIsImh0dHBzOi8vd3d3LmxpbmtlZGluLmNvbS9pbi9qdWFuc2N2Iiwic29jaWFsIl0sWyJnaXRodWIiLCJodHRwczovL2dpdGh1Yi5jb20vanVhbnNjdiIsInNvY2lhbCJdLFsid2hhdHNhcHAiLCIrNTcgMzE2IDY1NjA2MzUiLCJzb2NpYWwiXSxbImVtYWlsIiwianVhbnNjdkBvdXRsb29rLmNvbSIsImNsYXNzaWMiXV19'></script>