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.
74 lines
2.2 KiB
74 lines
2.2 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 class="dropdown">
|
|
<a href="#">Technique</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>
|
|
</head>
|
|
<body>
|
|
<h1 id="titre_cursus">CURSUS SCOLAIRE</h1>
|
|
<div class="timeline">
|
|
<div class="container left">
|
|
<div class="content">
|
|
<h2 class="exclude">2023 ➡️ aujourd'hui</h2>
|
|
<h3 class="exclude">Iut Aubière</h3>
|
|
<img src="img/aubière.jpg" alt="aubière" heigh="300px" width="300px">
|
|
</div>
|
|
</div>
|
|
<div class="container right">
|
|
<div class="content">
|
|
<h2 class="exclude">2020 ➡️ 2023</h2>
|
|
<h3 class="exclude">Lycée LEM</h3>
|
|
<img src="img/montluçon.jpeg" alt="LEM" heigh="300px" width="300px">
|
|
</div>
|
|
</div>
|
|
<div class="container left">
|
|
<div class="content">
|
|
<h2 class="exclude">2016 ➡️ 2020</h2>
|
|
<h3 class="exclude">Collège George-Sand</h3>
|
|
<img src="img/huriel.jpeg" alt="huriel" heigh="00px" width="400px">
|
|
</div>
|
|
</div>
|
|
</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> |