-
Notifications
You must be signed in to change notification settings - Fork 0
/
Portfolio.html
221 lines (209 loc) · 8.95 KB
/
Portfolio.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Portfolio.css">
<title>Portfolio</title>
</head>
<body>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Portfolio.css">
<title>Portfolio</title>
</head>
<body>
<header>
<div class="logo">
<img src="IMAGES/MM.jpg" alt="photo">
<h1>CHRINOVIC</h1>
</div>
<ul class="menu">
<li><a href="#">Acceuil</a></li>
<li><a href="#competeces">Compétences</a></li>
<li><a href="#parcours">A propos</a></li>
<li><a href="#">Mon parcours</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<div class="number">
<p><a href="tel:+243991007401">(+243) 991007401</a></p>
</div>
<div class="small_menu">
<span>
<div></div>
<div></div>
</span>
<span>
<div></div>
<div></div>
</span>
</div>
</header>
<!--home-->
<section class="home">
<div class="left">
<h1>CHRINOVIC <span>MUKEBA</span></h1>
<h4>Apprentis Développeur web</h4>
<p>Je suis une personne passionné par l'informatique en général et le développement web en particulier</p>
<p>Je suis actuellement en pleine formation et je découvre de plus en plus des nouvelles choses dans ma pasion</p>
<p>La technologie me possionne et je fait de mon mieux pour découvrir chaque jour de nouvelles choses ou personnes pouvant m'aider à avancer dans ma passion</p>
<button class="buttom-link1">
<a href="#">Me venir en aide</a>
</button>
</div>
<div class="right">
<img src="IMAGES/home.jpg" alt="photo">
</div>
</section>
<!--Compétences-->
<section class="Comptences" id="competeces">
<h1 class="title">Mes Compétences</h1>
<p>
Depuis un certain temps j'ai commencé à apprendre le développement web et au cours de ce temps j'ai pu acquérire quelques compétences
</p>
<div class="small_title">
<div class="list_Competences">
<div class="Competences">
<!--img src="IMAGES/html.png" alt=""-->
<h4>HTML 5</h4>
<p>En étant passionné du développement web, j'ai commencé mon apprantissage par le html
et j'ai pu apprendre à structurer une page
web en utilisant des balises sémantiquement du html valide car en soit le
html est un language de balisage
permettant de créer des site web statique </p>
<button class="buttom-link">
<a href="#">M'aider</a>
</button>
</div>
<div class="Competences">
<!--img src="IMAGES/css.png" alt=""--->
<h4>CSS3</h4>
<p>Après avoir étudier le html j'ai pu apprendre à créer des site web statique
mais encore là il j'étais buté à un problème de beauté car les sites que je créais n'étais pas beau à voir
et c'est là que j'ai commené à apprendre(que je continue d'ailleurs d'apprendre) le CSS pour mettre du style à mes site
mais encore là statique
</p>
<button class="buttom-link">
<a href="#">M'aider</a>
</button>
</div>
<div class="Competences">
<!--img src="IMAGES/JAS.jfif" alt=""--->
<h4>JAVASCRIPT</h4>
<p>Après avoir appris les html et css je pouvais créer des site web statique et
à ce moment j'ai commencé à apprendre le Javascript qui me permet de créer
des site web dynamique et interactive et aussi c'est le langage qui nous permet
d'ajouter de l'interactiviter sur un site </p>
<button class="buttom-link">
<a href="#">M'aider</a>
</button>
</div>
<div class="Competences">
<!--img src="IMAGES/git.png" alt=""-->
<h4>GIT</h4>
<p>Après avoir étudier le html et css j'ai commencé à développer
des petits sites statiques mais j'étais aussi buté à un problème qui
est celui dont je pouvais oublier facilement là où je me suis arrêté avant
et cela me perturbais parfois et me décourrageais et c'est là que
j'ai fais la découvert l'outil GIT qui est un outil de versionning ce qui me
permet de me situer où je me suis arrêté et comment continuer</p>
<button class="buttom-link">
<a href="#">M'aider</a>
</button>
</div>
</div>
</div>
</section>
<section class="about">
<div class="main">
<img src="IMAGES/about.jpg" alt="">
<div class="about-text">
<h2>A propos de moi</h2>
<h5>Développeur & <span>Apprentis</span></h5>
<p>Je m'appelle chrinovic MUKEBA, etudiant à l'école supérieure d'informatique
salama en première licence,
passionné de l'informatique en général et le développement web en
particulier celà fait maintenant 3moi depuis que je me suis lancé
dans la quête de la connaissance pendant ce temps j'ai pu acquérir quelques compétences
telles que: <br><ul>
<li>Comment créer et structurer un site web avec le html5</li>
<li>Comment styliser un site web avec le CSS3 (en cours)</li>
<li>Comment gérer mon code avec Git et Github</li>
<li>Et pour le moment j'apprens aussi le JS pour donner vie aux sites que je crée</li>
</ul></p>
<button class="buttom-link">
<a href="#">M'aider</a>
</button>
</div>
</div>
</section>
<!--Section parcours-->
<section class="parcours" id="parcours">
<h1 class="title">Mon Parcours</h1>
<div class="list_parcours">
<h1>1</h1>
<div class="description">
<h3>2019 - 2020</h3>
<p>Bien que c'était une année pas comme les autres (difficile) j'ai réussi à obténir mon diplôme d'état à la fin de l'année scolaire 2019-2020 avec 62%</p>
</div>
</div>
<div class="list_parcours">
<h1>2</h1>
<div class="description">
<h3>2020 - 2021</h3>
<p>Après avoir obténu mon diplôme d'état, j'ai décidé de commencer mes étoudes universitaires à l'école supérieure d'informatique salama où j'ai commencé par une année préparatoire (l'année derniere)</p>
</div>
</div>
<div class="list_parcours">
<h1>3</h1>
<div class="description">
<h3>2021 - 2022</h3>
<p>Cette année je suis en Prémière licence informatique et c'est vraiment cette année où je me plonge dans ma passion en suivant des formations et en réjoignant des communautés des personnes parlant du numérique</p>
</div>
</div>
<div class="list_parcours">
<h1>4</h1>
<div class="description">
<h3>De Février 2022 à aujoued'hui</h3>
<p> j'ai pu acquérir certaines compétences (HTML5, CSS3, GIT et JS(en cours)) telles que citées ci-déssus et continue toujours à me former au numérique</p>
</div>
</div>
</section>
<section class="contact" id="contact">
<h1 class="title">Me contacter</h1>
<div class="form-image">
<form>
<input type="text" placeholder="Votre prénom">
<input type="text" placeholder="Votre nom">
<input type="email" placeholder="Votre adresse Mail">
<input type="text" placeholder="L'objet du Message">
<textarea placeholder="Tapez votre Message " id="" cols="30" rows="10"></textarea>
<button class="buttom-link form_btn">
<a href="#">M'envoyer le Message</a>
</button>
</form>
<div class="image">
<img src="IMAGES/contact.jpg" alt="">
</div>
</div>
</section>
<footer>
<p>Site réaliser par Chris MMADev |All right reseved</p>
</footer>
<script>
let small_menu = document.querySelector(".small_menu");
let menu = document.querySelector(".menu");
small_menu.onclick = function(){
small_menu.classList.toggle('active')
menu.classList.toggle('small')
}
</script>
</body>
</html>
</body>
</html>