Website

index.html

<div class="container">

  <h1 class="page-title">Full-stack Developer</h1>

  <div class="page-about-content">

    <p>My name is João Sardinha. I'm a web developer with very broad skills. I specialize in modern responsive frontend structures for web applications and websites, I'm also proeficent in building a custom backend or implement an existing, well established,
      CMS, it all depends on the project requirements.</p>

    <p>I love working in a team. I could not imagine working without GIT, even for small projects where I'm the only developer.</p>

    <p>One of the things I like the most is to talk with people about their projects and think about technological solutions that could help them. When someone poses me a problem, I only rest when I present them a solution.</p>
  </div>

</div>

style.less

/* Fonts */
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700|Patua+One);

* {
  //background-color: rgba(0,0,0,0.1);
}

/* Mixins */

// Micro clearfix - http://nicolasgallagher.com/micro-clearfix-hack/
.cf
.cf {
  *zoom: 1;
  
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  
  &:after {
    clear: both;
  }
}

/* Base */
html {
  font-size: 16px;
  line-height: 1.5em;
  color: hsl(220,5%,100%);
  background-color: hsl(220,20%,30%);
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.05);
}
body {
  line-height: 1.5em;
}

/* Reboot */
h6 {
  text-transform: uppercase;
}


/* Grid */
.container {
  @containerPadding: 20px;
  &:extend(.cf all);
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-left: @containerPadding;
  padding-right: @containerPadding;
}


/* The Fold */
.page-title {
  font-size: 3rem;
  line-height: 1em;
}

.page-about-content {
  max-width: 60%;
}

Website.markdown

Website

A Pen by João Sardinha on CodePen.

License.