-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcv2.html
156 lines (145 loc) · 8.12 KB
/
cv2.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
<!doctype html>
<html lang="en">
<head>
<title>CV</title>
<link rel="stylesheet" href="cv2.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initialscale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/usm/popper.min.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@577&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="contour">
<div id="head" class="container-fluid">
<div id="row1" class="row">
<div id="block1" class="col-sm">
</div>
<div id="block2" class="col-sm">
<p>Nom</p><p>Prénom </p>
</div>
<div class="col-sm" id="block3">
</div>
<div id="block4" class="col-sm">
<i class="fa fa-envelope" aria-hidden="true"> email</i><br>
<i class="fa fa-map-marker" aria-hidden="true"> adresse</i><br>
<i class="fa fa-calendar" aria-hidden="true"> Date de naissance</i><br>
<i class="fa fa-id-card" aria-hidden="true"> Permis de conduire</i><br>
<i class="fa fa-plane" aria-hidden="true"> Paris Iles de France</i><br>
<i class="fa fa-phone-square" aria-hidden="true">************</i><br>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div id="diplome" class="col-sm-6">
<h3>Diplomes et formations</h3>
<div class="row">
<div class="col-sm-3"><p><span class="date">2020</span><span class="points"> ...</span></p>
</div>
<div class="col-sm-9">
<p>
<span class="titre">Full-stack developper web:</span>
Five points-the talent pool
<ul type="circle">
<li>Développement d'une application web en full stack</li>
<li>Mention Bien</li>
</ul>
</p>
</div>
<div class="col-sm-3"><p><span class="date">2016</span><span class="points"> ...</span></p></div>
<div class="col-sm-9">
<p>
<span class="titre">Liscence fendamentalle en éléctronique,éléctrotéchnique et automatique:</span>
I.S.S.A.T-Sousse
<ul type="circle">
<li>projet tutoré:Smart garage</li>
<li>Mention Assez bien</li>
</ul>
</p>
</div>
<div class="col-sm-3"><p><span class="date">2012</span><span class="points"> ...</span></p></div>
<div class="col-sm-9">
<p>
<span class="titre">Baccalauréat :Mathématique</span>
Lycée secondaire-Beni Hassen
<ul type="circle">
<li>Moyenne:13.00</li>
<li>Mention Assez bien</li>
</ul>
</p>
</div>
</div>
</div>
<div id="experience" class="col-sm-6">
<h3>COMPETENCES</h3>
<h6>Informatiques</h6>
<div class="progress" style="height: 3px;">
<div class="progress-bar" role="progressbar" style="width: 80%;" aria-valuenow="80%" aria-valuemin="0%" aria-valuemax="100%"></div>
</div>
<p>Une bonne aqcuisition de notions éléctroniques.Une bonne aqcuisition de notions informatiques.<br>
Une bonne manipulation des logicielles d microsoft office:WORD,EXEL,POWERPOINT.</p>
<h6>Electroniques</h6>
<div class="progress" style="height: 3px;">
<div class="progress-bar" role="progressbar" style="width:75%;" aria-valuenow="75%" aria-valuemin="0%" aria-valuemax="100%"></div>
</div>
<p>Une bonne aqcuisition de notions éléctronique.<br>
Une manipulation professionelle des systèmes éléctroniques.<br>
Ouvert à chaque adaptation des nouveautées dans ce domaines. </p>
</div>
<div id="competence" class="col-sm-6">
<h3>EXPERIENCES PROFESSIONELLES</h3>
<div class="row">
<div class="col-sm-3"><p> <span class="date">De 2017 A 2019</span class="date"><span class="points"> ...</span></p></div>
<div class="col-sm-9">
<p>
<span class="titre">Technicien supèrieur en éléctronique et controle éléctrique:</span>
P.S.Z,S.A.R.L-Ksar Helal<br>
Une responsibilité de maintenance préventive.<br>
Optimisation des modules de test éléctrique.<br>
Programmation de splanches éléctriques.<br>
Maintennace correctives des problèmes de services controle éléctrique.
</p>
</div>
</div>
</div>
<div id="Langues" class="col-sm-6">
<h3>LANGUES</h3>
<h6>Français</h6>
<div class="progress" style="height: 3px;">
<div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="90%" aria-valuemin="0%" aria-valuemax="100%"></div>
</div>
<p>Niveau Scolaire:Liscence</p>
<h6>Anglais</h6>
<div class="progress" style="height: 3px;">
<div class="progress-bar" role="progressbar" style="width: 70%;" aria-valuenow="70%" aria-valuemin="0%" aria-valuemax="100%"></div>
</div>
<p>Niveau5 :Conversation 1 (chez Amedieast)</p>
<h6>Allemand</h6>
<div class="progress" style="height: 3px;">
<div class="progress-bar" role="progressbar" style="width: 40%;" aria-valuenow="40%" aria-valuemin="0%" aria-valuemax="100%"></div>
</div>
<p>Niveau scolaire:Lycéé secondaire+foration eu centre de langues</p>
</div>
<div id="Atout" class="col-sm-6"></div>
<div id="Atout" class="col-sm-6">
<h3>Atout</h3>
<h6>Travail colaboratif</h6>
<div class="progress" style="height: 3px;">
<div class="progress-bar" role="progressbar" style="width: 85%;" aria-valuenow=85%" aria-valuemin="0%" aria-valuemax="100%"></div>
</div>
<p>Je suis capable d'intégrer rapidement dans les groupes de travail</p>
<h6>Assiduité</h6>
<div class="progress" style="height: 3px;">
<div class="progress-bar" role="progressbar" style="width: 80%;" aria-valuenow="80%" aria-valuemin="0%" aria-valuemax="100%"></div>
</div>
<p>Une bonne assiduité qui me rend toujours ambitieux d'avancer</p>
</div>
</div>
</div>
</div>
</body>
</html>