corentin.caillot
/
site_web
generated from Templates_CodeFirst/templateHtmlCss
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixing footer

Browse Source
master
cocaillot 5 months ago
parent ac68028ba5
commit bf6d316b41
7 changed files with 119 additions and 181 deletions
Show Stats Download Patch File Download Diff File

71
httpdocs/competences.html
Unescape View File

@ -1,29 +1,31 @@
<!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>
<head>
<meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style.css">
<script src="toggle.js"></script>
<script src="effect.js" defer></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>
<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>
@ -58,27 +60,14 @@
<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 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>&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>
<p>© 2025 Corentin Caillot. Tous droits réservés.</p>
<p>📧 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
<p><a href="https://github.com/">GitHub</a> | <a href="https://linkedin.com/">LinkedIn</a></p>
</footer>
</body>

21
httpdocs/cursus.html
Unescape View File

@ -52,23 +52,10 @@
</div>
</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>
<p>© 2025 Corentin Caillot. Tous droits réservés.</p>
<p>📧 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
<p><a href="https://github.com/">GitHub</a> | <a href="https://linkedin.com/">LinkedIn</a></p>
</footer>
</html>

101
httpdocs/form.html
Unescape View File

@ -1,45 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="effect.js" defer></script>
<script src="toggle.js"></script>
<title>Contact Form</title>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- EmailJS SDK -->
<script src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>
<script>
(function() {
emailjs.init("BC9iUxDzXQ4MMHpAT"); // Replace with your EmailJS public key
})();
</script>
<link rel="stylesheet" href="style.css">
</head>
<head>
<meta charset="UTF-8">
‎ <link type="text/css" rel="stylesheet" href="style.css?v=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="effect.js" defer></script>
<script src="toggle.js"></script>
<title>Contact Form</title>
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- EmailJS SDK -->
<script src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>
<script>
(function() {
emailjs.init("BC9iUxDzXQ4MMHpAT"); // Replace with your EmailJS public key
})();
</script>
</head>
<body class="bg-gray-50 text-gray-800">
<header>
<!-- Navigation -->
<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>
<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>
</header>
<!-- Contact Form -->
<form id="contact-form" class="container mx-auto mt-10 px-4">
<div class="max-w-md mx-auto px-8 py-6 bg-gray-800 rounded-lg shadow-lg">
<h2 class="text-2xl font-semibold text-white mb-4">Contact Us</h2>
@ -66,26 +67,10 @@
<!-- External JS -->
<script src="form-handler.js"></script>
<footer class="footer_index">
<p>© 2025 Corentin Caillot. Tous droits réservés.</p>
<p>📧 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
<p><a href="https://github.com/">GitHub</a> | <a href="https://linkedin.com/">LinkedIn</a></p>
</footer>
</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>

24
httpdocs/index.html
Unescape View File

@ -150,23 +150,11 @@
</section>
</div>
</header>
<footer class="footer_index">
<p>© 2025 Corentin Caillot. Tous droits réservés.</p>
<p>📧 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
<p><a href="https://github.com/">GitHub</a> | <a href="https://linkedin.com/">LinkedIn</a></p>
</footer>
</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>

22
httpdocs/project.html
Unescape View File

@ -48,24 +48,10 @@
<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>&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>
<p>© 2025 Corentin Caillot. Tous droits réservés.</p>
<p>📧 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
<p><a href="https://github.com/">GitHub</a> | <a href="https://linkedin.com/">LinkedIn</a></p>
</footer>
</body>

26
httpdocs/projets.html
Unescape View File

@ -11,12 +11,11 @@
<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>
<li><a href="competences.html">Compétences</a></li>
</ul>
</li>
<li><a href="form.html">Contact</a></li>
@ -134,24 +133,9 @@
</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>
<p>© 2025 Corentin Caillot. Tous droits réservés.</p>
<p>📧 Contactez-moi : <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
<p><a href="https://github.com/">GitHub</a> | <a href="https://linkedin.com/">LinkedIn</a></p>
</footer>
</html>

35
httpdocs/style.css
Unescape View File

@ -166,14 +166,6 @@
box-shadow: inset 15px -4px 0px 15px #ffc107; /* Golden shadow when active */
}
/* Footer Light mode */
body.light-mode footer {
background-color: #f1f1f1;
color: #333333;
border-top: 1px solid #dcdcdc;
text-align: center;
padding: 10px;
}
body.light-mode #profile {
border-radius: 50%;
@ -1182,3 +1174,30 @@ body.fade-out {
margin-bottom: 10px;
}
}
/* ✅ Light Mode Support */
body.light-mode footer {
background: #f1f1f1;
color: #333;
border-top: 1px solid #dcdcdc;
}
footer {
width: 100% !important;
text-align: center !important;
padding: 15px ! important;
background: #252323 ! important ; /* Default dark mode */
color: #fff ! important;
position: relative ! important;
bottom: 0 ! important;
}

Write Preview
Loading…
Cancel
Save