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.

77 lines
3.0 KiB

<!doctype html>
<html lang="fr">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>À propos - Portfolio de Yahya MABROUK</title>
<link rel="stylesheet" href="style.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
/>
</head>
<body>
<header>
<div class="navbar">
<div class="nom">
<h1>Yahya MABROUK</h1>
<p>Étudiant en BUT1 Informatique</p>
</div>
<nav>
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="a-propos.html" class="active">À propos</a></li>
<li><a href="competences.html">Compétences</a></li>
<li><a href="realisations.html">Réalisations</a></li>
<li><a href="interets.html">Centres d'intérêt</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</header>
<section id="a-propos" class="section">
<h2 class="titre-section">À propos de moi</h2>
<div class="contenu-apropos">
<div class="texte-apropos">
<h3>Qui suis-je?</h3>
<p>
Bonjour, je m'appelle Yahya MABROUK, étudiant marocain
en première année du BUT Informatique à l'IUT de
Clermont Auvergne. Passionné par l'économie, domaine
dans lequel j'ai obtenu mon baccalauréat en 2024, j'ai
ensuite choisi de me réorienter vers l'informatique en
France afin de suivre ma deuxième passion.
</p>
<p>
Grâce à ce changement, j'ai développé une grande
capacité d'adaptation, en passant d'un domaine à un
autre, dans un nouvel environnement, et en apprenant
rapidement les technologies du secteur.
</p>
<h3>Mon parcours académique</h3>
<div class="parcours">
<div class="etape">
<h4>2024 - 2027</h4>
<p>BUT Informatique - IUT Clermont Ferrand</p>
</div>
<div class="etape">
<h4>2023 - 2024</h4>
<p>Baccalauréat en sciences économiques</p>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="copyright">
<p>&copy; 2025 Yahya MABROUK. Tous droits réservés.</p>
</div>
</footer>
</body>
</html>