<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title> HOME </title>
    <link rel="stylesheet" href="ui/css/home.css">
  </head>
  <body class="home">
    <nav>
      <ul>
	<li><a href="h">hybrid</a></li>
	<li><a href="f">fragile</a></li>
	<li><a href="a">aesthetics</a></li>
      </ul>
    </nav>
    <main>
      <section class="slides">
	<div class="slide">
	  <div class="bg"></div>
	  <article>
	    <header></header>
	    <main>
	      <section class="intro"><p>Voyons ce :root et var(--foo)</p></section>
	      <section class="chapter">
	      </section>
	    </main>
	    <aside>
	    </aside>
	    <footer>
	    </footer>
	  <nav>
	    <a href="https://ps.lesoiseaux.io/">p.s.:</a>
	  </nav>
	  </article>
	</div>
	<div class="slide"><div class="bg"></div></div>
	<div class="slide"><div class="bg"></div></div>
	<div class="slide"><div class="bg"></div></div>
	<div class="slide"><div class="bg"></div></div>
	<div class="slide"><div class="bg"></div></div>
	<div class="slide"><div class="bg"></div></div>
	<div class="slide"><div class="bg"></div></div>
	<div class="slide"><div class="bg"></div></div>
	<div class="slide"><div class="bg"></div></div>
	<div class="slide"><div class="bg"></div></div>
      </section>
    </main>
  </body>
</html>