120 lines
3.6 KiB
HTML
120 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Portfolio - Enzo</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
<nav class="navbar">
|
|
<div class="logo">FREITAS Enzo</div>
|
|
|
|
<ul class="nav-links">
|
|
<li><a href="#accueil">Accueil</a></li>
|
|
<li><a href="#projets">Projets</a></li>
|
|
<li><a href="#contact">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<section class="hero" id="accueil">
|
|
<h1>Bienvenue sur mon Portfolio</h1>
|
|
<h1>2025 - 2026</h1>
|
|
</section>
|
|
|
|
<section class="section" id="description">
|
|
<h2>Description</h2>
|
|
<p>Je m'appelle Enzo Freitas et je suis en deuxième année de BTS CIEL à La Salle Saint-Denis.</p>
|
|
<p>Ce portfolio a été fait pour montrer ce que j'ai pu apprendre en un peu plus d'un an en BTS CIEL.</p>
|
|
<p>Ce site est un exemple de ce que je pourrais faire comme portfolio.</p>
|
|
</section>
|
|
|
|
<section class="section" id="competences">
|
|
<h2>Mes compétences</h2>
|
|
|
|
<div class="skills">
|
|
<div class="skill-category">
|
|
<h3>Informatique</h3>
|
|
<ul>
|
|
<li>HTML / CSS</li>
|
|
<li>C / C++</li>
|
|
<li>Arduino</li>
|
|
<li>Linux</li>
|
|
<li>Réseaux</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="skill-category">
|
|
<h3>Outils</h3>
|
|
<ul>
|
|
<li>WebStorm</li>
|
|
<li>Visual Studio</li>
|
|
<li>VirtualBox</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="skill-category">
|
|
<h3>Savoir-être</h3>
|
|
<ul>
|
|
<li>Autonomie</li>
|
|
<li>Travail en équipe</li>
|
|
<li>Organisation</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="section" id="projets">
|
|
<h2>Mes Projets</h2>
|
|
<p>Voici trois exemples de projet que j'ai pu faire de moi-même :</p>
|
|
|
|
<div class="projects">
|
|
|
|
<a href="projet1.html" class="project-link" target="_blank">
|
|
<div class="card">
|
|
<h3>Projet 1</h3>
|
|
<p>Ce projet a été réalisé le xx/xx/xxxx. Cela m'a pris une semaine à le faire.</p>
|
|
<p>Si vous voulez en savoir plus, appuyez sur cette case.</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="projet2.html" class="project-link" target="_blank">
|
|
<div class="card">
|
|
<h3>Projet 2</h3>
|
|
<p>Ce projet a été réalisé le xx/xx/xxxx. Cela m'a pris une journée complète à le faire.</p>
|
|
<p>Si vous voulez en savoir plus, appuyez sur cette case.</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="projet3.html" class="project-link" target="_blank">
|
|
<div class="card">
|
|
<h3>Projet 3</h3>
|
|
<p>Ce projet de groupe a été réalisé le xx/xx/xxxx. Il a été réalisé pendant ma deuxième année de BTS CIEL. Cela nous a pris trois mois à le faire.</p>
|
|
<p>Si vous voulez en savoir plus, appuyez sur cette case.</p>
|
|
</div>
|
|
</a>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section" id="contact">
|
|
<h2>Contactez-moi</h2>
|
|
|
|
<form class="contact-form">
|
|
<input type="text" placeholder="Nom" required>
|
|
<input type="email" placeholder="Email" required>
|
|
<textarea placeholder="Votre message" required></textarea>
|
|
<button type="submit">Envoyer</button>
|
|
</form>
|
|
</section>
|
|
|
|
<footer>
|
|
<p>2025 Freitas Enzo - Portfolio BTS CIEL</p>
|
|
</footer>
|
|
|
|
<script src="script.js"></script>
|
|
|
|
</body>
|
|
</html> |