<!DOCTYPE HTML>
<html>
<!-- En-tête -->
<head>
<meta charset="utf-8" />
<!-- titre -->
<title> Fich de Pub d'Epicode </title>
<!-- CSS -->
<style type="text/css">
* {
box-sizing: border-box;
}
a {
text-decoration: none;
transition: all 500ms;
}
a:hover {
opacity: 0.8;
}
span,
div a:first-of-type {
font-weight: bold;
}
article,
div {
margin: 0 auto;
text-align: center;
}
article,
h1,
a {
color: #393b51;
font-size: 16px;
}
article {
background-color: #393b51;
padding: 10px 10px 40px;
width: 95%;
max-width: 600px;
font-family: "reem kufi", serif;
box-shadow: 2px 2px 5px #222338;
}
img {
width: 100%;
}
nav {
display: flex;
justify-content: space-between;
margin: 25px auto;
}
div,
nav {
width: 85%;
}
div,
nav>a {
background-color: #eae3d3;
padding: 10px;
box-shadow: 2px 2px 5px #222338;
}
h1,
nav>a {
text-transform: uppercase;
}
nav>a {
display: inline-block;
width: 30%;
}
nav>a:nth-child(2) {
padding-top: 25px;
}
p {
padding: 10px;
text-align: justify;
}
</style>
</head>
<!-- Corps -->
<body>
<link href="https://fonts.googleapis.com/css?family=Reem+Kufi" rel="stylesheet">
<article>
<img src="https://zupimages.net/up/19/12/04dk.png" alt="Bannière de Epicode" />
<nav>
<a target="_blank" href="http://www.epicode-entraide.com/t2225-faire-une-demande-de-partenariat">Devenir partenaire</a>
<a target="_blank" href="http://www.root-top.com/topsite/epicode/">Epic'Top</a>
<a target="_blank" href="http://www.epicode-entraide.com/t11144-guide-du-nouvel-arrivant">Guide du débutant</a>
</nav>
<div>
<h1>Epicode c'est...</h1>
<p>une passion pour l'entraide, le codage et le graphisme, <span>sept années de bonheur</span>, une
communauté riche de plus de <span>3 100 membres</span>. C'est également du partage avec pas moins de
<span>600 codes en libre service</span> et <span>250 tutoriels de codage et de graphisme</span> !
</p>
<p>Et si vous n'avez pas trouvé votre bonheur, vous pouvez toujours <span>passer commande</span> ! Vos
projets ne sont pas en reste non plus, vous pouvez <span>demander des avis, faire de la pub</span> ou
<span>recruter du staff</span>. Le tout rythmé par des <span>animations et concours</span> réguliers
et diversifiés dans une ambiance chaleureuse !
</p>
<a target="_blank" href="http://www.epicode-entraide.com/register">N'hésitez plus et rejoignez nous !</a><br/>
<a target="_blank" href="http://www.epicode-entraide.com/">http://www.epicode-entraide.com/</a>
</div>
</article>
</body>
</html>
Accueil 
