index.html

---
layout: home
---

<div class="relative">
  <header class="center mx-auto p3 md-p4">
    <h1 class=" h2 lg-h1 lg-m0">
      Boris Rorsvort
    </h1>
    <h2 class="h4 lg-h2 light m0">
      <strong>Design, development & product management</strong>.
    </h2>
    <p>I build apps, team processes & teach web design.
      <br>
      I’m a <strong>startup McGyver</strong> based in <strong>Brussels, Belgium</strong>.</p>
  </header>
  <aside class="container categories-nav">
    <div class="clearfix flex">
      <a href={{"design"}} class="categories-nav__item bg-red block center white p4 flex-auto col-12 md-col-6">
        <img src="{{ '/assets/images/circle.svg' | prepend: site.baseurl }}" alt="" class="categories-nav__item__icon">
        <div class="sm-h2 lg-h1 bold uppercase">
          Design
        </div>
        <small class="h4">
          User experience & interfaces
        </small>
      </a>
      <a href={{"code"}} class="categories-nav__item bg-yellow block center white p4 flex-auto col-12 md-col-6">
        <img src="{{ '/assets/images/square.svg' | prepend: site.baseurl }}" alt="" class="categories-nav__item__icon">
        <div class="sm-h2 lg-h1 bold uppercase">
          Code
        </div>
        <small class="h4">
          Custom development, speciallized in frontend
        </small>
      </a>
    </div>
    <div class="clearfix flex">
      <a href={{"teaching"}} class="categories-nav__item bg-blue block center white p4 flex-auto col-12 md-col-6">
        <img src="{{ '/assets/images/triangle.svg' | prepend: site.baseurl }}" alt="" class="categories-nav__item__icon">
        <div class="sm-h2 lg-h1 bold uppercase">
          Teaching
        </div>
        <small class="h4">
          Code, Art & Culture
        </small>
      </a>
      <a href={{"articles"}} class="categories-nav__item bg-green block center white p4 flex-auto col-12 md-col-6">
        <img src="{{ '/assets/images/hexagone.svg' | prepend: site.baseurl }}" alt="" class="categories-nav__item__icon">
        <div class="sm-h2 lg-h1 bold uppercase">
          Blog
        </div>
        <small class="h4">
          News, coding tips, design thinking,…
        </small>
      </a>
    </div>
  </aside>
</div>