-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
219 lines (206 loc) · 11.2 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
<!DOCTYPE html>
<html>
<head>
<title>Mon CV</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href='https:fonds.googleapis.com/css?family=Lato'rel='stylesheet' type='text.css'>
<link rel="stylesheet" href="style.css">
<script src="js/script.js"></script>
</head>
<body>
<section id="about" class="container-fluid">
<div class="col-xs-8 col-md-4 profile-picture">
<img src="imagespor.jpg" alt="JD" class="img-circle">
</div>
<div class="heading">
<h1>Jean Denis LIKOBE MOBONDA</h1>
<h3>Développeur web junior</h3>
<a href="cvpor.pdf"class="button1">Télécharger CV</a>
</div>
</section>
<section id="skills">
<div class="red-divider"></div>
<div class="heading">
<h2>Compétences</h2>
</div>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="progress">
<div class="progress-bar" role="progress" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width:90%">
<h5>HTML 90%</h5>
</div>
</div>
<div class="progress">
<div class="progress-bar" role="progress" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width:90%">
<h5>CSS 90%</h5>
</div>
</div>
<div class="progress">
<div class="progress-bar" role="progress" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width:85%">
<h5>PHP 85%</h5>
</div>
</div>
</div>
<div class="col-md-6">
<div class="progress">
<div class="progress-bar" role="progress" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width:75%">
<h5>SYMFONY 3 et 4 75%</h5>
</div>
</div>
<div class="progress">
<div class="progress-bar" role="progress" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:70%">
<h5>C 70%</h5>
</div>
</div>
<div class="progress">
<div class="progress-bar" role="progress" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width:70%">
<h5>JAVA 70%</h5>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="education">
<div class="formation"></div>
<div class="heading">
<h2 class="formation-muted">Formations</h2>
</div>
<div class="container">
<div class="row">
<div class="col-sm-4">
<div class="education-block">
<h5>2018-2021</h5>
<spam class="glyphicon glyphicon-education"></spam>
<h3>Diplome d'ingénieur en Informatique</h3>
<h4>ETNA-Ivry sur seine</h4>
<div class="red-divider">
</div>
</div>
</div>
<div class="col-sm-4">
<div class="education-block">
<h5>2013-2018</h5>
<spam class="glyphicon glyphicon-education"></spam>
<h3>Licence en Géologie</h3>
<h4>Université Mohammed I oujda(Maroc)</h4>
<h4>Université d'Orléans</h4>
<div class="red-divider">
</div>
</div>
</div>
<div class="col-sm-4">
<div class="education-block">
<h5>2011-2012</h5>
<spam class="glyphicon glyphicon-education"></spam>
<h3>Baccalauréat</h3>
<h4>Institut Diasiwa Kinshasa(Rdcongo)</h4>
<div class="red-divider">
</div>
</div>
</div>
</div
</div>
</section>
<section id="project">
<div class="container">
<div class="white-divider"></div>
<div class="heading">
<h2>PROJECTS à l'ETNA</h2>
</div>
<ul class="timeline">
<li>
<div class="timeline-panel-container">
<div class="timeline-panel">
<div class="timeline-heading">
<h3>Crowdin en Symfony 4</h3>
<p class="text-muted"><small class="glyphicon glyphicone-time"></small>2018</p>
</div>
<div class="timeline-body">
<p>L'idée du site est de mettre en relation des traducteurs (personnes parlants plusieurs
<br />langues) avec des personnes qui ont besoin de faire traduire leur projet dans une
<br />dans une langue qu'ils ne maîtrisent pas.</p>
</div>
</div>
</div>
</li>
<li>
<div class="timeline-panel-container-inverted">
<div class="timeline-panel">
<div class="timeline-heading">
<h3>Adventure en PHP</h3>
<p class="text-muted"><small class="glyphicon glyphicone-time"></small>2018</p>
</div>
<div class="timeline-body">
<p>Consiste à réaliser un POC jeu. Objectif sera de développer un petit concept de survival
<br />game a partir d'un fichier deconfiguration pour pouvoir générer le jeux.</p>
</div>
</div>
</div>
</li>
<li>
<div class="timeline-panel-container">
<div class="timeline-panel">
<div class="timeline-heading">
<h3>PhpMyAdmin en PhpMySQL, orienté object en PHP et HTML</h3>
<p class="text-muted"><small class="glyphicon glyphicone-time"></small>2018</p>
</div>
<div class="timeline-body">
</p>Le Project consistait à installer Apache2,le Php 7et MySQL-server afin pouvoir
<br />seconnecter dans le MySQL.De savoir Créer des data bases dans le MySQL -server,
<br />savoir créerles tables dans le data bases pour pouvoir stocker les informations...</p>
</div>
</div>
</div>
</li>
<li>
<div class="timeline-panel-container-inverted">
<div class="timeline-panel">
<div class="timeline-heading">
<h3>CLIBMY en Langage C</h3>
<p class="text-muted"><small class="glyphicon glyphicone-time"></small>2018</p>
<div class="timeline-body">
</p>Le Project consistait à créer une librairie qui contient des fonctionnalités facultatives,
<br />création d'un fichier Make fille utiliser par le make pour exécuter unensemble d'action,
<br />comme la compilation d'un project ensemble d'action, comme la compilation d'un project.</p>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</section>
<section id="expériances">
<div class="darkred-divider"></div>
<div class="heading">
<h2 class="texte-muted">expériences</h2>
</div>
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="expérience-block">
<h5>2017</h5>
<spam class="glyphicon glyphicon-briefcase"></spam>
<h3>Stage sur le terrain dans le Pyrénées</h3>
<h4>Géolocalisation des différents sites dans le Pyrénées pour une réalisation d'une coupe géologique en ArcGis</h4>
</div>
</div>
<div class="col-sm-6">
<div class="expérience-block">
<h5>2016</h5>
<spam class="glyphicon glyphicon-briefcase"></spam>
<h3>Stage sur le terrain dans le Vercors</h3>
<h4>Réaliser une coupe géologique de l'Anticlinal du Saint Nazère et l'anticlinal Pont en Royans en bloc diagramme en ArcGis</h4>
</div>
</div>
</div>
</div>
</section>
</body>
</html>