You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
138 lines
8.2 KiB
138 lines
8.2 KiB
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Compétences - Portfolio de Sasha Lorenc</title>
|
|
<link rel="stylesheet" href="../css/skills_css.css">
|
|
<link rel="stylesheet" href="../css/global.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
</head>
|
|
<body>
|
|
<!-- Loader -->
|
|
<div class="page-loader">
|
|
<div class="loader-content"></div>
|
|
</div>
|
|
|
|
<header>
|
|
<nav>
|
|
<h1>Sasha Lorenc</h1>
|
|
<ul>
|
|
<li><a href="accueil.html" data-translate="nav-home">Accueil</a></li>
|
|
<li><a href="about.html" data-translate="nav-about">À propos</a></li>
|
|
<li><a href="projet.html" data-translate="nav-projects">Projets</a></li>
|
|
<li><a href="skills.html" data-translate="nav-skills">Compétences</a></li>
|
|
<li><a href="contacts.html" data-translate="nav-contact">Contact</a></li>
|
|
</ul>
|
|
<div class="nav-controls">
|
|
<div class="language-selector-container">
|
|
<select id="language-selector" aria-label="Changer de langue">
|
|
<option value="fr">FR</option>
|
|
<option value="en">EN</option>
|
|
<option value="esp">ESP</option>
|
|
</select>
|
|
</div>
|
|
<button id="settings-icon" aria-label="Paramètres">⚙️</button>
|
|
</div>
|
|
</nav>
|
|
|
|
<div id="color-picker" class="color-picker" style="display: none;" role="dialog" aria-labelledby="color-picker-title">
|
|
<span id="color-picker-title" data-translate="accent-color">Couleur d'accentuation :</span>
|
|
<label><input type="radio" name="accent-color" value="#1abc9c" checked> <span data-translate="default">Default</span></label>
|
|
<label><input type="radio" name="accent-color" value="#e74c3c"> <span data-translate="red">Rouge</span></label>
|
|
<label><input type="radio" name="accent-color" value="#f39c12"> <span data-translate="orange">Orange</span></label>
|
|
<label><input type="radio" name="accent-color" value="#2ecc71"> <span data-translate="green">Vert</span></label>
|
|
<label><input type="radio" name="accent-color" value="#e84393"> <span data-translate="pink">Rose</span></label>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="skills">
|
|
<h2 data-translate="skills-title">Mes Compétences</h2>
|
|
|
|
<div class="skills-section" role="region" aria-labelledby="technical-skills">
|
|
<h3 id="technical-skills" data-translate="technical-skills">Compétences Techniques</h3>
|
|
<div class="skill">
|
|
<p id="html-skill" data-translate="html-css">HTML & CSS</p>
|
|
<div class="progress-bar" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" aria-labelledby="html-skill">
|
|
<div class="progress" style="width: 90%;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="skill">
|
|
<p data-translate="javascript">JavaScript</p>
|
|
<div class="progress-bar">
|
|
<div class="progress" style="width: 80%;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="skill">
|
|
<p data-translate="php-mysql">PHP & MySQL</p>
|
|
<div class="progress-bar">
|
|
<div class="progress" style="width: 75%;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="skill">
|
|
<p data-translate="react-nodejs">React & Node.js</p>
|
|
<div class="progress-bar">
|
|
<div class="progress" style="width: 70%;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="skill-category">
|
|
<h4 data-translate="frameworks-tools">Frameworks & Outils</h4>
|
|
<div class="skill-tags">
|
|
<span class="skill-tag">Git</span>
|
|
<span class="skill-tag">VS Code</span>
|
|
<span class="skill-tag">React</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Compétences Générales -->
|
|
<div class="skills-section">
|
|
<h3 data-translate="general-skills">Compétences Générales</h3>
|
|
<div class="project-list">
|
|
<div class="project-card">
|
|
<h3 data-translate="project-management">Gestion de projet</h3>
|
|
<p data-translate="project-management-desc">Leadership naturel avec expérience dans la coordination d'équipes. Excellente capacité à établir des plannings réalistes et à gérer les ressources efficacement. Compétences avérées en gestion des risques et résolution de conflits.</p>
|
|
</div>
|
|
<div class="project-card">
|
|
<h3 data-translate="communication">Communication</h3>
|
|
<p data-translate="communication-desc">Communication claire et persuasive en français et en anglais. Capacité à vulgariser des concepts techniques complexes. Excellente aptitude à la rédaction de documentation technique et rapports professionnels. Fort esprit d'équipe avec capacité à fédérer autour d'objectifs communs.</p>
|
|
</div>
|
|
<div class="project-card">
|
|
<h3 data-translate="problem-solving">Résolution de problèmes</h3>
|
|
<p data-translate="problem-solving-desc">Capacité à décomposer des problèmes complexes en éléments gérables. Maîtrise des techniques de debugging et d'optimisation. Expérience en analyse de données pour la prise de décision. Capacité à anticiper les problèmes potentiels et à mettre en place des solutions préventives.</p>
|
|
</div>
|
|
<div class="project-card">
|
|
<h3 data-translate="adaptability">Adaptabilité</h3>
|
|
<p data-translate="adaptability-desc">Excellente capacité d'adaptation aux changements technologiques et organisationnels. Apprentissage rapide des nouveaux outils et frameworks.Capacité à travailler efficacement dans des environnements multiculturels. Résilience face aux situations stressantes et aux deadlines serrées.</p>
|
|
</div>
|
|
<div class="project-card">
|
|
<h3 data-translate="creativity">Créativité</h3>
|
|
<p data-translate="creativity-desc">Approche innovante dans la résolution de problèmes techniques. Capacité à concevoir des solutions efficaces. Expérience en design thinking et brainstorming créatif. Aptitude à sortir des sentiers battus pour proposer des solutions originales. Passion pour l'innovation technologique et l'amélioration continue.</p>
|
|
</div>
|
|
<div class="project-card">
|
|
<h3 data-translate="organization">Organisation</h3>
|
|
<p data-translate="organization-desc">Excellence dans la gestion du temps et des priorités. Maîtrise des outils de gestion de projet et de productivité. Capacité à gérer plusieurs projets simultanément. Rigueur dans le suivi des tâches et le respect des délais.</p>
|
|
</div>
|
|
<div class="project-card">
|
|
<h3 data-translate="analysis">Esprit d'analyse</h3>
|
|
<p data-translate="analysis-desc">Capacité à analyser des situations complexes et à en tirer des conclusions pertinentes. Compétences en analyse de données et en prise de décision basée sur les faits. Approche critique et objective des problèmes.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Pied de page -->
|
|
<footer>
|
|
<p data-translate="copyright">© 2024 Sasha Lorenc. Tous droits réservés.</p>
|
|
<div class="social-links">
|
|
<a href="https://www.linkedin.com/in/sasha-lorenc-9a073b278/" target="_blank">LinkedIn</a>
|
|
<a href="https://codefirst.iut.uca.fr/git/sasha.lorenc" target="_blank">GitHub</a>
|
|
</div>
|
|
</footer>
|
|
<button id="scroll-to-top" title="Remonter en haut">↑</button>
|
|
|
|
<script src="../js/translations.js"></script>
|
|
<script src="../js/common.js"></script>
|
|
</body>
|
|
</html>
|