<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title> Karäfon historique</title> <link rel="stylesheet" href="karafon_style.css" /> <link rel="shortcut icon" type="image/x-icon" href="images/logo.png" /> </head> <body> <header> <div class="titre"> <img src="images/logo.png" alt="logo de l'association" height="70" width="70"/> <h1 id="collectif_karafon">Collectif Karäfon</h1> <p id="festival_itinerant">Festival itinérant</p> </div> <div class="buttons"> <input name="button" id="boutonAccueil" onclick="fonctionAccueil()" value="Accueil" type="button" > <br/> <input name="button" id="boutonPresentation" onclick="fonctionPresentation()" value="Présentation" type="button" > <br/> <span class="encours"> <input name="button" id="boutonHistorique" value="Historique" type="button" > <br/> </span> <input name="button" id="boutonProchainsEvenements" onclick="fonctionProchainsEvenements()" value="Prochains événements" type="button" > <br/> <input name="button" id="boutonContact" onclick="fonctionContact()" value="Contact" type="button" > <br/> </div> </header> <p>Voici l'historique</p> </body> <script type="text/javascript"> function fonctionAccueil(){ window.location.href="index.html"; } function fonctionPresentation(){ window.location="presentation.html"; } function fonctionContact(){ window.location="contact.html"; } function fonctionProchainsEvenements(){ window.location="prochains_evenements.html"; } </script> </html>