Merge perso and pro on same Caddy

This commit is contained in:
Lucas
2025-10-17 09:55:56 +00:00
commit 871baf8f92
12 changed files with 366 additions and 0 deletions

10
html-perso/index.html Normal file
View File

@@ -0,0 +1,10 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Lucas Royer</title>
</head>
<body>
<h2>lucasroyer.fr : Site en construction</h2>
</body>
</html>

View File

@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html>
<head>
<title>Nanteshowdown</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<h1>NanteShowDown</h1>
<nav>
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="#">Le Showdown</a></li>
<li><a href="#">Entraînement</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2>Le Showdown</h2>
<p>Présentation</p>
<a href="https://fr.wikipedia.org/wiki/Showdown_(sport)">Wikipédia</a>
</section>
<section>
<h2>Entraînement</h2>
<p>Rejoignez-nous tous les samedis à 9h pour un entraînement de Showdown! Notre entraîneur expérimenté vous aidera à améliorer votre technique et à vous amuser tout en pratiquant ce sport passionnant.</p>
<a href="#">Inscrivez-vous dès maintenant!</a>
</section>
<section>
<h2>Contact</h2>
<p>Pour plus d'informations sur notre club ou pour nous contacter, envoyez-nous un e-mail à l'adresse suivante:</p>
<a href="mailto:info@nanteshowdown.com">info@nanteshowdown.com</a>
</section>
<section>
<h2>Financements</h2>
<p>Nous sommes toujours à la recherche de financements !</p>
</section>
</main>
<footer>
<p>&copy; Nanteshowdown 2023</p>
</footer>
</body>
</html>

72
html-perso/style.css Normal file
View File

@@ -0,0 +1,72 @@
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
color: #000;
background-color: #fff;
font-size: 18px; /* Augmentation de la taille de la police */
line-height: 1.5;
}
header {
background-color: #000;
color: #fff;
padding: 20px;
text-align: center;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
nav li {
padding: 10px;
margin: 0 10px;
}
nav a {
color: #000;
text-decoration: none;
font-size: 20px; /* Augmentation de la taille de la police */
}
main {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
section {
margin-bottom: 40px;
}
h2 {
color: #000;
font-size: 36px; /* Augmentation de la taille de la police */
font-weight: bold;
margin-bottom: 20px;
}
a {
background-color: #FED330;
color: #000;
display: inline-block;
padding: 10px;
text-decoration: none;
}
a:hover {
background-color: #FFC300;
}
footer {
background-color: #eee;
color: #000;
padding: 20px;
text-align: center;
}