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.
72 lines
2.5 KiB
72 lines
2.5 KiB
<!DOCTYPE html>
|
|
<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="project.js" defer></script> <!-- Load dynamic content -->
|
|
<script src="toggle.js"></script>
|
|
<title>Projet</title>
|
|
</head>
|
|
<body>
|
|
<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="competences.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>
|
|
|
|
<header class="project-header">
|
|
<h1 id="project-title">Nom du Projet</h1>
|
|
<p id="project-subtitle" class="project-subtitle">Description courte.</p>
|
|
</header>
|
|
|
|
<section class="project-content">
|
|
<h2>Description</h2>
|
|
<p id="project-description">Chargement...</p>
|
|
</section>
|
|
|
|
<section class="project-gallery">
|
|
<h2>Galerie</h2>
|
|
<div id="project-gallery" class="gallery"></div>
|
|
</section>
|
|
|
|
<section class="project-tech">
|
|
<h2>Technologies utilisées</h2>
|
|
<div id="project-tech-icons" class="tech-icons"></div>
|
|
</section>
|
|
|
|
<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>
|
|
|
|
</body>
|
|
</html> |