Skip to content

Claude/create portfolio 011 cv5 nwd6xy pn ke mk mw gs u9 #1136

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open

Claude/create portfolio 011 cv5 nwd6xy pn ke mk mw gs u9 #1136

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
42b5c47
Add files via upload
Suvan974 Jan 30, 2025
3c326f1
Fin de SAE1.04
Suvan974 Jan 30, 2025
29f5377
Merge branch 'skills:main' into main
Suvan974 Nov 5, 2025
319cbbc
Amélioration complète du portfolio avec toutes les sections
claude Nov 13, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
82 changes: 82 additions & 0 deletions CV.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mon CV</title>
<link rel="stylesheet" href="pagecss.css">
</head>
<body>
<!-- Barre de navigation -->
<nav class="navbar">
<a href="index.html">Accueil</a>
<a href="CV.html">Mon CV</a>
<a href="portfolio.html">Portfolio</a>
<a href="compétence.html">Compétences</a>
<a href="contact.html">Contact</a>
</nav>

<!-- Section du CV -->
<main class="cv-section">
<h1>Mon CV</h1>

<div class="cv-container">
<!-- Informations personnelles -->
<section class="cv-block">
<h2>Informations Personnelles</h2>
<p><strong>Nom :</strong> Armourdom Suvan</p>
<p><strong>Formation :</strong> BUT Réseaux et Télécommunications</p>
<p><strong>Spécialisation :</strong> Réseaux et Cybersécurité</p>
</section>

<!-- Formation -->
<section class="cv-block">
<h2>Formation</h2>
<div class="cv-item">
<h3>BUT Réseaux et Télécommunications</h3>
<p class="cv-date">En cours</p>
<p>Spécialisation dans les réseaux informatiques et la cybersécurité</p>
</div>
</section>

<!-- Compétences Techniques -->
<section class="cv-block">
<h2>Compétences Techniques</h2>
<ul class="skills-list">
<li>Programmation : C, HTML, CSS, JavaScript</li>
<li>Réseaux : Configuration, sécurisation, protocoles réseau</li>
<li>Cybersécurité : Analyse de vulnérabilités, audits de sécurité</li>
<li>Systèmes : GNU/Linux (Debian), Administration système</li>
<li>IoT : Raspberry Pi, capteurs, transmission de données</li>
<li>Sécurité : Chiffrement (LUKS), politiques de mots de passe</li>
</ul>
</section>

<!-- Projets Académiques -->
<section class="cv-block">
<h2>Projets Académiques (SAÉ)</h2>
<div class="cv-item">
<h3>SAÉ 101 - Hygiène Informatique et Cybersécurité</h3>
<p>Sensibilisation aux bonnes pratiques de cybersécurité et protection des données</p>
</div>
<div class="cv-item">
<h3>SAÉ 102 - Initiation aux Réseaux Informatiques</h3>
<p>Configuration Raspberry Pi, administration SSH, interfaçage de capteurs</p>
</div>
<div class="cv-item">
<h3>SAÉ 103 - Dispositifs de Transmission</h3>
<p>Analyse de documents techniques, caractérisation des supports de transmission</p>
</div>
<div class="cv-item">
<h3>SAÉ 104 - Présence sur Internet</h3>
<p>Création d'un portfolio professionnel avec HTML, CSS et JavaScript</p>
</div>
<div class="cv-item">
<h3>SAÉ 105 - Traitement des Données</h3>
<p>Gestion utilisateurs, chiffrement de données avec LUKS, commandes GNU/Linux</p>
</div>
</section>
</div>
</main>
</body>
</html>
30 changes: 30 additions & 0 deletions acceuil.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Accueil</title>
<link rel="stylesheet" href="pagecss.css">
</head>
<body>
<!-- Barre de navigation -->
<nav class="navbar">
<a href="index.html">Accueil</a>
<a href="CV.html">Mon CV</a>
<a href="portfolio.html">Portfolio</a>
<a href="compétence.html">Compétences</a>
<a href="contact.html">Contact</a>
</nav>

