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.
86 lines
3.6 KiB
86 lines
3.6 KiB
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link type="text/css" rel="stylesheet" href="style.css">
|
|
<script src="toggle.js"></script>
|
|
<script src="effect.js" defer></script>
|
|
<title>Compétences - Corentin</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 class="dropdown">
|
|
<a href="#">Galerie</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.php">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<header>
|
|
<h1>Mes Compétences</h1>
|
|
</header>
|
|
|
|
<section class="skills-section">
|
|
<h2>💻 Langages de Programmation</h2>
|
|
<div class="tech-icons">
|
|
<div class="tech-box c-box"><img src="logos/c.jpeg" alt="C">C</div>
|
|
<div class="tech-box cpp-box"><img src="logos/cpp.jpeg" alt="C++">C++</div>
|
|
<div class="tech-box csharp-box"><img src="logos/csharp.jpeg" alt="C#">C#</div>
|
|
<div class="tech-box python-box"><img src="logos/python.jpeg" alt="Python">Python</div>
|
|
<div class="tech-box bash-box"><img src="logos/bash.jpeg" alt="Bash">Bash</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="skills-section">
|
|
<h2>🌐 Développement Web</h2>
|
|
<div class="tech-icons">
|
|
<div class="tech-box html-box"><img src="logos/html.jpeg" alt="HTML">HTML</div>
|
|
<div class="tech-box css-box"><img src="logos/css.jpeg" alt="CSS">CSS</div>
|
|
<div class="tech-box js-box"><img src="logos/javascript.jpeg" alt="JavaScript">JavaScript</div>
|
|
<div class="tech-box react-box"><img src="logos/react.jpeg" alt="React">React</div>
|
|
|
|
<div class="tech-box php-box"><img src="logos/php.jpeg" alt="PHP">PHP</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="skills-section">
|
|
<h2>🛠️ Outils et Environnements</h2>
|
|
<div class="tech-icons">
|
|
<div class="tech-box linux-box"><img src="logos/linux.jpeg" alt="Linux">Linux</div>
|
|
<div class="tech-box git-box"><img src="logos/git.jpeg" alt="Git">Git</div>
|
|
<div class="tech-box docker-box"><img src="logos/docker.jpeg" alt="Docker">Docker</div>
|
|
<div class="tech-box vscode-box"><img src="logos/vscode.jpeg" alt="VS Code">VS Code</div>
|
|
<div class="tech-box postgresql-box"><img src="logos /postgresql.jpeg" alt="PostgreSQL">PostgreSQL</div>
|
|
</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>
|