pRmJbw

index.pug

main
  header
    h1 Michael Stevens
    span
      em Data de Nascimento:
      |  5 de Junho de 1992
    span
      em Nacionalidade:
      |  Portuguesa
    span
      em Morada:
      |  Avenida da Liberdade nº15, 1600-000 Lisboa
    span
      em Telefone:
      |  +351 919191919
    span
      em Email:
      |  [email protected]
    span
      em Linked In:
      |  linkedin.com/michaelstevens
    span
      em Website:
      |  michaelstevens.com
  section
    h2 Formação Académica
    div
      header
        h3 Católica Lisbon School of Business and Economics, Lisboa - Portugal
        span 2011 - 2017
      h4 Licenciatura em Gestão e Administração de Empresas
      ul
        li Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur, accusantium!
        li Lorem ipsum dolor sit amet, consectetur adipisicing elit.
    div
      header
        h3 Escola Secundária D. Sancho II - Portugal
        span 2007 - 2011
      h4 Ensino Secundário, Curso de Ciências e Tecnologias
      ul
        li Média Final de 16 Valores
        li Quadro de Honra e Excelência
  section
    h2 Experiência Profissional
    div
      header
        h3 Católica Lisbon School of Business and Economics, Lisboa - Portugal
        span 2011 - 2017
      h4 Licenciatura em Gestão e Administração de Empresas
      ul
        li Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur, accusantium!
        li Lorem ipsum dolor sit amet, consectetur adipisicing elit.
    div
      header
        h3 Católica Lisbon School of Business and Economics, Lisboa - Portugal
        span 2011 - 2017
      h4 Licenciatura em Gestão e Administração de Empresas
      ul
        li Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur, accusantium!
        li Lorem ipsum dolor sit amet, consectetur adipisicing elit.

prmjbw.markdown

pRmJbw

A Pen by José Carneiro on CodePen.

License.

scripts

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

style.scss

/* VARIAVBLES */

$font-sans: 'Open Sans', 'Helvetica Neue Thin', Helvetica Neue, Helvetica, Arial, sans-serif;
$font-headings: 'FF DIN';

/* IMPORT FONT */

@font-face {
  font-family: 'FF DIN';
  //src: url('https://cdn.rawgit.com/outer-space/ksk/f7b58d06/fonts/DIN/FF%20DIN%20Black/FF%20DIN%20Black/FF_DIN_Black.otf?raw=true')  format('opentype');
  src: url('https://cdn.rawgit.com/outer-space/ksk/f7b58d06/fonts/DIN/FF%20DIN%20Light/FF%20DIN%20Light/FF_DIN_Light.otf?raw=true') format('opentype');
}

/* RESET */

html, body {
  padding: 0;
  margin: 0;
}

html {
  box-sizing: border-box;
  font-size: 100%;
}

* {
  &, &:before, &:after {
    box-sizing: inherit;
  }
}

/* GENERAL STYLES */

body {
  font-family: $font-sans;
  line-height: 1.5;
}

a {
  color: inherit;
  text-decoration: none;
}

main {
  padding: 4em;
  & > header {
    span {
      display: inline-block;
      margin-left: 1em;
    }
  }
}

// TYPOGRAPHY

h1, h2, h3, h4 {
  margin: 0;
  margin--bottom: 1rem;
  font-family: 'FF DIN';
}

@media print {
  main {
    padding: 4em;
  }
}