mirror of
https://github.com/NohamR/Projet-foot.git
synced 2025-05-24 14:22:00 +00:00
acceuil
This commit is contained in:
parent
fdeb078eb7
commit
9f4fcff20f
Before Width: | Height: | Size: 193 KiB After Width: | Height: | Size: 193 KiB |
@ -8,21 +8,18 @@
|
||||
</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 Cristiano Ronaldo (150 jongles en 1 minute). </h2>
|
||||
<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>
|
||||
<tr>
|
||||
<td>
|
||||
</td>
|
||||
<td><button name = 'bouton' type="submit">Commencer !</button></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.
Before Width: | Height: | Size: 80 KiB After Width: | Height: | Size: 80 KiB |
@ -1,13 +1,12 @@
|
||||
h1 {
|
||||
font-family: FreeMono, monospace;
|
||||
font-family:Noto Sans, sans-serif;
|
||||
text-align: center;
|
||||
font-size: 50px;
|
||||
font-size: 80px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
body{
|
||||
background-image:url('/Arriereplan.jpg');
|
||||
background-size: cover;
|
||||
background-image:url('/Arriereplan.jpg');
|
||||
background-size: cover;
|
||||
}
|
||||
h2{
|
||||
font-family: Comic Sans MS, Comic Sans, cursive;
|
||||
@ -24,7 +23,6 @@ h3{
|
||||
|
||||
#acc{
|
||||
margin-left: 5%;
|
||||
margin-top: 7%;
|
||||
width: 375px;
|
||||
height: 425px;
|
||||
border-radius: 20px;
|
||||
@ -33,20 +31,24 @@ h3{
|
||||
background-color: rgba(66, 66, 88, 0.5);
|
||||
}
|
||||
img{
|
||||
width: 400px;
|
||||
height: 300px;
|
||||
width: 525px;
|
||||
height: 350px;
|
||||
border-radius: 20px;
|
||||
border-style: solid;
|
||||
border-width: 3px;
|
||||
}
|
||||
|
||||
button{
|
||||
|
||||
width: 200px;
|
||||
height:80px;
|
||||
margin-left: 65%;
|
||||
margin-top: 8%;
|
||||
margin-left: 42.5%;
|
||||
font-size: 28px;
|
||||
border-radius: 20px;
|
||||
background-color: rgba(80, 203, 40, 0.5);
|
||||
}
|
||||
|
||||
table{
|
||||
margin-left: 20% ;
|
||||
margin-left: 10% ;
|
||||
border-spacing: 67;
|
||||
}
|
Loading…
x
Reference in New Issue
Block a user