index.html

---
layout: landing
---
  <!-- HEADER -->
  <header class="top-header">

    <div class="container">

      <div class="portrait">
        <img src="/assets/img/portrait_372x373_@x2.png" alt="black & white portrait of Stephane looking toward his future">
      </div>


      <div class="title">
        <h1>{{site.author}}</h1>
        <h2>{{site.author_job}}</h2>
      </div>

      <div class="intro">
        <em>Hi.</em>
        <p>
          I’m Steph, a French <del>noob</del><ins> junior</ins> Front-end Developer who implements CSS for multi-devices and messes with  the JS nicely.
        </p>
      </div>

    </div> <!-- end .container -->

  </header>

  <!-- BIG-ICONS -->

  <div class="big-icons">
    <div class="container"></div>
  </div>


  <!-- SECTION WT*-I-DO -->
  <section class="what-I-do">

    <div class="container">

      <div class="yep-I-do">

        <h2>What I Do.</h2>
        <p>I do not design (not yet). Here is what I enjoy doing&nbsp;:</p>
        <ul>
          <li>Front-end Developement FTW!</li>
          <li>PSD to HTML5/CSS3/Javascript Website apps Templates</li>
          <li>Mobile-first, Responsive Layouts</li>
          <li>User Interface Implementation</li>
          <li>Performance-optimized websites</li>
        </ul>

        <p>After ending my last year IT class with a 3 months internship as a front-end developer at <a href="//twitter.com/arterrien" target="_blank">Arterrien</a>. Now I’m looking for new opportunities to keep improving and to work on exciting projects.</p>

      </div>  <!-- end .yep-I-do -->

    </div> <!-- end .container -->

  </section>


  <!-- SECTION CONTACT -->

  <section class="contact">

    <div class="container">

      <h2>Get in Touch.</h2>

      <ul class="primary-contact">
        <li><a href="tel:+33672945692">+33 6 72 94 56 92</a></li>
        <li><a href="mailto:hi@steph.io">hi@steph.io</a></li>
        <li><a href="//twitter.com/stephCoue">@stephCoue</a></li>
      </ul>

    </div> <!-- end .container -->

  </section>


  <!-- SECTION SOCIALIZE -->
  <section class="socialize">

    <div class="container">

      <ul class="social">
        <li class="social-mobile-linkedin"><a href="//fr.linkedin.com/in/stephcoue/">my Linkedin profile</a></li>
        <li class="social-mobile-github"><a href="//github.com/stephCoue">my Github repos</a></li>
        <li class="social-mobile-viadeo"><a href="//fr.viadeo.com/fr/profile/stephane.coue2">my Viadeo profile</a></li>
        <li class="social-mobile-gplus"><a href="//plus.google.com/u/0/100358654321848790843?rel=author" >I'm on Google plus</a></li>
        <li class="social-mobile-lanyrd"><a href="//lanyrd.com/profile/stephcoue/">Meet me in an Event. I'm on Lanyrd</a></li>
      </ul>

    </div>  <!-- end .container -->

  </section>

  <!-- SECTION SAY-HELLO -->
  <section class="say-hello">

    <div class="container">

      <h2>Say <em>Hello</em>.</h2>
      <p>Project in Mind? I’d love to hear from you.</p>

      <ul class="sayHi">

        <li><a href="mailto:hi@steph.io"><span class="icon email"></span></a></li>

        <li><a href="//twitter.com/stephCoue"><span class="icon twitter"></span></a></li>

        <li><a href="//github.com/stephCoue"><span class="icon github"></span></a></li>

        <li><a href="//fr.linkedin.com/in/stephcoue/"><span class="icon linkedin"></span></a></li>

        <li><a href="//fr.viadeo.com/fr/profile/stephane.coue2"><span class="icon viadeo"></span></a></li>

        <li><a href="//plus.google.com/u/0/100358654321848790843?rel=author"><span class="icon gplus"></span></a></li>

        <li><a href="//lanyrd.com/profile/stephcoue/"><span class="icon lanyrd"></span></a></li>

      </ul>

    </div> <!-- end .container -->

  </section>