noham/Projet-foot
1
0
Fork 0
mirror of https://github.com/NohamR/Projet-foot.git synced 2025-05-24 22:31:52 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

update center

Browse Source
This commit is contained in:
NohamR 2023-06-07 15:26:32 +02:00
parent 2bb2767dd6
commit ec941b6a5b
2 changed files with 71 additions and 66 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
index.html
View File

@ -1,4 +1,5 @@
<html lang="en"> <!DOCTYPE html>
<html lang="fr">
<head> <head>
<link rel="stylesheet" href="src/style.css"> <link rel="stylesheet" href="src/style.css">
<meta charset="UTF-8"> <meta charset="UTF-8">
@ -9,19 +10,19 @@
<body> <body>
<h1>Accueil</h1> <h1>Accueil</h1>
<h2>Montez le son pour plus de sensations !</h2> <h2>Montez le son pour plus de sensations !</h2>
<table> <div class="container">
<tr> <div class="quote">
<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> <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> <h2>"Il n'y a pas d'endroit dans le monde où l'homme est plus heureux que dans un stade de football." - Albert Camus</h2>
</div>
<div class="image-container">
<img src="src/neymar.jpg" alt="Neymar Jr">
</div>
<a href="V7.zip" class="play-button"><h2>Jouer !</h2></a>
</div> </div>
</td>
<td><img src = 'src/neymar.jpg'></td>
</tr>
</table>
<a href="releases/V7.zip" style="text-decoration: none; color: white;"><button name = 'bouton' type="submit">Commencer !</button></a>
<audio controls autoplay style="display: none;"> <audio controls autoplay style="display: none;">
<source src="src/musique.mp3" type="audio/mp3"> <source src="src/musique.mp3" type="audio/mp3">
Votre navigateur ne prend pas en charge l'élément audio. Votre navigateur ne prend pas en charge l'élément audio.
</audio></body> </audio>
</body>
</html> </html>

64
src/style.css
View File

@ -1,35 +1,42 @@
body{
background-image:url('Arriereplan.jpg');
background-size: cover;
}
h1 { h1 {
font-family: Noto Sans, sans-serif; font-family: Noto Sans, sans-serif;
text-align: center; text-align: center;
font-size: 80px; font-size: 80px;
color: white; color: white;
margin-top: 50px; /* Réduire la marge supérieure */
} }
body{
background-image:url('Arriereplan.jpg');
background-size: cover;
}
h2 { h2 {
font-family: Comic Sans MS, Comic Sans, cursive; font-family: Comic Sans MS, Comic Sans, cursive;
text-align: center; text-align: center;
font-size: 22px; font-size: 22px;
color: white; color: white;
} margin-bottom: 20px; /* Ajouter une marge inférieure */
h3{
font-family: Brush Script MT, Brush Script Std, cursive;
color : white;
font-size:29px;
text-align: center;
} }
#acc{ .container {
margin-left: 5%; display: flex;
width: 375px; flex-direction: column;
height: 425px; align-items: center;
border-radius: 20px; justify-content: center;
border-style: solid; margin-top: 50px; /* Ajouter une marge supérieure */
border-color: black;
background-color: rgba(66, 66, 88, 0.5);
} }
.quote {
text-align: center;
margin-bottom: 20px; /* Ajouter une marge inférieure */
}
.image-container {
text-align: center;
margin-bottom: 20px; /* Ajouter une marge inférieure */
}
img { img {
width: 525px; width: 525px;
height: 350px; height: 350px;
@ -38,17 +45,14 @@ img{
border-width: 3px; border-width: 3px;
} }
button{ .play-button {
display: inline-block;
width: 200px; padding: 10px 20px;
height:80px; background-color: #007bff;
margin-left: 42.5%; color: #fff;
font-size: 28px; text-decoration: none;
border-radius: 20px; border-radius: 4px;
background-color: rgba(80, 203, 40, 0.5); font-size: 18px;
margin-top: 20px;
} }
table{
margin-left: 10% ;
border-spacing: 67;
}