generated from Templates_CodeFirst/templateHtmlCss
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
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>© 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>
|