/
index.html
94 lines (77 loc) · 3.49 KB
/
index.html
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
<!DOCTYPE html>
<!-- _ _ _______ __ __ _ -->
<!-- | | | |__ __| \/ | | -->
<!-- | |__| | | | | \ / | | -->
<!-- | __ | | | | |\/| | | -->
<!-- | | | | | | | | | | |____ -->
<!-- |_| |_| |_| |_| |_|______| -->
<html>
<head>
<title>Pierre LEMASSON public profile page</title>
<meta name="description" content="Bienvenue sur ma page de profil (:">
<!-- Responsive -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- UTF-8 because we are French ! -->
<meta charset="utf-8">
<!-- CSS -->
<link rel="stylesheet" href="style.css">
<!-- Fontawesome Stylesheet -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
<!-- Google Stylesheet -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap" rel="stylesheet">
<!-- Facebook meta tags -->
<meta property="og:title" content="Pierre LEMASSON public profile page">
<meta property="og:image" content="facebook-card.jpg">
<meta property="og:description" content="Bienvenue sur ma page de profil (:">
<meta property="og:site_name" content="Pierre LEMASSON public profile page"/>
<!-- Twitter meta tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@sirchamallow">
<meta name="twitter:title" content="Pierre LEMASSON public profile page">
<meta name="twitter:description" content="Bienvenue sur ma page de profil (:">
<meta name="twitter:creator" content="@sirchamallow">
<meta name="twitter:image:src" content="http://twitter-card.jpg">
</head>
<body>
<div class="container">
<div class="card">
<h1 class="gradient-text">Pierre LEMASSON 🧑💻</h1>
<!-- profile image-->
<img src="images/logo.png" class="profile-picture" width="200" height="200" alt="Pierre LEMASSON profile picture">
<!-- Description -->
<p>Passionné de veille, technologie et du cyber.<br>
Ancien responsable technique IoT / technicien support SAV / Électricien.<br>
<br>
Dans le monde professionnel depuis 21 ans. ¯\_(ツ)_/¯ <br>
J'entame une reconversion professionnelle (auparavant dans une startup) pour avoir une expertise dev dans l'IoT, ou, de continuer mon parcours professionnel en tant que Développeur Web si le code me plaît.
</p>
</br>
<!-- Button -->
<p><a class="btn btn-flat" a href="https://kitt.lewagon.com/alumni/sirchamallow" target="_blank">Mon profil sur Le Wagon</a></p><br>
</div>
<!-- Social Media -->
<div class="card">
<h2>Follow me (งツ)ว</h2>
<ul class="list-inline">
<li>
<a href="https://twitter.com/sirchamallow" target="_blank">
<i class="fab fa-twitter"></i> Twitter
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/pierrelemasson/" target="_blank">
<i class="fab fa-linkedin-in"></i> Linkedin
</a>
</li>
<li>
<a href="https://www.instagram.com/sirchamallow/" target="_blank">
<i class="fab fa-instagram"></i> Instagram
</a>
</li>
</ul>
</div>
</div>
</body>
</html>