This commit is contained in:
Naponeuer
2023-06-07 09:26:38 +02:00
parent fdeb078eb7
commit 9f4fcff20f
5 changed files with 18 additions and 19 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 193 KiB

25
page d'acceuil/index.html Normal file
View File

@@ -0,0 +1,25 @@
<html lang="en">
<head>
<link rel = "stylesheet" href = "style.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1> Accueil</h1>
<h2>Montez le son pour plus de sensations !</h2>
<table>
<tr>
<td><div id = "acc">
<h2> Jeu de jongles : Positionnez votre personnage sous la balle avant qu'elle ne touche le sol afin de marquer le plus de point possibles et espérer égaler le record de jongles de Neymar Jr (400 jongles en 1 minute). </h2>
<h3>"Il n'y a pas d'endroit dans le monde où l'homme est plus heureux que dans un stade de football." Albert Camus</h3>
</div>
</td>
<td><img src = '/neymar.jpg'></td>
</tr>
</table>
<button name = 'bouton' type="submit">Commencer !</button>
<audio src="musique.mp3" loop autoplay></audio>
</body>
</html>

BIN
page d'acceuil/musique.mp3 Normal file

Binary file not shown.

BIN
page d'acceuil/neymar.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

54
page d'acceuil/style.css Normal file
View File

@@ -0,0 +1,54 @@
h1 {
font-family:Noto Sans, sans-serif;
text-align: center;
font-size: 80px;
color: white;
}
body{
background-image:url('/Arriereplan.jpg');
background-size: cover;
}
h2{
font-family: Comic Sans MS, Comic Sans, cursive;
text-align: center;
font-size: 22px;
color:white;
}
h3{
font-family: Brush Script MT, Brush Script Std, cursive;
color : white;
font-size:29px;
text-align: center;
}
#acc{
margin-left: 5%;
width: 375px;
height: 425px;
border-radius: 20px;
border-style: solid;
border-color: black;
background-color: rgba(66, 66, 88, 0.5);
}
img{
width: 525px;
height: 350px;
border-radius: 20px;
border-style: solid;
border-width: 3px;
}
button{
width: 200px;
height:80px;
margin-left: 42.5%;
font-size: 28px;
border-radius: 20px;
background-color: rgba(80, 203, 40, 0.5);
}
table{
margin-left: 10% ;
border-spacing: 67;
}