master
cocaillot 5 months ago
parent e4d346f303
commit f5f566b1b5

@ -1,46 +1,31 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- Doctype HTML5 --> <!-- Doctype HTML5 -->
<html lang="fr"> <html lang="fr">
<head>
<head> <meta charset="UTF-8">
<meta charset="UTF-8"> <link type="text/css" rel="stylesheet" href="style.css">
<link type="text/css" rel="stylesheet" href="style.css"> <script src="effect.js" defer></script>
<script src="effect.js" defer></script> <title>Corentin</title>
<title>Corentin</title> <nav class="navbar">
<nav class="navbar"> <ul class="navbar-list">
<ul class="navbar-list"> <li><a href="index.html">Accueil</a></li>
<li> <li><a href="cursus.html">Cursus</a></li>
<a href="index.html">Accueil</a> <li><a href="planning.html">Planning</a></li>
</li> <li class="dropdown">
<li>
<a href="cursus.html">Cursus</a>
</li>
<li>
<a href="planning.html">Planning</a>
</li>
<li class="dropdown">
<a href="#">Gallerie</a> <a href="#">Gallerie</a>
<ul class="dropdown-content"> <ul class="dropdown-content">
<li> <li><a href="images.html">Images</a></li>
<a href="images.html">Images</a> <li><a href="videos.html">Vidéos</a></li>
</li>
<li>
<a href="videos.html">Vidéos</a>
</li>
</ul> </ul>
</li> </li>
<li> <li><a href="form.html">Contact</a></li>
<a href="form.php">Formulaire</a> <label class="switch">
</li> <input type="checkbox" id="theme-switch">
</ul> <span class="slider"></span>
</label>
<!-- Dark Mode Switch moved here --> </ul>
<label class="switch"> </nav>
<input type="checkbox" id="theme-switch"> </head>
<span class="slider"></span>
</label>
</nav>
<body> <body>
<h1 id="titre_cursus">CURSUS SCOLAIRE</h1> <h1 id="titre_cursus">CURSUS SCOLAIRE</h1>
<div class="timeline"> <div class="timeline">

@ -18,20 +18,26 @@
</head> </head>
<body class="bg-gray-50 text-gray-800"> <body class="bg-gray-50 text-gray-800">
<!-- Navigation --> <!-- Navigation -->
<nav class="navbar bg-gray-200 shadow-lg"> <nav class="navbar">
<ul class="navbar-list flex justify-around items-center py-4"> <ul class="navbar-list">
<li><a href="index.html" class="text-gray-700 hover:text-blue-500">Accueil</a></li> <li><a href="index.html">Accueil</a></li>
<li><a href="cursus.html" class="text-gray-700 hover:text-blue-500">Cursus</a></li> <li><a href="cursus.html">Cursus</a></li>
<li><a href="planning.html" class="text-gray-700 hover:text-blue-500">Planning</a></li> <li><a href="planning.html">Planning</a></li>
<li><a href="gallery.html" class="text-gray-700 hover:text-blue-500">Gallery</a></li> <li class="dropdown">
<li><a href="form.html" class="text-gray-700 hover:text-blue-500">Contact</a></li> <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"> <label class="switch">
<input type="checkbox" id="theme-switch"> <input type="checkbox" id="theme-switch">
<span class="slider"></span> <span class="slider"></span>
</label> </label>
</ul> </ul>
</nav>
</nav>
<!-- Contact Form --> <!-- Contact Form -->
<form id="contact-form" class="container mx-auto mt-10 px-4"> <form id="contact-form" class="container mx-auto mt-10 px-4">

@ -17,7 +17,7 @@
<li><a href="videos.html">Vidéos</a></li> <li><a href="videos.html">Vidéos</a></li>
</ul> </ul>
</li> </li>
<li><a href="form.html">Formulaire</a></li> <li><a href="form.html">Contact</a></li>
<label class="switch"> <label class="switch">
<input type="checkbox" id="theme-switch"> <input type="checkbox" id="theme-switch">
<span class="slider"></span> <span class="slider"></span>

@ -3,7 +3,6 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="style.css"> <link type="text/css" rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<script src="effect.js" defer></script> <script src="effect.js" defer></script>
<title>Corentin</title> <title>Corentin</title>
<nav class="navbar"> <nav class="navbar">
@ -18,14 +17,14 @@
<li><a href="videos.html">Vidéos</a></li> <li><a href="videos.html">Vidéos</a></li>
</ul> </ul>
</li> </li>
<li><a href="form.php">Formulaire</a></li> <li><a href="form.html">Contact</a></li>
</ul> <label class="switch">
<label class="switch">
<input type="checkbox" id="theme-switch"> <input type="checkbox" id="theme-switch">
<span class="slider"></span> <span class="slider"></span>
</label> </label>
</ul>
</nav> </nav>
</head> </head>
<body id="planning"> <body id="planning">
<h1>PLANNING</h1> <h1>PLANNING</h1>
<table> <table>

@ -794,3 +794,4 @@ ul {
.example-2 .icon-content a[data-social="youtube"] ~ .tooltip { .example-2 .icon-content a[data-social="youtube"] ~ .tooltip {
background-color: #ff0000; background-color: #ff0000;
} }

Loading…
Cancel
Save