-
Notifications
You must be signed in to change notification settings - Fork 0
/
resume.html
226 lines (206 loc) · 13.5 KB
/
resume.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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>CV de Léo GRAND</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- PARCELJS INJECTION -->
<script src="./resume.js"></script>
<!-- /PARCELJS INJECTION -->
<div class="container">
<div class="notification">
<div class="columns">
<div class="column">
<p class="title name">Léo GRAND</p>
<p class="subtitle desc">Développeur web</p>
</div>
<div class="column"></div>
<div class="column"></div>
<div class="column mt1">
<p>Age_ 22ans</p>
<p>Email_ <a href="mailto:[email protected]">[email protected]</a></p>
<p>Linkedin_ <a href="https://linkedin.com/in/leogrand">linkedin.com/in/leogrand</a></p>
<p>Github_ <a href="https://github.com/MUCHZER">github.com/MUCHZER</a></p>
<p>Web_ <a href="https://muchzer.fr/">muchzer.fr</a></p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4">
<article class="tile is-child notification">
<p class="title">SKILLS</p>
<div class="breadcrumb is-marginless" aria-label="breadcrumbs">
<ul>
<li><a href="#">Languages</a></li>
<li><a href="#">Maîtrisés</a></li>
</ul>
</div>
<div class="tags">
<span class="tag is-primary">JavaScript (Nodejs/Navigateur)</span>
<span class="tag is-primary">PHP</span>
<span class="tag is-primary">HTML5</span>
<span class="tag is-primary">CSS3</span>
<span class="tag is-primary">SASS</span>
<span class="tag is-primary">TypeScript</span>
<span class="tag is-primary">SQL</span>
<span class="tag is-primary">Bash</span>
</div>
<div class="breadcrumb is-marginless" aria-label="breadcrumbs">
<ul>
<li><a href="#">Languages</a></li>
<li><a href="#">Connaissances</a></li>
</ul>
</div>
<div class="tags">
<span class="tag is-dark">Assembleur</span>
<span class="tag is-dark">Java</span>
<span class="tag is-dark">Python</span>
<span class="tag is-dark">...</span>
</div>
<div class="breadcrumb is-marginless" aria-label="breadcrumbs">
<ul>
<li><a href="#">Technologies</a></li>
<li><a href="#">Maîtrisées</a></li>
</ul>
</div>
<div class="tags">
<span class="tag is-primary">Symfony</span>
<span class="tag is-primary">Angular</span>
<span class="tag is-primary">Vuejs</span>
<span class="tag is-primary">Docker</span>
<span class="tag is-primary">Webpack</span>
<span class="tag is-primary">jQuery</span>
<span class="tag is-primary">Silex</span>
<span class="tag is-primary">Expressjs</span>
<span class="tag is-primary">Swagger</span>
<span class="tag is-primary">Vagrant</span>
</div>
<div class="breadcrumb is-marginless" aria-label="breadcrumbs">
<ul>
<li><a href="#">Technologies</a></li>
<li><a href="#">Connaissances</a></li>
</ul>
</div>
<div class="tags">
<span class="tag is-dark">AWS</span>
<span class="tag is-dark">Laravel</span>
<span class="tag is-dark">NoSQL</span>
<span class="tag is-dark">Angular4</span>
<span class="tag is-dark">Websocket</span>
<span class="tag is-dark">Polymer</span>
<span class="tag is-dark">Parcel</span>
<span class="tag is-dark">BlueprintAPI</span>
<span class="tag is-dark">Strongloop</span>
<span class="tag is-dark">Jekyll</span>
<span class="tag is-dark">Apache TinkerPop</span>
<span class="tag is-dark">Dapps</span>
<span class="tag is-dark">...</span>
</div>
<div class="breadcrumb is-marginless" aria-label="breadcrumbs">
<ul>
<li><a href="#">Autres</a></li>
</ul>
</div>
<div class="tags">
<span class="tag is-primary">Linux/GNU</span>
<span class="tag is-primary">Radare2</span>
<span class="tag is-primary">Git</span>
<span class="tag is-primary">Mercurial</span>
<span class="tag is-primary">Wordpress</span>
<span class="tag is-primary">Blockchain</span>
<span class="tag is-primary">...</span>
</div>
</article>
<article class="tile is-child notification">
<p class="title">INTÉRÊTS</p>
<div class="tags">
<span class="tag is-primary">Composition musicale</span>
<span class="tag is-primary">Cybersécurité</span>
<span class="tag is-primary">Typographie</span>
<span class="tag is-primary">Cryptomonnaie</span>
<span class="tag is-primary">Hi-Tech</span>
<span class="tag is-primary">Jeux-vidéo</span>
</div>
<div>
<p><span class="blue">Organisation -></span> Hacking-Health 2017</p>
<p><span class="blue">Organisation -></span> La Silicon Comté</p>
</div>
</article>
<article class="tile is-child notification toggleable">
<p class="title">SERIES</p>
<div class="tags">
<span class="tag is-primary">Silicon Valley</span>
<span class="tag is-primary">Breaking Bad</span>
<span class="tag is-primary">Stranger Things</span>
<span class="tag is-primary">13 Reasons Why</span>
<span class="tag is-primary">Mr.Robot</span>
</div>
</article>
<article class="tile is-child notification">
<p class="title">LANGUAGES</p>
<p>Francais <span class="blue">></span> Langue maternelle</p>
<p>Anglais <span class="blue">></span> Professionnel</p>
<p class="toggleable">Espagnol <span class="blue">></span> ¡Sé cómo pedir una cerveza!</p>
</article>
</div>
<div class="column">
<article class="tile is-child notification">
<p class="title">EXPÉRIENCES</p>
<p class="subtitle"><span class="blue">=> </span>Développeur full-stack <span class="blue">@</span> Adledge (Paris)</p>
<p>Mars 2018 > Aujourd'hui</p>
<p class="marg">Développement NodeJS d'outils dockerisés, création d'une dashboard de dataviz en Vuejs et administration AWS (S3, CloudFront, EC2, RDS, Athena, ...)</p>
<br>
<p class="subtitle"><span class="blue">=> </span>Développeur web <span class="blue">@</span> Onlineformapro (Vesoul)</p>
<p>Juin 2017 > Mars 2018</p>
<p class="marg">Re-développement complet d'une plateforme de e-learning en Symfony (PHP)</p>
<br>
<p class="subtitle"><span class="blue">=> </span>Développeur web <span class="blue">@</span> Numerica (Besançon)</p>
<p>Nov 2016 > Juin 2017</p>
<p class="marg">Finalisation du moteur de recherche et développement d'un projet IoT utilisant la stack jHipster (Java), création d'interfaces web et mobile avec angularjs</p>
<br>
<p class="subtitle"><span class="blue">=> </span>Développeur web <span class="has-text-grey">(Stage professionnel)</span> <span class="blue">@</span> Numerica (Montbéliard)</p>
<p>Sept 2016 > Nov 2016</p>
<p class="marg">Développement d'un moteur de recherche avec Angular2 via une API Nodejs</p>
<br>
<p class="subtitle"><span class="blue">=> </span>Dessinateurs-projeteurs <span class="has-text-grey">(Stage professionnel)</span> <span class="blue">@</span> Art&Associés (Besançon)</p>
<p>Mai 2014 > Juin 2014</p>
<p class="marg">Réalisation de plan sous ArchiCAD et intégration 3D avec une équipe de deux dessinateurs-projeteurs</p>
<br>
<p class="subtitle"><span class="blue">=> </span>Dessinateurs-projeteurs <span class="has-text-grey">(Stage professionnel)</span> <span class="blue">@</span> Archi.Tech (Besançon)</p>
<p>Nov 2013 > Dec 2013</p>
<p class="marg">Création 3D et plan sous AutoCAD dans un cabinet d'architecture</p>
<br>
<p class="subtitle"><span class="blue">=> </span>Dessinateurs-projeteurs <span class="has-text-grey">(Stage professionnel)</span> <span class="blue">@</span> Département du Doubs (Besançon)</p>
<p>Nov 2012 > Dec 2012 et Mai 2013 > Juin 2013</p>
<p class="marg">Agencement, photo montage et réalisation de plan sous AutoCAD</p>
</article>
<article class="tile is-child notification">
<p class="title">ÉDUCATION</p>
<p class="subtitle"><span class="blue">=> </span>Développeur web <span class="blue">@</span> Access Code School (Besançon)</p>
<p>Mars 2016 > Sep 2016</p>
<p class="marg">Introduction dans le monde professionnel, apprentissage personnel et approfondissement des compétences dans le développement web</p>
<br>
<p class="subtitle"><span class="blue">=> </span>Remise à niveau en art <span class="blue">@</span> Lycée St.Jean (Besançon)</p>
<p>Oct 2014 > Juin 2015</p>
<p class="marg">Découverte et apprentissage dans le milieu de l’art visuel, graphisme et web design</p>
<br>
<p class="subtitle"><span class="blue">=> </span>Baccalauréat Technicien du bâtiment : Assistant d’architecte <span class="blue">@</span> Lycée Pierre Adrien Pâris (Besançon)</p>
<p>Oct 2012 > Juin 2014</p>
</article>
<article class="tile is-child notification">
<p class="title">CERTIFICATION</p>
<p><strong>Titre professionnel</strong> Développeur logiciel</p>
</article>
</div>
</div>
</div>
</div>
</body>
</html>