-
Notifications
You must be signed in to change notification settings - Fork 0
/
cv.html
218 lines (197 loc) · 13.3 KB
/
cv.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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8"/>
<title>BALLO Ibrahima</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="cv.css"/>
</head>
<body>
<!-- entete cv -->
<header>
<div class="photo_container">
<!-- photo personnelle -->
<div class="photo_cv">
</div>
</div>
<div class="nom_description">
<h1 class="txt_center">BALLO Ibrahima</h1>
<label class="txt_center" style="font-size: 20px;">Développeur | UI/UX Designer</label>
<div style="word-wrap: break-word;">
À 22ans, j’ai trois ans d’expérience
dans le développement (site web,
application web et application
mobile).
Apte à travailler en équipe de même
qu’en solo, je suis prêt à bosser avec
des collaborateurs sur site ou à
distance.
</div>
</div>
</header>
<!-- fin entete cv -->
<!-- contenu cv -->
<main>
<div class="left_flex">
<div class="left_flex_container">
<!-- section adresse -->
<div class="section1">
<label>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>
</svg>
+22377786028
</label>
<label style="text-align:start ;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
<path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>
</svg>
ibrahimaballo01@gmail.com
</label>
<label>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-geo-alt" viewBox="0 0 16 16">
<path d="M12.166 8.94c-.524 1.062-1.234 2.12-1.96 3.07A31.493 31.493 0 0 1 8 14.58a31.481 31.481 0 0 1-2.206-2.57c-.726-.95-1.436-2.008-1.96-3.07C3.304 7.867 3 6.862 3 6a5 5 0 0 1 10 0c0 .862-.305 1.867-.834 2.94zM8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10z"/>
<path d="M8 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0 1a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/>
</svg>
Bamako, Mali
</label>
<a href="https://www.linkedin.com/in/ibrahima-ballo-841a561b5/" style="color:white; text-decoration: none;">
<label style="text-align:start ;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
</svg>
/Linkedin
</label>
</a>
<a href="https://github.com/BalloIbrahima" style="color:white; text-decoration: none;">
<label>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
</svg>
/Github
</label>
</a>
<a href="https://stackoverflow.com/users/12349305/ballo-ibrahima" style="color:white; text-decoration: none;">
<label style="text-align:start ;">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stack-overflow" viewBox="0 0 16 16">
<path d="M12.412 14.572V10.29h1.428V16H1v-5.71h1.428v4.282h9.984z"/>
<path d="M3.857 13.145h7.137v-1.428H3.857v1.428zM10.254 0 9.108.852l4.26 5.727 1.146-.852L10.254 0zm-3.54 3.377 5.484 4.567.913-1.097L7.627 2.28l-.914 1.097zM4.922 6.55l6.47 3.013.603-1.294-6.47-3.013-.603 1.294zm-.925 3.344 6.985 1.469.294-1.398-6.985-1.468-.294 1.397z"/>
</svg>
/Stack Overflow
</label>
</a>
<!-- <label> <img class="logo"/> paragraphe section 1</label> -->
</div>
<!-- fin section adresse -->
<!-- section compétences -->
<section class="section2">
<h2 class="title txt_center">| COMPETENCES</h2>
<h4 class="subtittle st_1"> Pofessionnelles</h4>
<ul class="ul_1">
<li>Angular</li>
<li>Ionic</li>
<li>Spring Boot</li>
<li>Firebase</li>
<li>Django</li>
<li>Xamarin</li>
<li>Andoid studio</li>
<li>Photoshop</li>
</ul>
<h4 class="subtittle st_2" > Personnelles</h4>
<ul class="ul_2">
<li>Management</li>
<li>Leadership</li>
<li>Sérieuse</li>
<li>Créativité</li>
</ul>
</section>
<!-- fin section compétences -->
<!-- section langues -->
<section class="section3">
<h2 class="title txt_center">| LANGUES</h2>
<ul>
<li>Français: Courant</li>
<li>Bambara: Courant</li>
<li>Anglais: Débutant</li>
</ul>
</section>
<!-- fin section langues -->
</div>
</div>
<!-- la flex box droite -->
<div class="right_flex">
<div class="right_flex_container">
<!-- section expérience professionnelles -->
<section>
<h2 class="title txt_center">| EXPERIENCES PROFESSIONNELLES</h2>
<div style=" margin-left: 10px;">
<h4 class="subtittle" style="text-transform:uppercase">JSTM | Developpeur web</h4>
<label class="label_date">02/2021-08/2015</label>
<label>06 mois de stage au (JSTM) Journal Scientifique et technique du Mali.
J'ai travaillé sur la partie frontend de la nouvelle version de leur site.
</label>
</div>
<div style="margin-left: 10px;">
<h4 class="subtittle" style="text-transform:uppercase"> CIRTIC | Developpeur Web</h4>
<label class="label_date">08/2021-11/2021</label>
<label>3 mois de stage au (CIRTIC) Centre d'Inovation de Recherche Technologique et d'Industrie Créative en tant que développeur web Django.
J'ai travaillé em même temps sur la partie frontend et backend.
</label>
</div>
<div style="margin-left: 10px;">
<h4 class="subtittle" style="text-transform:uppercase"> Alif Corp | Developpeur FullStack</h4>
<label class="label_date">11/2021-05/2022</label>
<label>6 mois de stage à Alif Corp pendant le quel j'ai développé une application mobile pour la prise d'assurance en ligne.J'ai également développé le site vitrime associé à l'application, et aussi participé au développement d'autres projets.</label>
</div>
</section>
<!-- fin section expériences proféssionnelles -->
<!-- section concernant mes formations -->
<section>
<h2 class="title txt_center">| FORMATIONS</h2>
<div style="margin-left: 10px;">
<h4 class="subtittle" style="text-transform:uppercase"> Licence | Faculté des Sciences et Techniques de Bamako</h4>
<label class="label_date">2017-2020</label>
<label>Licence en Génie Logiciel.
Mention Bien
</label>
</div>
<div style="margin-left: 10px;">
<h4 class="subtittle" style="text-transform:uppercase"> Certificat | Internet Society (Mali)</h4>
<label class="label_date">2020</label>
<label>
Marketing digital et entrepreneuriat
</label>
</div>
<div style="margin-left: 10px;">
<h4 class="subtittle" style="text-transform:uppercase"> Huawei</h4>
<label class="label_date">2020</label>
<label>
Seeds for the future
</label>
</div>
<div style="margin-left: 10px;">
<h4 class="subtittle" style="text-transform:uppercase"> Certificat | Udemy</h4>
<label class="label_date">2019</label>
<label>
Développement d’application mobile avec le framwork Xamarin
</label>
</div>
<div style="margin-left: 10px;">
<h4 class="subtittle" style="text-transform:uppercase"> Baccalauréat | Lyçée Technique de Bamako</h4>
<label class="label_date">2014-2017</label>
<label>Baccalauréat en Génie Civil.
Mention Assez Bien
</label>
</div>
</section>
<!-- fin section concernant mes formations -->
</div>
</div>
<!-- fin flex boxe droite -->
</main>
<!-- fin contenu -->
</body>
</html>
<!-- gauche bas:#353e4d
haut:#94a6b2
bas droite:blanc-->