Skip to content

Commit 787d3c4

Browse files
charlenrycharlenry
committed
Ajout de la page des diplomes & certificats
1 parent c77322f commit 787d3c4

File tree

3 files changed

+351
-0
lines changed

3 files changed

+351
-0
lines changed

‎assets/css/style.css‎

Lines changed: 106 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -216,6 +216,14 @@ footer {
216216
.copyright-text-link:hover {
217217
transform: scale(1.1, 1.1);
218218
}
219+
.fas {
220+
font-size: 24px;
221+
margin-top: 5px;
222+
margin-right: 10px;
223+
}
224+
.fas:hover {
225+
transform: scale(1.4, 1.4);
226+
}
219227
.fab {
220228
font-size: 24px;
221229
margin-top: 5px;
@@ -261,6 +269,69 @@ footer {
261269
color: aqua;
262270
}
263271

272+
/* CERTFIFICATES */
273+
#certificates {
274+
background-image: linear-gradient(var(--darkblue), var(--lightblue));
275+
background-color: var(--primaryColor);
276+
min-height: 100vh;
277+
color: var(--white);
278+
font-size: 20px;
279+
}
280+
#certificates h1 {
281+
text-align: center;
282+
text-transform: uppercase;
283+
}
284+
#certificates p {
285+
text-align: center;
286+
}
287+
.table-container {
288+
width: 50%;
289+
margin: 0 auto;
290+
margin-top: 20px;
291+
border: 1px solid var(--white);
292+
}
293+
._row {
294+
display: flex;
295+
flex-direction: column;
296+
justify-content: space-between;
297+
align-items: center;
298+
padding-top: 15px;
299+
padding-bottom: 15px;
300+
padding-left: 20px;
301+
padding-right: 20px;
302+
border: 1px solid var(--white);
303+
}
304+
.text {
305+
max-width: 100%;
306+
margin-right: 20px;
307+
}
308+
.doc_name {
309+
margin-bottom: 10px;
310+
}
311+
.sha1 {
312+
margin-bottom: 10px;
313+
word-wrap: break-word;
314+
}
315+
.button2 {
316+
color: var(--secondaryColor);
317+
text-transform: uppercase;
318+
letter-spacing: 2px;
319+
border: 1px solid var(--secondaryColor);
320+
padding: 5px 10px;
321+
font-weight: 700;
322+
font-size: 15px;
323+
display: inline-block;
324+
border-radius: 3px;
325+
text-decoration: none;
326+
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.9);
327+
transition: all 0.4s ease-in 0s;
328+
}
329+
.button2:hover {
330+
background-color: var(--secondaryColor);
331+
color: var(--primaryColor);
332+
}
333+
334+
264335
/*** MEDIA QUERIES ***/
265336
@media screen and (min-width: 992px) {
266337
/* MISSIONS */
@@ -278,21 +349,56 @@ footer {
278349
padding-bottom: 10px;
279350
margin: 0;
280351
}
352+
353+
/* CERTIFICATES */
354+
.button2 {
355+
padding: 10px 20px;
356+
}
281357
}
282358
@media screen and (min-width: 701px) {
283359
footer .copyright-text-link .break {
284360
display: none;
285361
}
286362
}
363+
@media screen and (max-width: 700px) {
364+
/* CERTIFICATES */
365+
td {
366+
font-size: 15px;
367+
}
368+
.button2 {
369+
font-size: 15px;
370+
}
371+
._row {
372+
display: flex;
373+
flex-direction: column;
374+
}
375+
.text {
376+
margin-right: 0;
377+
margin-bottom: 15px;
378+
}
379+
}
287380
@media screen and (max-width: 625px) {
288381
/* PORTFOLIO */
289382
.card:hover {
290383
transform: scale(1, 1);
291384
}
292385
}
386+
@media screen and (max-width: 420px) {
387+
/* CERTIFICATES */
388+
#certificates h1 {
389+
font-size: 22px;
390+
}
391+
}
293392
@media screen and (max-width: 370px) {
294393
.copyright-text-link,
295394
.copyright-text {
296395
font-size: 16px;
297396
}
397+
398+
/* CERTIFICATES */
399+
.button2 {
400+
padding: 5px 10px;
401+
font-weight: 700;
402+
font-size: 11px;
403+
}
298404
}

