mirror of
https://github.com/NohamR/Projet-foot.git
synced 2026-01-12 09:18:14 +00:00
acceuil
This commit is contained in:
BIN
page d'acceuil/Arriereplan.jpg
Normal file
BIN
page d'acceuil/Arriereplan.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 193 KiB |
25
page d'acceuil/index.html
Normal file
25
page d'acceuil/index.html
Normal 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
BIN
page d'acceuil/musique.mp3
Normal file
Binary file not shown.
BIN
page d'acceuil/neymar.jpg
Normal file
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
54
page d'acceuil/style.css
Normal 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;
|
||||
}
|
||||
Reference in New Issue
Block a user