-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
380 lines (348 loc) · 28.1 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
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<title>Seif Eddine BENOMAR - site personnel</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Responsive HTML5 Website Landing Page for Developers">
<meta name="author" content="Xiaoying Riley at 3rd Wave Media">
<link rel="shortcut icon" href="favicon.ico">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<!-- Global CSS -->
<!--
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
-->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Plugins CSS -->
<!--
<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">
-->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<!-- github calendar css -->
<link rel="stylesheet" href="assets/plugins/github-calendar/dist/github-calendar.css"
/>
<!-- github acitivity css -->
<link rel="stylesheet" href="assets/plugins/github-activity/src/github-activity.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/octicons/2.0.2/octicons.min.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- ******HEADER****** -->
<header class="header">
<div class="container">
<img class="profile-image img-responsive pull-left" src="assets/images/profile.png" alt="James Lee" />
<div class="profile-content pull-left">
<h1 class="name">Seif Eddine BENOMAR</h1>
<h2 class="desc">Etudiant en Informatique et developpeur d'applications web et desktop</h2>
<ul class="social list-inline">
<!--
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
-->
<!--
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
-->
<li><a href="https://fr.linkedin.com/in/seif-eddine-benomar-5a2221135"><i class="fa fa-linkedin"></i></a></li>
<li><a href="https://github.com/benomase"><i class="fa fa-github-alt"></i></a></li>
<!--<li class="last-item"><a href="#"><i class="fa fa-hacker-news"></i></a></li> -->
</ul>
</div><!--//profile-->
<a class="btn btn-cta-primary pull-right" href="https://fr.linkedin.com/in/seif-eddine-benomar-5a2221135" target="_blank"><i class="fa fa-paper-plane"></i> Contacter Moi</a>
</div><!--//container-->
</header><!--//header-->
<div class="container sections-wrapper">
<div class="row">
<div class="primary col-md-8 col-sm-12 col-xs-12">
<section class="about section">
<div class="section-inner">
<h2 class="heading">Apropos de Moi</h2>
<div class="content">
<p>
Depuis que j'étais enfant, j’ai toujours été passionné par tout ce qu’est en relation avec les ordinateurs, j’ai adoré de les réparer et les peaufiner, en grandissant, ma passion pour les ordinateurs et l’informatique a grandi, après l’obtention de mon baccalauréat, je n’ai pas hésité à m’orienter vers l’informatique.
</p>
<p>
Durant mes études de licence en informatique et master 1 en ingénierie du logiciel à l’université des sciences et de la technologie Houari Boumediene, j’ai appris comment résoudre les problèmes d’une façon algorithmique, comment créer et manipuler les bases de données, comment les systèmes d’exploitations marchent et comment les compilateurs analysent le code, et le plus important comment combiner toutes ces compétences pour développer un logiciel sure et maintenable tout en travaillant avec les derniers langages et méthodes de développement.
</p>
<p>
Tout cela m’a aidé à affiner ma vision professionnelle, j’ai commencé à voir l’informatique, et particulièrement le développement, comme un métier,et ça fait plus d’un an que je développe des applications web et desktop en freelance, ce qui m’as permis de gagner une expérience professionnelle et pratiquer ce que j’ai appris durant mon cursus.
</p>
<p>
Actuellement étudiant en master 1 en « Systèmes Informatique Complexes et Logiciels Embarquées » à l’Université de Brest, je suis en train d’acquérir un savoir-faire qui est en corrélation avec mon objectif, comme faire des tests unitaires, le contrôle de versions avec Git, faire des fichiers de build avec Ant, le développement web avec J2EE ainsi que la programmation avancé et parallèle.
</p>
</div>
</section><!--//section-->
<section class="latest section">
<div class="section-inner">
<h2 class="heading">Derniers Projets</h2>
<div class="content">
<div class="item featured text-center">
<h3 class="title"><a target="_blank">BlogBreton</a></h3>
<p class="summary"></p>
<div class="featured-image">
<img class="img-responsive project-image" src="assets/images/projects/BlogBreton.jpg" alt="project name" />
<stong> Application web : gestion d'un blog</strong>
<div class="ribbon">
<div class="text">
</div>
</div>
</div>
<div class="desc text-left">
<p>
<p>
Developpement d'une application web MVC en JavaEE
d'un blog, l'application assure les parties suivantes:
<p>
<p>
Gestion des utilisateurs : connection , inscription ,previleges ,roles.
</p>
<p>
Gestion des articles: l'ajout, la modification, la suppression ainsi que la gestion des images des articles.
</p>
<p>
L'application a été developper comme projet du module J2E en premiere année master sicle a Ubo.
</p>
<p>
<strong>Tags: </strong><span style="color:blue;">java,tomcat,jsp,servlets,jstl,html5,css3,jquery,mysql</span>
</p>
</p>
</div><!--//desc-->
</div><!--//item-->
<hr class="divider" />
<div class="item row">
<a class="col-md-4 col-sm-4 col-xs-12" target="_blank">
<img class="img-responsive project-image" src="assets/images/projects/eco-plast.png" alt="project name" />
</a>
<div class="desc col-md-8 col-sm-8 col-xs-12">
<h3 class="title"><a target="_blank">Gestion d'entreprise et personnel</a></h3>
<p>Developpement d'une application desktop personalisé pour la <strong>gestion du stock, personnel et clients </strong> de la societé SARL ECO-PLAST</p>
<p>
<strong>Tags:</strong> <span style="color:blue;">java,swing,apache-derby,sql</span>
</p>
</div><!--//desc-->
</div><!--//item-->
<div class="item row">
<a class="col-md-4 col-sm-4 col-xs-12" target="_blank">
<img class="img-responsive project-image" src="assets/images/projects/rec.png" alt="project name" />
</a>
<div class="desc col-md-8 col-sm-8 col-xs-12">
<h3 class="title"><a target="_blank">Application android - Reconnaissance facial</a></h3>
<p>Developpement d'une application android pour la reconnaissance facial comme un projet de fin d'études de licence</p>
<p>
<strong>Tags:</strong> <span style="color:blue;">android,java,xml,sqlite,opencv</span>
</p>
</div><!--//desc-->
</div><!--//item-->
<div class="item row">
<a class="col-md-4 col-sm-4 col-xs-12" target="_blank">
<img class="img-responsive project-image" src="assets/images/projects/8pool.png" alt="project name" />
</a>
<div class="desc col-md-8 col-sm-8 col-xs-12">
<h3 class="title"><a target="_blank">Application de gestion d'une salle de billard</a></h3>
<p>Developpement d'une application desktop personalisée pour la gestion d'une salle de billard située a ALGER.</p>
<p>
<strong>Tags:</strong> <span style="color:blue;">java,swing,apache-derby,sql</span>
</p>
</div><!--//desc-->
</div><!--//item-->
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
<section class="experience section">
<div class="section-inner">
<h2 class="heading">Expérience professionnelle</h2>
<div class="content">
<div class="item">
<h3 class="title">Enseignant de langue <span class="place"><a href="#">ACMB, Brest</a></span> <span class="year">(2016 - Present)</span></h3>
<p>Enseignement de langue arabe pour enfants</p>
</div><!--//item-->
<div class="item">
<h3 class="title">Chef d'équipe <span class="place"><a href="#">SARL - Ecoplast , Algerie</a></span> <span class="year">(2015 - 2016)</span></h3>
<p>Ce job ma permis d'apprendre a gérer la pression et les imprévues, de répartir les taches
et de communiquée avec les employes pour trouver des solution.</p>
</div><!--//item-->
<div class="item">
<h3 class="title">Developpeur d'application web et desktop en freelance <span class="place"><a href="#">Chez moi</a></span> <span class="year">(2015 - Present)</span></h3>
<p>Avec le freelancing j'ai pu appliquée mes connaissances que j'ai appris a l'université et gagner de l'experience professionnelle.</p>
</div><!--//item-->
<!--<div class="item">
<h3 class="title">Maintenance Informatique <span class="place"><a href="#">Chez moi</a></span> <span class="year">(2013)</span></h3>
<p>J'ai commencer a faire la maintenance informatique a un age tres jeune et en 2011 j'ai commencer pratiquer la maitenance comme un boulot que je fait de temp en temp.</p>
</div><!--//item-->
<div class="item">
<h3 class="title">Stage pratique : Administration bases des données- <span class="place"><a href="#">Entreprise de Réalisation de Forage Hydraulique et Travaux Electromécanique, Algerie</a></span> <span class="year">(2014)</span></h3>
<p></p>
</div><!--//item-->
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
</div><!--//primary-->
<div class="secondary col-md-4 col-sm-12 col-xs-12">
<aside class="info aside section">
<div class="section-inner">
<h2 class="heading sr-only">Basic Information</h2>
<div class="content">
<ul class="list-unstyled">
<li><i class="fa fa-map-marker"></i><span class="sr-only">Location:</span>Brest, France</li>
<li><i class="fa fa-envelope-o"></i><span class="sr-only">Email:</span><a href="#">[email protected]</a></li>
<li><i class="fa fa-link"></i><span class="sr-only">Website:</span><a href="#">http://www.seifeddinebenomar.com</a></li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="skills aside section">
<div class="section-inner">
<h2 class="heading">Compétences</h2>
<div class="content">
<p class="intro">
la majorité de mes copetences sont lier au domaine d'informatique .</p>
<div class="skillset">
<div class="item">
<h3 class="level-title">JAVA SE,EE<span class="level-label" data-toggle="tooltip" data-placement="left" data-animation="true" title="You can use the tooltip to add more info...">Expert</span></h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="85%">
</div>
</div><!--//level-bar-->
</div><!--//item-->
<div class="item">
<h3 class="level-title">Spring MVC, SpringBoot<span class="level-label" data-toggle="tooltip" data-placement="left" data-animation="true" title="You can use the tooltip to add more info...">Debutant</span></h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="45%">
</div>
</div><!--//level-bar-->
</div><!--//item-->
<div class="item">
<h3 class="level-title">HTML5, CSS3, JavaScript<span class="level-label">Avancée</span></h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="75%">
</div>
</div><!--//level-bar-->
</div><!--//item-->
<div class="item">
<h3 class="level-title">PHP, Symfony<span class="level-label">Avancée</span></h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="40%">
</div>
</div><!--//level-bar-->
</div><!--//item-->
<div class="item">
<h3 class="level-title">SQL<span class="level-label">Pro</span></h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="80%">
</div>
</div><!--//level-bar-->
</div><!--//item-->
<div class="item">
<h3 class="level-title">C,C++,Perl<span class="level-label">Avancée</span></h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="70%">
</div>
</div><!--//level-bar-->
</div><!--//item-->
<div class="item">
<h3 class="level-title">Linux<span class="level-label">Avancée</span></h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="80%">
</div>
</div><!--//level-bar-->
</div><!--//item-->
</div>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<!--
<aside class="testimonials aside section">
<div class="section-inner">
<h2 class="heading">Testimonials</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<p><i class="fa fa-quote-left"></i>sifou is an excellent software engineer and he is passionate about what he does. You can totally count on him to deliver your projects!</p>
</blockquote>
<p class="source"><span class="name">Tim Adams</span><br /><span class="title">Curabitur commodo</span></p>
</div>
<p><a class="more-link" href="#"><i class="fa fa-external-link"></i> More on Linkedin</a></p>
</div>
</div>
</aside>
-->
<aside class="education aside section">
<div class="section-inner">
<h2 class="heading">Education</h2>
<div class="content">
<div class="item">
<h3 class="title"><i class="fa fa-graduation-cap"></i>
Master1, Informatique</h3>
<h4 class="university">Université de Bretagne Occidentale ,Brest.<span class="year">(En cours)</span></h4>
</div><!--//item-->
<div class="item">
<h3 class="title"><i class="fa fa-graduation-cap"></i>Master1, Ingenierie du logiciel</h3>
<h4 class="university">Université Des Sciences Et De La Technologie de Houari Boumedien, Algerie<span class="year">(2015-2016)</span></h4>
</div><!--//item-->
<div class="item">
<h3 class="title"><i class="fa fa-graduation-cap"></i> Licence en Informatique</h3>
<h4 class="university">Université Des Sciences Et De La Technologie de Houari Boumedien, Algerie<span class="year">(2012-2015)</span></h4>
</div><!--//item-->
<div class="item">
<h3 class="title"><i class="fa fa-graduation-cap"></i> BAC Scientifique avec Mention</h3>
<h4 class="university">Lycée Abdessalem Habbachi, Algerie<span class="year">(2012)</span></h4>
</div><!--//item-->
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Langues:</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"><strong>Anglais:</strong></span>
<span class="level">Niveau bilingue <br class="visible-xs"/><i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> </span>
</li><!--//item-->
<li class="item">
<span class="title"><strong>Francais:</strong></span>
<span class="level">Niveau courant <br class="visible-sm visible-xs"/><i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star "></i></span>
</li><!--//item-->
<li class="item">
<span class="title"><strong>Arabe:</strong></span>
<span class="level">Langue natale <br class="visible-sm visible-xs"/><i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star "></i><i class="fa fa-star"></i><i class="fa fa-star"></i></span>
</li><!--//item-->
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
</div><!--//secondary-->
</div><!--//row-->
</div><!--//masonry-->
<!-- ******FOOTER****** -->
<footer class="footer">
<div class="container text-center">
<!--/* This template is released under the Creative Commons Attribution 3.0 License. Please keep the attribution link below when using for your own project. Thank you for your support. :) If you'd like to use the template without the attribution, you can check out other license options via our website: themes.3rdwavemedia.com */-->
<small class="copyright">Designed with <i class="fa fa-heart"></i> by <a href="" target="_blank">Me</a></small>
</div><!--//container-->
</footer><!--//footer-->
<!-- Javascript -->
<script type="text/javascript" src="assets/plugins/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery-rss/dist/jquery.rss.min.js"></script>
<!-- github calendar plugin -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/es6-promise/3.0.2/es6-promise.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fetch/0.10.1/fetch.min.js"></script>
<script type="text/javascript" src="assets/plugins/github-calendar/dist/github-calendar.min.js"></script>
<!-- github activity plugin -->
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/mustache.js/0.7.2/mustache.min.js"></script>
<script type="text/javascript" src="assets/plugins/github-activity/src/github-activity.js"></script>
<!-- custom js -->
<script type="text/javascript" src="assets/js/main.js"></script>
</body>
</html>