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.
87 lines
4.8 KiB
87 lines
4.8 KiB
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title data-translate="page-title">Projets - Portfolio de Sasha Lorenc</title>
|
|
<link rel="stylesheet" href="../css/projet_css.css">
|
|
<link rel="stylesheet" href="../css/global.css">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav>
|
|
<h1>Sasha Lorenc</h1>
|
|
<ul>
|
|
<li><a href="../index.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 Projets -->
|
|
<section class="projects">
|
|
<h2 data-translate="projects-title">Mes Projets</h2>
|
|
<div class="project-list">
|
|
<!-- projet 1 -->
|
|
<div class="project-card">
|
|
<h3 data-translate="project1-title">Projet 1 : Jeux vidéo</h3>
|
|
<p data-translate="project1-desc">Un jeux vidéo médieval en tour par tour basé sur le pierre feuille cisceau.</p>
|
|
<p><strong class="strong_word" data-translate="technologies">Technologies :</strong> C</p>
|
|
<a href="https://codefirst.iut.uca.fr/git/sasha.lorenc/sae1.02" class="btn" data-translate="view-project">Voir le projet</a>
|
|
</div>
|
|
|
|
<!-- projet 2 -->
|
|
<div class="project-card">
|
|
<h3 data-translate="project2-title">Projet 2 : Application de Gestion</h3>
|
|
<p data-translate="project2-desc">Une application pour gérer stages au sein du département informatique de l'IUT de Clermont-Ferrand.</p>
|
|
<p><strong class="strong_word" data-translate="technologies">Technologies :</strong> C</p>
|
|
<a href="https://codefirst.iut.uca.fr/git/sasha.lorenc/sae1.01_algo" class="btn" data-translate="view-project">Voir le projet</a>
|
|
</div>
|
|
|
|
<!-- projet 3 -->
|
|
<div class="project-card">
|
|
<h3 data-translate="project4-title">Projet 4 : TaskShade</h3>
|
|
<p data-translate="project4-desc">Une To Do List en ligne permettant d'organiser vos tâches par importance et date d'échéance, tout en suivant vos performances via des statistiques détaillées.</p>
|
|
<p><strong class="strong_word" data-translate="technologies">Technologies :</strong> HTML, CSS, JavaScript</p>
|
|
<a href="https://codefirst.iut.uca.fr/git/sasha.lorenc/portfolio" class="btn" data-translate="view-project">Voir le projet</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<p>© 2025 Sasha Lorenc. <span data-translate="rights-reserved">Tous droits réservés.</span></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>
|