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.

108 lines
6.5 KiB

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="À propos de Sasha Lorenc - Développeur web passionné par l'innovation et le design">
<title>À propos - Portfolio de Sasha Lorenc</title>
<link rel="stylesheet" href="../css/about_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="accueil.html" data-translate="nav-home">Accueil</a></li>
<li><a href="about.html" data-translate="nav-about" aria-current="page">À 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" aria-expanded="false" aria-controls="color-picker">⚙️</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>
<main>
<section class="about">
<div class="about-header">
<div class="profile-image">
<img src="../images/sasha.png" alt="Photo" width="200" height="200">
</div>
<h2 data-translate="about-title">À propos de moi</h2>
</div>
<p data-translate="about-description">
Je m'appelle <strong class="strong_word">Sasha Lorenc</strong>, développeur passionné par l'informatique et le design.
Je cherche constamment à apprendre et à m'améliorer.
En tant qu'étudiant en Première année de
<strong class="strong_word">BUT Informatique</strong> passionné par
le développement web, je maîtrise les langages
<strong class="strong_word">HTML</strong>,
<strong class="strong_word">CSS</strong>, me permettant la création
d'applications web. J'apprécie également le développement
d'applications bureau avec des langages tels que le
<strong class="strong_word">C,C++</strong>. Mon adaptabilité me permet
de relever les défis techniques
en combinant mes compétences techniques, incluant des
connaissances en
<strong class="strong_word">frameworks</strong>, je suis capable
de transformer des concepts en applications web de manière
<strong class="strong_word">professionnelle</strong>. Pour la
rentrée 2025, je suis à la recherche d'une
<strong class="strong_word">alternance</strong> dans le domaine
du développement web ou autre.
</p>
<div class="about-details">
<h3 data-translate="education-title">Mon parcours</h3>
<p data-translate="education-description">Je suis actuellement étudiant en <strong class="strong_word">BUT Informatique</strong> à l'IUT de <strong class="strong_word">Clermont-Ferrand</strong>.
Avant cela, j'ai obtenu mon baccalauréat avec les spécialités NSI (Numérique et Sciences Informatiques) et Mathématiques au lycée Albert Londres à Cusset.
Durant mon parcours lycéen, j'ai eu l'opportunité exceptionnelle de participer à un projet innovant en partenariat avec Samsung dans le cadre du programme "Solve for Tomorrow".
Notre équipe a fait partie des 5 groupes sélectionnés parmi plus d'un millier de groupes en France pour présenter notre projet devant un jury à Paris, une expérience enrichissante qui a renforcé mes compétences en gestion de projet ainsi qu'en expression orale.
</p>
</div>
<div class="motivation">
<h3 data-translate="motivation-title">Ce qui me motive</h3>
<p data-translate="motivation-description">
J'aime créer des interfaces intuitives et esthétiques, et je cherche à rendre chaque projet innovant et unique
pour permettre aux sites que je crée d'être facilement identifiables par leurs utilisateurs.
</p>
</div>
<a href="contacts.html" class="btn" aria-label="Me contacter" data-translate="contact-btn">Me contacter</a>
</section>
</main>
<footer>
<p><span>&copy; 2024 Sasha Lorenc.</span> <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" rel="noopener" aria-label="LinkedIn">LinkedIn</a>
<a href="https://codefirst.iut.uca.fr/git/sasha.lorenc" target="_blank" rel="noopener" aria-label="GitHub">GitHub</a>
</div>
</footer>
<button id="scroll-to-top" title="Remonter en haut" aria-label="Retourner en haut de la page" data-translate="scroll-top"></button>
<script src="../js/translations.js"></script>
<script src="../js/common.js"></script>
</body>
</html>