Vous êtes sur la page 1sur 3

<!

DOCTYPE html>
<html>
<head>
<title>Présentation de l'équipe sportive</title>
<style>

@import
url('https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap');
@import
url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0
,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;
1,700;1,800;1,900&display=swap');

h1 {
font-family: "Dela Gothic One", sans-serif;
}

.btn {
display: inline-block;
padding: 10px 30px;
margin:5px;
background: linear-gradient(
281deg,
rgba(204, 35, 35, 1) 12%,
rgba(36, 16, 133, 1) 64%
);

color: beige;
text-align: center;
text-decoration: none;
border: none;
border-radius: 40px;
font-size: 18px;
transition: background-color 3.36s;
transition: border-radius 0.100s;
transition: padding 0.8s;

.btn:hover {
background-color: rgb(58, 91, 234);
color: rgb(255, 209, 26);
border-radius: 70px;
padding: 20px 25px;
box-shadow: 11px 36px 80px 37px rgba(250, 247, 247, 0.3);

}
.jojo {
}
</style>
</head>
<body
style="
color: aliceblue;
background: linear-gradient(
281deg,
rgba(204, 35, 35, 1) 12%,
rgba(0, 0, 0, 1) 64%
);
background-repeat: no-repeat;
background-size: cover;
text-align: center;
"
>
<img
src="https://standard.be/themes/standard_liege/images/new-logo.png"
alt="LOGO EQUIPE"
width="300px"
style="margin-top: 50px;"

/>
<a href=""></a>
<h1 class="jojo">Équipe de Football FC</h1>

<p>
L'Équipe de Football FC est une équipe sportive passionnée qui a
remporté
de nombreux championnats au fil des ans.
</p>

<button class="btn"
onclick="window.location.href='https://standard.be/fr'">
En savoir plus sur l'équipe
</button>

<button
class="btn"
onclick="window.location.href='https://standard.be/fr/fondation'"
>
Page des fans de l'équipe
</button>

<p>
Statistiques de l'équipe : Victoires - 50, Défaites - 10, Matchs nuls -
20
</p>

<button
class="btn"
onclick="window.location.href='https://fanshop.standard.be'"
>
Acheter des billets pour le prochain match
</button>
<footer>
ceci est un footer
</footer>
</body>
</html>

Vous aimerez peut-être aussi