|
|
|
@ -18,21 +18,27 @@
|
|
|
|
|
</head>
|
|
|
|
|
<body class="bg-gray-50 text-gray-800">
|
|
|
|
|
<!-- Navigation -->
|
|
|
|
|
<nav class="navbar bg-gray-200 shadow-lg">
|
|
|
|
|
<ul class="navbar-list flex justify-around items-center py-4">
|
|
|
|
|
<li><a href="index.html" class="text-gray-700 hover:text-blue-500">Accueil</a></li>
|
|
|
|
|
<li><a href="cursus.html" class="text-gray-700 hover:text-blue-500">Cursus</a></li>
|
|
|
|
|
<li><a href="planning.html" class="text-gray-700 hover:text-blue-500">Planning</a></li>
|
|
|
|
|
<li><a href="gallery.html" class="text-gray-700 hover:text-blue-500">Gallery</a></li>
|
|
|
|
|
<li><a href="form.html" class="text-gray-700 hover:text-blue-500">Contact</a></li>
|
|
|
|
|
<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="#">Gallerie</a>
|
|
|
|
|
<ul class="dropdown-content">
|
|
|
|
|
<li><a href="images.html">Images</a></li>
|
|
|
|
|
<li><a href="videos.html">Vidéos</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>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 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">
|
|
|
|
|