-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
239 lines (213 loc) · 9.42 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
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
227
228
229
230
231
232
233
234
235
236
237
238
239
<!DOCTYPE html>
<!-- Header -->
<html lang="fr">
<head>
<title> COURNUT Quentin | Développeur</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description"
content="MinePlugins Entreprise de dévelopement WEB et d'application pour PME, TPE, Fonction Publique et Particulier">
<meta name="author" content="Cournut Quentin">
<meta name="keyword" content="Site, Info, Informatique, Développeur, PHP, WEB, SEO, Aide, Création, Innovation">
<meta name="robots" content="index">
<meta name="theme-color" content="#031523" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/solid.css"
integrity="sha384-+0VIRx+yz1WBcCTXBkVQYIBVNEFH1eP6Zknm16roZCyeNg2maWEpk/l/KsyFKs7G" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/fontawesome.css"
integrity="sha384-jLuaxTTBR42U2qJ/pm4JRouHkEDHkVqH0T1nyQXn1mZ7Snycpf6Rl25VBNthU4z0" crossorigin="anonymous">
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" />
<link rel="shortcut icon" type="image/png" href="images/favicon.png" />
<link rel="stylesheet" type="text/css" href="css/normalize.css" />
<link rel="stylesheet" type="text/css" href="css/custom.css">
<!-- <link rel="stylesheet" type="text/css" href="css/animate.min.css"> -->
<link rel="stylesheet" type="text/css" href="css/social.css">
<link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="css/owl.theme.default.min.css">
</head>
<body>
<a href="#vision">
<div class="accueil">
<div class="canvas">
<div id="animation" class="animation">
<canvas id="canvas"></canvas>
</div>
</div>
</div>
<div class="overlay">
<h1 class="titre principale">
<span>Cournut quentin</span>
</h1>
<h2 class="titre secondaire">
Développeur <span class="typed"></span>
</h2>
</div>
</a>
<div id="vision" class="row gris-bleu text-center besoin">
<div class="besoin-gauche">
<h1 class="besoin-text-titre reveal">Autodidacte</h1>
<p class="reveal">
Autodidacte, je sais apprendre et rechercher par moi-même afin d'enrichir mes compétences et résoudre
des problèmes qui nécessitent approfondissement et réflexion.
</p>
<h1 class="besoin-text-titre reveal">Esprit d'équipe</h1>
<p class="reveal">
Pour moi le travail d'équipe est essentielle surtout en informatique, il y a tellement de compétences
différentes que travailler en équipe est primordial.
</p>
</div>
<div class="besoin-center">
<img class="besoin-image reveal" src="images/besoin.svg" alt="Mes atouts" />
</div>
<div class="besoin-droite">
<h1 class="besoin-text-titre reveal">Ambitieux</h1>
<p class="reveal">
Je vais toujours essayer à réussir ma tâche de manière optimisée et soignée. Mes projets personnels en
sont l'exemple.
</p>
<h1 class="besoin-text-titre reveal">Dynamique</h1>
<p class="reveal">
Dynamique, je suis entreprenant dans mon travail, je sais avancer seul mais aussi ensemble ce qui est
important dans le monde du travail.
</p>
</div>
</div>
<div class="row gris-bleu-clair text-center">
<h1 class="langage-titre reveal">Mes domaines de prédilections</h1>
<div class="owl-carousel">
<div><img class="logo" src="images/php.svg" alt="php logo" /></div>
<div><img class="logo" src="images/html5.svg" alt="html5 logo" /></div>
<div><img class="logo" src="images/css3.svg" alt="css3 logo" /></div>
<div><img class="logo" src="images/csharp.svg" alt="c# logo" /></div>
<div><img class="logo" src="images/python.svg" alt="python logo" /></div>
<div><img class="logo" src="images/arduino.svg" alt="arduino logo" /></div>
<div><img class="logo" src="images/raspberry.svg" alt="raspberry logo" /></div>
<div><img class="logo" src="images/debian.svg" alt="debian logo" /></div>
<div><img class="logo" src="images/proxmox.png" alt="proxmox logo" /></div>
</div>
</div>
<div class="row projet gris-bleu">
<div class="projet-gauche text-center reveal">
<h1 class="projet-titre">Mes projets</h1>
<a href="https://github.com/MinePlugins" target="_blank">
<img class="projet-logo reveal" src="images/github.svg" alt="debian logo" />
</a>
</div>
<div class="projet-droite">
<ul>
<li>
<p><a href="https://github.com/MinePlugins/SHM-Client" target="_blank"
alt="SHM-Client">SHM-Client</a> Un utilitaire de gestion de machine tel que Windows / Linux
/ Mac OS optimisé pour TinkerBoard et Raspberry Pi</p>
</li>
<li>
<p><a href="meteo" target="_blank" alt="Météo Javascript">Météo Javacript</a> Une application basée
sur OpenWeatherMap</p>
</li>
<li>
<p><a href="https://github.com/MinePlugins/Badgeuse-Estiam" target="_blank"
alt="Badgeuse ESTIAM">Badgeuse ESTIAM</a> Réalisation d'une badgeuse connecté</p>
</li>
</ul>
</div>
</div>
<div class="row parcour gris-bleu-clair">
<div class="timeline">
<div class="boite droite reveal">
<div class="contenu">
<h2>Sept 2021-Maintenant <img src="images/siview.png" class="estiam"></h2>
<p>Je suis actuellement alternant au poste de développeur embarquer au sein de la société SiView.
J'ai pour mission de développer les objets connectés, faire de la rétro-ingénierie et de la
gestion d'infrastructure informatique.</p>
</div>
</div>
<div class="boite gauche reveal">
<div class="contenu">
<div class="on2">
<svg style="width:64px;height:px" viewBox="0 0 24 24">
<path fill="currentColor"
d="M16 8C16 10.21 14.21 12 12 12C9.79 12 8 10.21 8 8L8.11 7.06L5 5.5L12 2L19 5.5V10.5H18V6L15.89 7.06L16 8M12 14C16.42 14 20 15.79 20 18V20H4V18C4 15.79 7.58 14 12 14Z" />
</svg>
</div>
<h2>Oct 2020 - Août 2022<img src="images/cfa-insta.png" class="estiam"></h2>
<p>Je suis actuellement étudiant au CFA-INSTA, j'effectue un parcours en 2 ans pour obtenir un
master
architecte technique en informatique et réseaux.</p>
</div>
</div>
<div class="boite droite reveal">
<div class="contenu">
<h2>Juil 2019-Sept 2021 <img src="images/advanced-schema.svg" class="estiam"></h2>
<p>Ancien alternant au poste de DSI pour Advanced-Schema, en tant que SysAdmin et
Developpeur. J'ai pour mission de geré le monitoring de l'infrastructure.</p>
</div>
</div>
<div class="boite gauche reveal">
<div class="contenu">
<h2>Juillet-Octobre 2018 <img src="images/arcplex.svg" class="estiam"></h2>
<p>J'ai effectué mon stage de fin de première année au sein d'Arcplex. J'ai travaillé sur des
projets d'objets connectés pour de grosses entreprises telle que : Accord Hôtel Arena, Cartier.
</p>
</div>
</div>
<div class="boite droite reveal">
<div class="contenu">
<div class="on">
<svg style="width:64px;height:px" viewBox="0 0 24 24">
<path fill="currentColor"
d="M16 8C16 10.21 14.21 12 12 12C9.79 12 8 10.21 8 8L8.11 7.06L5 5.5L12 2L19 5.5V10.5H18V6L15.89 7.06L16 8M12 14C16.42 14 20 15.79 20 18V20H4V18C4 15.79 7.58 14 12 14Z" />
</svg>
</div>
<h2>Oct 2017 - Oct 2020<img src="images/estiam.svg" class="estiam"></h2>
<p>Ancien étudiant à l'ESTIAM, j'effectue un parcours en 3 ans pour obtenir un bachelor
expert en système informatique et réseaux. Je travaille en tant que SI au sein de l'école pour
gérer le réseau, les objets connectés, etc...</p>
</div>
</div>
<div class="boite gauche reveal">
<div class="contenu">
<h2>Juin 2017 BAC S mention assez bien</h2>
<p>Fin juin 2017 j'ai obtenu le bac scientifique mention assez bien avec 13,8/20</p>
</div>
</div>
<!-- <div class="boite droite reveal">
<div class="contenu">
<h2>2017</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis luctus, felis quis feugiat pellentesque, felis leo laoreet elit, sed fringilla arcu nisl in augue. Fusce diam elit, consectetur eu justo at, efficitur iaculis velit.</p>
</div>
</div> -->
</div>
</div>
<div class="row profile gris-bleu">
<div class="profile-gauche">
<h2>Mon profil</h2>
<img src="images/photo.jpg" class="photo-profile" alt="Photo de profile" />
</div>
<div class="profile-detail">
<h2>Informations utiles</h2>
<h4>Localisation : <a
href="https://www.google.fr/maps/place/Chanteloup-les-Vignes/@48.9772827,2.0160874,14z/data=!3m1!4b1!4m5!3m4!1s0x47e68b995812d29b:0x40b82c3688c4290!8m2!3d48.978825!4d2.030051?hl=fr"
target="_blank"> Chanteloup-les-vignes</a></h4>
<h4>Mobile : <a href="tel:+33651351975"> 0651351975</a></h4>
<h4>Voiture : permis B </h4>
<h4>E-Mail : <a href="mailto:[email protected]">[email protected]</a></h4>
</div>
<div class="profile-droite">
<h3>Scannez-moi !</h3>
<a href="Quentin_Cournut.vcf"><img src="images/qr.png" class="qr-code"></a>
</div>
</div>
<div class="footer">
<div class="info">
Cournut Quentin - Copyright 2020
</div>
</div>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="js/TweenLite.min.js"></script>
<script src="js/EasePack.min.js"></script>
<script src="js/animation.js"></script>
<script src="js/typed.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="https://unpkg.com/scrollreveal"></script>
<script src="js/script.js"></script>