noham/Projet-foot
1
0
Fork 0
mirror of https://github.com/NohamR/Projet-foot.git synced 2025-05-24 14:22:00 +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

49
index.html
View File

@ -1,27 +1,28 @@
<html lang="en">
<!DOCTYPE html>
<html lang="fr">
<head>
<link rel = "stylesheet" href = "src/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>
<link rel="stylesheet" href="src/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 = '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;">
<source src="src/musique.mp3" type="audio/mp3">
Votre navigateur ne prend pas en charge l'élément audio.
</audio></body>
</html>
<h1>Accueil</h1>
<h2>Montez le son pour plus de sensations !</h2>
<div class="container">
<div class="quote">
<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>"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>
<audio controls autoplay style="display: none;">
<source src="src/musique.mp3" type="audio/mp3">
Votre navigateur ne prend pas en charge l'élément audio.
</audio>
</body>
</html>

88
src/style.css
View File

@ -1,54 +1,58 @@
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;
h1 {
font-family: Noto Sans, sans-serif;
text-align: center;
font-size: 80px;
color: white;
margin-top: 50px; /* Réduire la marge supérieure */
}
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;
color: white;
margin-bottom: 20px; /* Ajouter une marge inférieure */
}
.container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 50px; /* Ajouter une marge supérieure */
}
.quote {
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{
margin-bottom: 20px; /* Ajouter une marge inférieure */
}
.image-container {
text-align: center;
margin-bottom: 20px; /* Ajouter une marge inférieure */
}
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;
}
}
.play-button {
display: inline-block;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
text-decoration: none;
border-radius: 4px;
font-size: 18px;
margin-top: 20px;
}