koz.github.io/index.html at master · koz/koz.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://fonts.googleapis.com/css?family=Lato:300, 900|Open+Sans|Slabo" rel="stylesheet">
    <link rel="stylesheet" href="https://unpkg.com/tachyons@4.6.1/css/tachyons.min.css" />
    <link rel="stylesheet" href="style.css">
    <title>Koz</title>
  </head>
  <body class="bg-image-ns">
    <div class="bg-white absolute w-100 w-50-ns h-100 overflow-y-auto ph3 lato lh-copy fw3">
      <h1 class="b f5 mb4 open-sans">Gabriel Koz</h1>
      <span class="f2 db mb4 tl"> Hey, you can call me Koz. I'm a frontend developer from Brazil, living in Amsterdam (Netherlands).
      <span class="f2 db mb0 mt4 tl">I'm currently working at <a class="b no-underline bb pb0 black dim" id="BLink" href="https://www.booking.com/">Booking.com</a> in the Payments track, and previously I was working at <a class="b no-underline bb pb0 black dim" id="WCLink" href="https://work.co/">Work & Co</a>.</span>
      <span class="f2 db mb0 mt4 tl">I've been working with frontend since 2016 in projects with different tech stacks, but I have a soft spot for React and GraphQL in particular.</span>
      <span class="f2 db mb0 mt4 tl"> If you want to chat, you can reach me at <a class="b no-underline bb pb0 black dim" href="https://instagram.com/gkozlowaski">Instagram</a>, <a class="b no-underline bb pb0 black dim" href="https://twitter.com/gkozlowaski">Twitter</a>, <a class="b no-underline bb pb0 black dim" href="https://github.com/koz">Github</a> or <a class="b no-underline bb pb0 black dim" href="https://www.linkedin.com/in/gkozlowaski">Linkedin</a>. </span>
    </div>
    <div id="WCImage" class="absolute w-10 h-10 dn db-ns" style="transition: transform 300ms ease-in, opacity 300ms ease-in; transform: scale(0); opacity: 0;">
      <img src="WCo.svg" />
    </div>
    <div id="BImage" class="absolute w-10 h-10 dn flex-ns justify-center items-center pv4" style="transition: transform 300ms ease-in, opacity 300ms ease-in; transform: scale(0); opacity: 0; background-color: #003B95; margin-right: -0.6rem; padding: 3rem">
      <img src="BDot.svg" />
    </div>
  </body>
  <script type="application/javascript" src="index.js"></script>
</html>