michael-lefebvre.github.io/index.html at master · michael-lefebvre/michael-lefebvre.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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html lang="en" class="no-mask-">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
  <meta name="google-site-verification" content="Vkhqj7La1Nz9lZ1lmnOMldYYjA_WKJa3JFYB-lQaKOs">
  <link rel="icon" href="/favicon.ico?v=2">

  <!-- Metadata -->
  <title>Michael Lefebvre • full-stack web developer • Paris, France</title>
  <meta name="description" content="oh hai, my name is Michael Lefebvre. I am a french senior web developer living in Paris, with more than 15 years of experience in the industry.">

  <!-- Social -->
  <meta name="twitter:title" content="Michael Lefebvre ">
  <meta name="twitter:description" content="oh hai, my name is Michael Lefebvre. I am a french senior web developer living in Paris, with more than 20 years of experience in the industry.">
  <!--meta name="twitter:image" content="TODO ADD IMAGE"-->

  <meta property="og:title" content="Michael Lefebvre - Señor web developer - Paris, France">
  <meta property="og:url" content="https://michael-lefebvre.co">
  <meta property="og:description" content="oh hai, my name is Michael Lefebvre. I am a french senior web developer living in Paris, with more than 20 years of experience in the industry.">
  <!--meta property="og:image" content="TODO ADD IMAGE"-->
  <meta property="og:type" content="website">

  <!-- Fonts -->
  <script src="https://use.typekit.net/wxo5grt.js"></script>
  <script>try{Typekit.load({ async: true });}catch(e){}</script>

  <!-- Styles -->
  <link rel="stylesheet" href="/assets/css/styles.min.css">

  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-GFLWHVR63Q"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-GFLWHVR63Q');
  </script>

</head>
<body>
  <div class="container">
    <div class="content">
      <div class="greetings">
        <div class="greetings__box">
          <p class="greetings__box__hello">
            Hello, my name is
          </p>
          <h1 class="ff-sans fw-extra">Michael Lefebvre</h1>
          <p class="greetings__box__position">
            I am a <strong>senior full-stack web developer</strong>,<br>
            playing with HTTP at <a href="https://hull.io/" target="_blank" class="-co-primary">Hull</a> and <a href="https://gitscout.com/" target="_blank" class="-co-primary">Gitscout</a>.
          </p>
          <p class="greetings__box__companies">
            I worked for companies such as<br>
            <span class="fw-bold">e-Founders, Hivy, Spendesk, Aircall, Dior, Samsung, Clarins, Diesel, Guerlain, Louis Vuitton, Ultranoir, Generali, la Société Générale, Air France KML</span>
          </p>
        </div><!-- /.greetings__box -->
      </div><!-- /.greetings -->
      <ul class="projects">
        <li class="project__row">
          <a href="https://gitscout.com" target="_blank" class="project__link">
            <img src="/assets/img/project-gitscout.jpg" alt="Gitscout alpha screenshot" class="project__screen">
            <span class="project__url">gitscout.com</span>
          </a>
        </li>
        <li class="project__row">
          <a href="http://landing.mobee.tm.mc/" target="_blank" class="project__link">
            <img src="/assets/img/project-mobee.jpg" alt="Mobee landing page" class="project__screen">
            <span class="project__url">mobee.tm.mc</span>
          </a>
        </li>
        <li class="project__row">
          <a href="https://www.youtube.com/watch?v=5aVvtHt8b70" target="_blank" class="project__link">
            <img src="/assets/img/project-thrust-app-2.jpg" alt="Thrust for osteopath website" class="project__screen">
            <span class="project__url">thrust.fr</span>
          </a>
        </li>
        <li class="project__row">
          <a href="http://www.dagobert.com/" target="_blank" class="project__link">
            <img src="/assets/img/project-dagobert.jpg" alt="Dagobert digital communication agency website" class="project__screen">
            <span class="project__url">dagobert.com</span>
          </a>
        </li>
        <li class="project__row">
          <a href="http://www.gifrocket.com/" target="_blank" class="project__link">
            <img src="/assets/img/project-gifrocket.jpg" alt="Gifrocket app website" class="project__screen">
            <span class="project__url">gifrocket.com</span>
          </a>
        </li>
      </ul>
      <ul class="contact" id="contacts">
        <li>
          <a href="https://github.com/michael-lefebvre" target="_blank" class="co-title">
            <i class="i-network i-network--github">Github</i>
          </a>
        </li>
        <li>
          <a href="https://twitter.com/lefebvremichael" target="_blank" class="co-title">
            <i class="i-network i-network--twitter">Twitter</i>
          </a>
        </li>
      </ul><!-- /.contact -->
    </div><!-- /.content -->
  </div><!-- /.container -->
</body>
</html>