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.

158 lines
7.9 KiB

<!DOCTYPE html>
<!-- Doctype HTML5 -->
<html lang="fr">
<head>
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style.css">
<script src="effect.js" defer></script>
<script src="toggle.js"></script>
<title>Corentin</title>
<nav class="navbar">
<ul class="navbar-list">
<li><a href="index.html">Accueil</a></li>
<li><a href="cursus.html">Cursus</a></li>
<li><a href="planning.html">Planning</a></li>
<li class="dropdown">
<a href="#">Techniques</a>
<ul class="dropdown-content">
<li><a href="projets.html">Projets</a></li>
<li><a href="videos.html">Compétences</a></li>
</ul>
</li>
<li><a href="form.html">Contact</a></li>
<label class="switch">
<input type="checkbox" id="theme-switch">
<span class="slider"></span>
</label>
</ul>
</nav>
</head>
<body>
<h1>Galerie de Projets</h1>
<h3 class="title_gallery">Projets Personnels</h3>
<div class="gallery">
<article class="article-wrapper">
<div class="rounded-lg container-project" style="background-image: url('img/project/perso/monsterBattle_logo.png'); background-size: cover; background-position: center;">
</div>
<div class="project-info">
<div class="flex-pr">
<div class="project-title text-nowrap">Monster Battle</div>
<div class="project-hover">
<svg style="color: black;" xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" color="black" stroke-linejoin="round" stroke-linecap="round" viewBox="0 0 24 24" stroke-width="2" fill="none" stroke="currentColor"><line y2="12" x2="19" y1="12" x1="5"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
</div>
</div>
<div class="types">
<span style="background-color: rgba(165, 96, 247, 0.43); color: rgb(85, 27, 177);" class="project-type">• Python</span>
<span class="project-type">• Tkinter</span>
</div>
</div>
</article>
<article class="article-wrapper">
<div class="rounded-lg container-project">
</div>
<div class="project-info">
<div class="flex-pr">
<div class="project-title text-nowrap">Project</div>
<div class="project-hover">
<svg style="color: black;" xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" color="black" stroke-linejoin="round" stroke-linecap="round" viewBox="0 0 24 24" stroke-width="2" fill="none" stroke="currentColor"><line y2="12" x2="19" y1="12" x1="5"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
</div>
</div>
<div class="types">
<span style="background-color: rgba(165, 96, 247, 0.43); color: rgb(85, 27, 177);" class="project-type">• Analytics</span>
<span class="project-type">• Dashboards</span>
</div>
</div>
</article>
<article class="article-wrapper">
<div class="rounded-lg container-project">
</div>
<div class="project-info">
<div class="flex-pr">
<div class="project-title text-nowrap">Project</div>
<div class="project-hover">
<svg style="color: black;" xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" color="black" stroke-linejoin="round" stroke-linecap="round" viewBox="0 0 24 24" stroke-width="2" fill="none" stroke="currentColor"><line y2="12" x2="19" y1="12" x1="5"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
</div>
</div>
<div class="types">
<span style="background-color: rgba(165, 96, 247, 0.43); color: rgb(85, 27, 177);" class="project-type">• Analytics</span>
<span class="project-type">• Dashboards</span>
</div>
</div>
</article>
</div>
<h3 class="title_gallery">Projets Scolaires</h3>
<div class="gallery">
<article class="article-wrapper">
<div class="rounded-lg container-project" style="background-image: url('img/project/scolaire/mastermind_menu.png'); background-size: cover; background-position: center;">
</div>
<div class="project-info">
<div class="flex-pr">
<div class="project-title text-nowrap">MasterMind</div>
<div class="project-hover">
<svg style="color: black;" xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" color="black" stroke-linejoin="round" stroke-linecap="round" viewBox="0 0 24 24" stroke-width="2" fill="none" stroke="currentColor"><line y2="12" x2="19" y1="12" x1="5"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
</div>
</div>
<div class="types">
<span style="background-color: rgba(165, 96, 247, 0.43); color: rgb(85, 27, 177);" class="project-type">• Maui</span>
<span class="project-type">• .Net</span>
</div>
</div>
</article>
<article class="article-wrapper">
<div class="rounded-lg container-project" style="background-image: url('img/project/scolaire/brico_logo.png'); background-size: cover; background-position: center;">
</div>
<div class="project-info">
<div class="flex-pr">
<div class="project-title text-nowrap">EtuGestion</div>
<div class="project-hover">
<svg style="color: black;" xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" color="black" stroke-linejoin="round" stroke-linecap="round" viewBox="0 0 24 24" stroke-width="2" fill="none" stroke="currentColor"><line y2="12" x2="19" y1="12" x1="5"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
</div>
</div>
<div class="types">
<span style="background-color: rgba(165, 96, 247, 0.43); color: rgb(85, 27, 177);" class="project-type">• C</span>
</div>
</div>
</article>
<article class="article-wrapper">
<div class="rounded-lg container-project" style="background-image: url('img/project/scolaire/arch_logo.png'); background-size: cover; background-position: center;">
</div>
<div class="project-info">
<div class="flex-pr">
<div class="project-title text-nowrap">Linux install</div>
<div class="project-hover">
<svg style="color: black;" xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" color="black" stroke-linejoin="round" stroke-linecap="round" viewBox="0 0 24 24" stroke-width="2" fill="none" stroke="currentColor"><line y2="12" x2="19" y1="12" x1="5"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
</div>
</div>
<div class="types">
<span style="background-color: rgba(165, 96, 247, 0.43); color: rgb(85, 27, 177);" class="project-type">• Analytics</span>
<span class="project-type">• Dashboards</span>
</div>
</div>
</article>
</div>
</body>
<footer class="site-footer">
<div class="footer-content">
<div class="footer-left">
<p>&copy; 2025 Corentin Caillot. Tous droits réservés.</p>
</div>
<div class="footer-center">
<p>📩 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
</div>
<div class="footer-right">
<a href="https://github.com/your-github" target="_blank" class="social-icon">
<img src="icons/github.png" alt="GitHub">
</a>
<a href="https://www.linkedin.com/in/your-linkedin" target="_blank" class="social-icon">
<img src="icons/linkedin.png" alt="LinkedIn">
</a>
</div>
</div>
</footer>
</html>