Freitas_Enzo/Portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Téléverser les fichiers vers "/"

Browse Source
This commit is contained in:
Freitas_Enzo
2025-12-11 15:57:32 +00:00
commit f122d6e003
5 changed files with 236 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
README.md Normal file
View File

@@ -0,0 +1,23 @@
## Contenu du portfolio
Le site est composé de plusieurs sections :
### 1. Description
Présentation de mon parcours, de ma formation et des objectifs du site.
### 2. Compétences
Liste de mes compétences acquises en :
- Informatique
- Outils
- Savoir-être
### 3. Projets
Présentation de trois projets que j’ai réalisés (pas complet).
Chaque projet possède une page dédiée
### 4. Contact
Formulaire de contact permettant aux visiteurs de m’envoyer un message.

120
index.html Normal file
View File

@@ -0,0 +1,120 @@
<!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>

31
projet1.html Normal file
View File

@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Projet 1</title>
<style>
body {
background: #0d0d0d;
color: #f0f0f0;
font-family: Arial, sans-serif;
text-align: center;
padding-top: 50px;
}
a {
color: #9d4edd;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<h1>Projet 1</h1>
<p>Cette page est en cours de modification.</p>
</body>
</html>

31
projet2.html Normal file
View File

@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Projet 2</title>
<style>
body {
background: #0d0d0d;
color: #f0f0f0;
font-family: Arial, sans-serif;
text-align: center;
padding-top: 50px;
}
a {
color: #9d4edd;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<h1>Projet 2</h1>
<p>Ici aussi la page est en cours de modification.</p>
</body>
</html>

31
projet3.html Normal file
View File

@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Projet 3</title>
<style>
body {
background: #0d0d0d;
color: #f0f0f0;
font-family: Arial, sans-serif;
text-align: center;
padding-top: 50px;
}
a {
color: #9d4edd;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<h1>Projet 3</h1>
<p>Toujours rien.</p>
</body>
</html>