‎certificats.html‎

Lines changed: 244 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,244 @@
1+
<!DOCTYPE html>
2+
<html lang="fr">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<meta name="description" content="CV de Charles-Henri SAINT-MARS">
9+
<meta name="keywords"
10+
content="CV Développeur Front-End React, CV Développeur Front End React Angular, CV Développeur Fullstack JavaScript, CV Développeur Fullstack JavaScript React Angular">
11+
<link rel="icon" href="/assets/images/favicon.svg" sizes="any" type="image/svg+xml">
12+
<!-- Bootstrap 5.2.0 CSS only -->
13+
<link rel=stylesheet href=/assets/bootstrap/css/bootstrap.min.css>
14+
<link rel=stylesheet href=/assets/css/style.css>
15+
<title>CV de Charles-Henri SAINT-MARS - Diplômes & Certificats</title>
16+
</head>
17+
18+
<body>
19+
<section id="certificates">
20+
<h1>Liste de mes diplômes et Certificats</h1>
21+
<p>Tous mes diplômes, certifications et certificats sont présentables sur demande en entretien.</p>
22+
<div class="table-container">
23+
<div class="_row">
24+
<div class="text">
25+
<div class="doc_name">Certificat KodeKloud: Shell Scripts for Beginners</div>
26+
</div>
27+
<div class="button">
28+
<a href="https://learn.kodekloud.com/certificate/464fa698-3f05-43a3-94d5-aeddcb633c11" target="_blank"
29+
class="button2">Télécharger</a>
30+
</div>
31+
</div>
32+
<div class="_row">
33+
<div class="text">
34+
<div class="doc_name">Certificat KodeKloud: Learning Linux Basics Course & Labs</div>
35+
</div>
36+
<div class="button">
37+
<a href="https://learn.kodekloud.com/certificate/ddd3c86b-a8e4-4ab1-a107-32f7ffe1ba68" target="_blank"
38+
class="button2">Télécharger</a>
39+
</div>
40+
</div>
41+
<div class="_row">
42+
<div class="text">
43+
<div class="doc_name">Certificat KodeKloud: Fundamentals of DevOps</div>
44+
</div>
45+
<div class="button">
46+
<a href="https://learn.kodekloud.com/certificate/dc51f117-9e90-43b0-8daa-0091e2853910" target="_blank"
47+
class="button2">Télécharger</a>
48+
</div>
49+
</div>
50+
<div class="_row">
51+
<div class="text">
52+
<div class="doc_name">Certificat KodeKloud: DevOps Pre-Requisite Course</div>
53+
</div>
54+
<div class="button">
55+
<a href="https://learn.kodekloud.com/certificate/2544d6e4-eae2-4723-8049-8192e5cbb86f" target="_blank"
56+
class="button2">Télécharger</a>
57+
</div>
58+
</div>
59+
<div class="_row">
60+
<div class="text">
61+
<div class="doc_name">Certificat KodeKloud: 12 Factor App</div>
62+
</div>
63+
<div class="button">
64+
<a href="https://learn.kodekloud.com/certificate/c47adf5d-c349-44e8-9a7c-46fba0348e06" target="_blank"
65+
class="button2">Télécharger</a>
66+
</div>
67+
</div>
68+
<div class="_row">
69+
<div class="text">
70+
<div class="doc_name">Certificat Udemy: ChatGPT & IA - Formation complète ChatGPT, Dall-e</div>
71+
</div>
72+
<div class="button">
73+
<a href="https://www.udemy.com/certificate/UC-37133d1c-f649-4cdd-abeb-3c4532696e43/" target="_blank"
74+
class="button2">Télécharger</a>
75+
</div>
76+
</div>
77+
<div class="_row">
78+
<div class="text">
79+
<div class="doc_name">Certificat Udemy: Prérequis Machine Learning - Python | Numpy | Mathématiques</div>
80+
</div>
81+
<div class="button">
82+
<a href="https://www.udemy.com/certificate/UC-c61ebc87-430f-4332-8782-285aae44d4f7/" target="_blank"
83+
class="button2">Télécharger</a>
84+
</div>
85+
</div>
86+
<div class="_row">
87+
<div class="text">
88+
<div class="doc_name">Certificat Udemy: Programmer en Python pour la Data Science</div>
89+
</div>
90+
<div class="button">
91+
<a href="https://www.udemy.com/certificate/UC-75c01559-732d-423f-b201-f23f6a3242e4/" target="_blank"
92+
class="button2">Télécharger</a>
93+
</div>
94+
</div>
95+
<div class="_row">
96+
<div class="text">
97+
<div class="doc_name">Certificat Udemy: Faire du Machine Learning Sans Code avec AWS SageMaker</div>
98+
</div>
99+
<div class="button">
100+
<a href="https://www.udemy.com/certificate/UC-7b109e31-79e4-4a50-b174-1674d4766792/" target="_blank"
101+
class="button2">Télécharger</a>
102+
</div>
103+
</div>
104+
<div class="_row">
105+
<div class="text">
106+
<div class="doc_name">Certificat Udemy: Maîtriser ChatGPT et le Prompt Engineering</div>
107+
</div>
108+
<div class="button">
109+
<a href="https://www.udemy.com/certificate/UC-76ba33d0-775b-4c13-b1ea-bab91cfc6831/" target="_blank"
110+
class="button2">Télécharger</a>
111+
</div>
112+
</div>
113+
<div class="_row">
114+
<div class="text">
115+
<div class="doc_name">Certificat Udemy: Développez Full Stack avec Spring Boot 3 et Angular</div>
116+
</div>
117+
<div class="button">
118+
<a href="https://www.udemy.com/certificate/UC-4b369dc4-c6bd-4bbb-b4ae-392497508819/" target="_blank"
119+
class="button2">Télécharger</a>
120+
</div>
121+
</div>
122+
<div class="_row">
123+
<div class="text">
124+
<div class="doc_name">Certificat Linkedin: Github Copilot - Programmer en binôme avec l'IA - 2023</div>
125+
<div class="sha1">SHA1: C88D581AAF4F975CE1B8D57425B1AAD21994698C</div>
126+
</div>
127+
<div class="button">
128+
<a href="https://stmarsch.net/download/Certificat_Linkedin-Programmer-en-binome-avec-Github-Copilot.pdf" target="_blank"
129+
class="button2">Télécharger</a>
130+
</div>
131+
</div>
132+
<div class="_row">
133+
<div class="text">
134+
<div class="doc_name emphasis">Certification RNCP niveau 6 (Bac+3/4) de Développeur d'application - 2023</div>
135+
<!-- <div class="sha1">SHA1: D394D3D9E11557671A355C63C76E1B9BAAE806F7</div> -->
136+
</div>
137+
</div>
138+
<div class="_row">
139+
<div class="text">
140+
<div class="doc_name">Certificat OC: Écrivez la documentation technique de votre projet - 2023</div>
141+
<!-- <div class="sha1">SHA1: 4DA9F68763D37CC968F316F1BEB09E29B4BD621A</div> -->
142+
</div>
143+
</div>
144+
<div class="_row">
145+
<div class="text">
146+
<div class="doc_name">Certificat OC: Gérez votre projet informatique facilement - 2022</div>
147+
<!-- <div class="sha1">SHA1: 357DB627FA2B575E51C282FAAE7AE8D24BAE1358</div> -->
148+
</div>
149+
</div>
150+
<div class="_row">
151+
<div class="text">
152+
<div class="doc_name">Certificat OC: Initiez-vous à la gestion de projet agile - 2022</div>
153+
<!-- <div class="sha1">SHA1: 34B33CE9D9B3E87DB6E615E81BDB6B5E6BD2A990</div> -->
154+
</div>
155+
</div>
156+
<div class="_row">
157+
<div class="text">
158+
<div class="doc_name">Certificat OC: Devenez développeur agile - 2022</div>
159+
<!-- <div class="sha1">SHA1: BE851BA6F374591F9ED249DE2D15B57A20B4EAD9</div> -->
160+
</div>
161+
</div>
162+
<div class="_row">
163+
<div class="text">
164+
<div class="doc_name">Certificat OC: Gérez votre projet avec une équipe Scrum - 2022</div>
165+
<!-- <div class="sha1">SHA1: 69C326B1021C41366D94C8E56131EE3B41ABC11F</div> -->
166+
</div>
167+
</div>
168+
<div class="_row">
169+
<div class="text">
170+
<div class="doc_name">Certificat OpenClassrooms: Réalisez un cahier des charges fonctionnel - 2022</div>
171+
<!-- <div class="sha1">SHA1: D88A893081E85B6D905CB4291C27AD4217E4AC18</div> -->
172+
</div>
173+
</div>
174+
<div class="_row">
175+
<div class="text">
176+
<div class="doc_name">
177+
Microsoft Certified Solutions Associate :<br>
178+
MCSA Windows Server 2012 (en 2014)
179+
</div>
180+
<div class="sha1">SHA1: 4DEA981FE2C680C13BB652B459589CBE15FD6D18</div>
181+
</div>
182+
<div class="button">
183+
<a href="https://stmarsch.net/download/MCSA_Windows_Server_2012_Certificate.pdf" target="_blank"
184+
class="button2">Télécharger</a>
185+
</div>
186+
</div>
187+
<div class="_row">
188+
<div class="text">
189+
<div class="doc_name">Microsoft Certified Professional - 2014</div>
190+
<div class="sha1">SHA1: BFAB17A56D17E695C4FE25175E6F8C90D057B8B2</div>
191+
</div>
192+
<div class="button">
193+
<a href="https://stmarsch.net/download/MCP_Certificate.pdf" target="_blank"
194+
class="button2">Télécharger</a>
195+
</div>
196+
</div>
197+
<div class="_row">
198+
<div class="text">
199+
<div class="doc_name">
200+
Certificates of Course Completion from CISCO for :<br>
201+
CCNA Exploration: Network Fundamentals - 2013<br>
202+
CCNA Exploration: LAN Switching and Wireless - 2013<br>
203+
CCNA Exploration: Routing Protocols and Concepts - 2013<br>
204+
CCNA Exploration: Accessing the WAN - 2013
205+
<div class="sha1">SHA1: AFF66F568BC48AADF2CE607CB58BCB9AE413148D</div>
206+
</div>
207+
</div>
208+
<div class="button">
209+
<a href="https://stmarsch.net/download/CISCO_CCNA_Letters_and_Certificates.pdf" target="_blank"
210+
class="button2">Télécharger</a>
211+
</div>
212+
</div>
213+
<div class="_row">
214+
<div class="text">
215+
<div class="doc_name emphasis">Titre RNCP niveau 5 (Bac+2) de Techicien Supérieur<br>Gestionnaire Exploitant de Ressources Informatiques - 2012</div>
216+
<!-- <div class="sha1">SHA1: 93899B6AA0F88D9F5968333FBAABE5D04602AC38</div> -->
217+
</div>
218+
</div>
219+
<div class="_row">
220+
<div class="text">
221+
<div class="doc_name emphasis">Diplôme de BTS en Informatique Industrielle - 1995</div>
222+
<!-- <div class="sha1">SHA1: 70CD36881210BC224947BEBE8794D8BD65D31FA0</div> -->
223+
</div>
224+
</div>
225+
<div class="_row">
226+
<div class="text">
227+
<div class="doc_name emphasis">Baccalauréat en Électronique (F2) - 1992</div>
228+
<!-- <div class="sha1">SHA1: 8939B48C401ED7F570FFED2636F903E903E45E81</div> -->
229+
</div>
230+
</div>
231+
</div>
232+
</section>
233+
234+
<!-- jQuery 3.6.0 -->
235+
<script src="assets/jquery/jquery-3.6.0.min.js"></script>
236+
<!-- Popper for Bootstrap 5.2.0 -->
237+
<script src="assets/popperjs/popper.min.js"></script>
238+
<!-- JavaScript for Bootstrap 5.2.0 -->
239+
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
240+
<!-- Script personnalisé -->
241+
<script src="./assets/js/script.js"></script>
242+
</body>
243+
244+
</html>

‎index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@
2424
<div class="divider"></div>
2525
<div class="heading">
2626
<div class="social-media">
27+
<a class="certificate-logo" href="/certificats.html" target="_blank"><i class="fas fa-certificate"></i></a>
2728
<a class="github-logo" href="https://github.com/charlenry" target="_blank"><i class="fab fa-github"></i></a>
2829
</div>
2930
<h2>E-Portfolio</h2>

0 commit comments

Comments
 (0)