<!-- Section d'accueil -->
<header class="hero">
<div class="hero-content centered">
<h1>Bienvenue sur mon portfolio</h1>
<p>Bonjour ! Je m'appelle <strong>Armourdom Suvan</strong>, je suis un passionné de technologie, spécialisé dans les réseaux et la cybersécurité.</p>
<p> Je suis actuellement en BUT RÉSEAU et TELECOM.<p>
<p>Découvrez mon travail, mes projets et apprenez-en plus sur moi.</p>
<a href="portfolio.html" class="cta-btn">Voir mes projets</a>
</div>
</header>
</body>
</html>
52 changes: 52 additions & 0 deletions compétence.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mes Compétences</title>
<link rel="stylesheet" href="pagecss.css">
</head>
<body>
<!-- Barre de navigation -->
<nav class="navbar">
<a href="index.html">Accueil</a>
<a href="CV.html">Mon CV</a>
<a href="portfolio.html">Portfolio</a>
<a href="compétence.html">Compétences</a>
<a href="contact.html">Contact</a>
</nav>

<!-- Section Compétences -->
<header class="hero">
<div class="hero-content centered">
<h1>Mes Compétences</h1>
<p>Voici un aperçu de mes compétences en programmation, réseaux et cybersécurité.</p>
</div>
</header>

<section class="skills">
<div class="skills-container">
<div class="skill-card fade-in">
<h3>Programmation</h3>
<p>Maîtrise des langages C, et HTML/CSS/.</p>
</div>
<div class="skill-card fade-in">
<h3>Réseaux</h3>
<p>Connaissance des protocoles réseau, configuration et sécurisation.</p>
</div>
<div class="skill-card fade-in">
<h3>Cybersécurité</h3>
<p>Analyse de vulnérabilités, audits de sécurité et bonnes pratiques.</p>
</div>
</div>
</section>

<!-- Ajout d'animation JavaScript -->
<script>
const skillCards = document.querySelectorAll('.skill-card');
skillCards.forEach((card, index) => {
card.style.animationDelay = `${index * 0.3}s`;
});
</script>
</body>
</html>
48 changes: 48 additions & 0 deletions contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact</title>
<link rel="stylesheet" href="pagecss.css">
</head>
<body>
<!-- Barre de navigation -->
<nav class="navbar">
<a href="index.html">Accueil</a>
<a href="CV.html">Mon CV</a>
<a href="portfolio.html">Portfolio</a>
<a href="compétence.html">Compétences</a>
<a href="contact.html">Contact</a>
</nav>

<!-- Section Contact -->
<header class="contact-hero">
<div class="contact-content">
<h1>Contactez-moi</h1>
<p>Je serais ravi de répondre à vos questions ou de collaborer avec vous !</p>

<!-- Informations de contact -->
<div class="contact-info">
<h2>Mes coordonnées</h2>
<div class="contact-details">
<p><strong>Email :</strong> <a href="mailto:armourdom.suvan@example.com" class="contact-link">armourdom.suvan@example.com</a></p>
<p><strong>LinkedIn :</strong> <a href="https://linkedin.com" target="_blank" class="contact-link">linkedin.com/in/armourdom-suvan</a></p>
<p><strong>GitHub :</strong> <a href="https://github.com" target="_blank" class="contact-link">github.com/armourdom-suvan</a></p>
</div>
</div>

<!-- Formulaire de contact -->
<div class="contact-form-section">
<h2>Envoyez-moi un message</h2>
<form action="#" method="post">
<input type="text" name="name" placeholder="Votre nom" required>
<input type="email" name="email" placeholder="Votre email" required>
<textarea name="message" placeholder="Votre message" required></textarea>
<button type="submit">Envoyer</button>
</form>
</div>
</div>
</header>
</body>
</html>
30 changes: 30 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio - Armourdom Suvan</title>
<link rel="stylesheet" href="pagecss.css">
</head>
<body>
<!-- Barre de navigation -->
<nav class="navbar">
<a href="index.html">Accueil</a>
<a href="CV.html">Mon CV</a>
<a href="portfolio.html">Portfolio</a>
<a href="compétence.html">Compétences</a>
<a href="contact.html">Contact</a>
</nav>

<!-- Section d'accueil -->
<header class="hero">
<div class="hero-content centered">
<h1>Bienvenue sur mon portfolio</h1>
<p>Bonjour ! Je m'appelle <strong>Armourdom Suvan</strong>, je suis un passionné de technologie, spécialisé dans les réseaux et la cybersécurité.</p>
<p>Je suis actuellement en BUT RÉSEAU et TELECOM.</p>
<p>Découvrez mon travail, mes projets et apprenez-en plus sur moi.</p>
<a href="portfolio.html" class="cta-btn">Voir mes projets</a>
</div>
</header>
</body>
</html>
Loading