mirror of
https://github.com/NohamR/Projet-foot.git
synced 2025-07-10 06:07:23 +00:00
accueil
This commit is contained in:
parent
34de651ac4
commit
b88b009da4
BIN
Arriereplan.jpg
Normal file
BIN
Arriereplan.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 193 KiB |
28
accueil.html
28
accueil.html
@ -0,0 +1,28 @@
|
|||||||
|
<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>
|
||||||
|
<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>
|
||||||
|
<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>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
BIN
neymar.jpg
Normal file
BIN
neymar.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 80 KiB |
52
style.css
Normal file
52
style.css
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
h1 {
|
||||||
|
font-family: FreeMono, monospace;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 50px;
|
||||||
|
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%;
|
||||||
|
margin-top: 7%;
|
||||||
|
width: 375px;
|
||||||
|
height: 425px;
|
||||||
|
border-radius: 20px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: black;
|
||||||
|
background-color: rgba(66, 66, 88, 0.5);
|
||||||
|
}
|
||||||
|
img{
|
||||||
|
width: 400px;
|
||||||
|
height: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
button{
|
||||||
|
width: 200px;
|
||||||
|
height:80px;
|
||||||
|
margin-left: 65%;
|
||||||
|
margin-top: 8%;
|
||||||
|
font-size: 28px;
|
||||||
|
border-radius: 20px;
|
||||||
|
background-color: rgba(80, 203, 40, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
table{
|
||||||
|
margin-left: 20% ;
|
||||||
|
}
|
Loading…
x
Reference in New Issue
Block a user