creation de historique

This commit is contained in:
eleonore12345 2024-06-19 12:53:57 +02:00
parent 6f09ebfeac
commit 140b89603f
3 changed files with 44 additions and 13 deletions

17
historique.html Normal file
View File

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title> Karäfon </title>
<link rel="stylesheet" href="karafon_style.css" />
<link rel="shortcut icon" type="image/x-icon" href="images/logo.jpg" />
</head>
<body>
<header>
<img src="images/logo.jpg" alt="logo de l'association" height="70" width="70"/>
<h1>Collectif Karäfon</h1>
</header>
<h1>Historique</h1>
</body>
</html>

View File

@ -3,22 +3,24 @@
<head>
<meta charset="utf-8" />
<title> Karäfon </title>
<link rel="stylesheet" href="karäfon_style.css" />
<link rel="stylesheet" href="karafon_style.css" />
<link rel="shortcut icon" type="image/x-icon" href="images/logo.jpg" />
<header>
<img src="images/logo.jpg" alt="logo de l'association" height="70" width="70"/>
<h1>Collectif Karafon</h1>
</header>
</head>
<body>
<header class="banniere">
<img src="images/logo.jpg" alt="logo de l'association" height="70" width="70"/>
<h1>Collectif Karäfon</h1>
</header>
<div class="centrer">
<img src="/photos/festival.jpg" alt="photo du festival"/>
<p>Prochaine édition en juillet</p>
<h1> prochaine édition en juillet en h1</h1>
<h1> prochaine édition en juillet</h1>
</div>
<input name="button" id="boutonHistorique" onclick="" value="historique" type="button" > <br/>
<input name="button" id="boutonHistorique" onclick="fonctionHistorique()" value="historique" type="button" > <br/>
</div>
</body>
<script id=historique type="text/javascript">
function fonctionHistorique(){
window.location.href("historique.html");
}
</script>
</html>

View File

@ -4,9 +4,19 @@ html {
header {
background-color: rgb(39, 140, 180);
padding: 2px;
padding: 100px;
width: 100%;
position : fixed;
height: auto;
position: relative;
top: 0;
left: 0;
/*z-index: 1000;
box-sizing: border-box; */
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
}
p {
@ -17,6 +27,8 @@ img{
position: static;
}
.centrer{
text-align: center;
}