-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.php
More file actions
203 lines (155 loc) · 8.37 KB
/
index.php
File metadata and controls
203 lines (155 loc) · 8.37 KB
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
<?php include('header.php'); ?>
<main>
<!-- Title -->
<section id="headline">
<div id="strip-left" class="strip"></div>
<h1>Développeur Web Junior</h1>
<div id="strip-right" class="strip"></div>
</section>
<!-- About -->
<section id="introduction">
<img src="assets/img/pictureDB.jpg" alt="Picture of Denis Bourgeois">
<div id="content">
<h3>Denis Bourgeois</h3>
<ul>
<li id="EN"><img src="assets/img/flag-en.svg" alt="english flag Icon">Niveau B2</li>
<li id="NL"><img src="assets/img/flag-nl.svg" alt="Netherland flag Icon">Niveau A2</li>
<div class="line"></div>
<li id="license"><img src="assets/img/steering-wheel.svg" alt="Steering wheel Icon">Permis B</li>
</ul>
<div id="about" class="title">
<h2>About me</h2>
<div></div>
</div>
<p>Jeune apprenant orienté Front-end, suivant une formation de développeur web Junior chez Becode. Je possède un large éventail de compétences, et peux m'adapter selon les besoins, grâce à l'approche unique utilisée lors de mon apprentissage.</p>
</div>
</section>
<!-- Main -->
<div id="main-body">
<!-- Left-container -->
<div id="left-container">
<div id="left-one">
<!-- Education -->
<div id="parcours" class="title">
<h2>Parcours</h2>
<div></div>
</div>
<div id="split-one" class="split">
<h4>Formations</h4>
<div></div>
</div>
<section id="formations" class="path">
<ul class="list">
<li class="list-item"><span>2019-2020</span>Becode: Développeur Web Junior</li>
<li class="list-item"><span>2018-2019</span>Formations courtes:
<ul class="sub-list">
<li class="sub-list-item"><span>Juill.</span> Ecole 19: Piscine</li>
<li class="sub-list-item"><span>Avr.</span> Technocité: HTML/CSS - Bases</li>
<li class="sub-list-item"><span>Févr.</span> Cepegra: Essai Professionnel Web</li>
</ul>
</li>
</ul>
</section>
<div id="split-two" class="split">
<h4>Expérience</h4>
<div></div>
</div>
<section id="experience" class="path">
<ul class="list">
<li class="list-item"><span>2019-2020</span>Project Manager
<ul class="sub-list">
<li class="sub-list-item"><span>Nov. - Mars</span> Amélioration du site "A6k/E6k"</li>
</ul>
</li>
</ul>
</section>
<div id="split-three" class="split">
<h4>Etudes</h4>
<div></div>
</div>
<section id="studies" class="path">
<ul class="list">
<li class="list-item"><span>2016-2018</span><abbr title="Institut Catholique des Hautes Etudes Commerciales">ICHEC</abbr>Gestion d'entreprise</li>
<li class="list-item"><span>2014-2016</span><abbr title="Université Libre de Bruxelles">ULB</abbr>Fac d'architecture La Cambre-Horta</li>
<li class="list-item"><span>2008-2014</span><abbr title="Collège Saint-Michel de Gosselies">CSMG</abbr>Latin-Math-Langues / CESS</li>
</ul>
</section>
</div>
<div id="left-two">
<!-- Badges -->
<div id="badges" class="title">
<h2>Soft-skills</h2>
<div></div>
</div>
<section id="soft-skills">
<ul>
<li><img src="assets/img/badge_continuouslearner.svg" alt="Continuous Learner Badge" title="(certification officielle en attente)">Formation continue</li>
<li><img src="assets/img/badge_customeroriented.svg" alt="Customer Oriented Badge" title="(certification officielle en attente)">Orienté client</li>
<li><img src="assets/img/badge_teamplayer.svg" alt="Team Player Badge" title="(certification officielle en attente)">Team player</li>
<li><img src="assets/img/badge_teammanager.svg" alt="Team Manager Badge" title="(certification officielle en attente)">Team manager</li>
<li><img src="assets/img/badge_reliable.svg" alt="Reliable Badge" title="(certification officielle en attente)">Fiable</li>
</ul>
</section>
</div>
</div>
<!-- Right-container -->
<div id="right-container">
<div id="right-one">
<!-- Skills -->
<div id="qualifications" class="title">
<h2>Qualifications</h2>
<div></div>
</div>
<section id="technologies">
<ul class="part1">
<li><img src="assets/img/html.svg" alt="HTML Logo"><p>HTML</p></li>
<li><img src="assets/img/css.svg" alt="CSS Logo"><p>CSS</p></li>
<li><img src="assets/img/sass.svg" alt="SASS Logo"><p>SASS</p></li>
</ul>
<ul class="part2">
<li><img src="assets/img/js.svg" alt="JS Logo"><p>JS</p></li>
<li><img src="assets/img/php.svg" alt="PHP Logo"><p>PHP</p></li>
<li><img src="assets/img/git.svg" alt="GIT Logo"><p>Git</p></li>
</ul>
<p class="more"><em>Pour plus de précisions, voir <a href="#">Portfolio</a></em></p>
</section>
</div>
<!-- Contact -->
<div id="right-two">
<div id="liens" class="title">
<h2>Liens</h2>
<div></div>
</div>
<section id="redirections">
<ul>
<li><a href="#"><img src="assets/img/global.svg" alt="Website Icon" title="Website Link"></a></li>
<li><a href="https://www.linkedin.com/in/denis-bourgeois/"><img src="assets/img/linkedin.svg" alt="Linkedin Logo" title="Linkedin Profile"></a></li>
<li><a href="https://github.com/Debourgeo"><img src="assets/img/github.svg" alt="Github Logo" title="Github Page"></a></li>
</ul>
</section>
</div>
<!-- Misc -->
<div id="right-three">
<div id="achievements" class="title">
<h2>"Achievements"</h2>
<div></div>
</div>
<section id="trophies">
<ul>
<li><span class="img-area"><img src="assets/img/controler.svg" alt="Video Gamer Achievement"></span>Video Gamer, Twitch Watcher</li>
<li><span class="img-area"><img src="assets/img/pikachu.png" alt="Meme Enjoyer Achievement"></span>Meme Enjoyer, Internet Dweller</li>
<li><span class="img-area"><img src="assets/img/basketball.svg" alt="Sport Player Achievement"></span>Sport Player, Wanderer</li>
</ul>
</section>
</div>
<!-- <div class="split-two"></div>
<section class="informations">
<ul>
<li><img src="assets/img/mail.svg" alt="Mail Icon">bourgeodenis@gmail.com</li>
<li><img src="assets/img/phone.svg" alt="Phone Icon">+32 496/36.96.82</li>
</ul>
</section> -->
</div>
</div>
</main>
<?php include('footer.php'); ?>