Mes Compétences
Mes compétences s’articulent autour des systèmes, réseaux, développement et cybersécurité
des domaines que je maîtrise à travers mes formations, projets et certifications reconnues.

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; text-align: center; /* centers all content */ margin: 0 auto; /* centers the card itself */ } .skill-level { display: flex; justify-content: center; /* centers the items together */ align-items: center; gap: 10px; /* small space between name and percentage */ font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 80%; /* smaller width so it looks centered */ height: 8px; background-color: #f0f0f0; border-radius: 10px; overflow: hidden; margin: 0 auto; /* centers the bar */ } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* light blue */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 75%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 70%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }
.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }
.skill-card { width: 200px; font-family: 'Poppins', sans-serif; margin: 0 auto; /* centers the card */ text-align: center; /* centers text inside */ } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 70%; /* skill level */ background-color: #33bfff; /* bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; text-align: center; /* centers all content */ margin: 0 auto; /* centers the card itself */ } .skill-level { display: flex; justify-content: center; /* centers the items together */ align-items: center; gap: 10px; /* small space between name and percentage */ font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 80%; /* smaller width so it looks centered */ height: 8px; background-color: #f0f0f0; border-radius: 10px; overflow: hidden; margin: 0 auto; /* centers the bar */ } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* light blue */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; text-align: center; /* centers all content */ margin: 0 auto; /* centers the card itself */ } .skill-level { display: flex; justify-content: center; /* centers the items together */ align-items: center; gap: 10px; /* small space between name and percentage */ font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 80%; /* smaller width so it looks centered */ height: 8px; background-color: #f0f0f0; border-radius: 10px; overflow: hidden; margin: 0 auto; /* centers the bar */ } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* light blue */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; text-align: center; /* centers all content */ margin: 0 auto; /* centers the card itself */ } .skill-level { display: flex; justify-content: center; /* centers the items together */ align-items: center; gap: 10px; /* small space between name and percentage */ font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 80%; /* smaller width so it looks centered */ height: 8px; background-color: #f0f0f0; border-radius: 10px; overflow: hidden; margin: 0 auto; /* centers the bar */ } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* light blue */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 75%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 75%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }
.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }
.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }
.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }
.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 95%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }
.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 85%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 90%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 90%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 90%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 90%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 90%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 90%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 90%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }
.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 90%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 90%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 90%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 90%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 90%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-title { font-size: 14px; font-weight: 600; margin-bottom: 20px; text-align: left; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-title { font-size: 14px; font-weight: 600; margin-bottom: 20px; text-align: left; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-title { font-size: 14px; font-weight: 600; margin-bottom: 20px; text-align: left; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-title { font-size: 14px; font-weight: 600; margin-bottom: 20px; text-align: left; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-title { font-size: 14px; font-weight: 600; margin-bottom: 20px; text-align: left; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }

.skill-card { width: 200px; font-family: 'Poppins', sans-serif; } .skill-title { font-size: 14px; font-weight: 600; margin-bottom: 20px; text-align: left; } .skill-level { display: flex; justify-content: space-between; font-size: 13px; margin-bottom: 5px; } .progress-bar { width: 100%; height: 8px; background-color: #f0f0f0; /* grey background */ border-radius: 10px; overflow: hidden; } .progress-fill { height: 100%; width: 80%; /* change this to your desired level */ background-color: #33bfff; /* red bar color */ border-radius: 10px; transition: width 0.6s ease; }
Compétences Humaines
empathie et professionnalisme.

Confiance en soi
Assurance et conviction dans mes capacités professionnelles

Créativité
Innovation et approche originale dans la résolution de problèmes

Flexibilité & Adaptabilité
Capacité à m'adapter rapidement aux changements et nouvelles situations

Empathie
Compréhension et considération des besoins et perspectives d'autrui

Sens de l'organisation
Gestion efficace du temps, des priorités et des ressources




