<div style="background-image: radial-gradient(circle, #DE8A87,#E8625D,#D91C15,#E90D05,#BF0700,#AD0E07); text-align: center;"><br /><span style="font-size: large;"><span style="color: #ffffff;"><a style="color: #ffffff;" href="#P1"><br />Titre 1</a> - <a style="color: #ffffff;" href="#P2">Titre 2</a> - <a style="color: #ffffff;" href="#P3">Titre 3</a> - <a style="color: #ffffff;" href="#P4">Titre 4</a> - <a style="color: #ffffff;" href="#P5">Titre 5</a> </span></span> <br /> <br /> <br />
<table style="margin: auto;" border="0">
<tbody>
<tr>
<td>
<div style="background-color: #bc6d25; border: 2px dotted #FFFFFF; width: 270px; height: 500px; text-align: center; border-radius: 10px; box-shadow: #FfffFf 0px 0px 10px; overflow: hidden; margin: auto; opacity: 1;">
<table style="margin: auto;" border="0">
<tbody>
<tr>
<td>
<div style="background-color: #bc6d25; border: 0px solid #000000; width: 270px; height: 500px; text-align: center; border-radius: 10px; overflow: auto; margin: auto; opacity: 0.75;">
<p style="text-align: center;"><a name="P1"></a></p>
<br /> <br /><br />
<p style="text-align: center;">Bloc 1</p>
</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: #bc6d25; border: 0px solid #000000; width: 270px; height: 500px; text-align: center; border-radius: 10px; overflow: auto; margin: auto; opacity: 0.75;">
<p style="text-align: center;"><a name="P2"></a></p>
<br /> <br /><br />
<p style="text-align: center;">Bloc 2</p>
</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: #bc6d25; border: 0px solid #000000; width: 270px; height: 500px; text-align: center; border-radius: 10px; overflow: auto; margin: auto; opacity: 0.75;">
<p style="text-align: center;"><a name="P3"></a></p>
<br /> <br /><br />
<p style="text-align: center;">Bloc 3</p>
</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: #bc6d25; border: 0px solid #000000; width: 270px; height: 500px; text-align: center; border-radius: 10px; overflow: auto; margin: auto; opacity: 0.75;">
<p style="text-align: center;"><a name="P4"></a></p>
<br /> <br /><br />
<p style="text-align: center;">Bloc 4</p>
</div>
</td>
</tr>
<tr>
<td>
<div style="background-color: #bc6d25; border: 0px solid #000000; width: 270px; height: 500px; text-align: center; border-radius: 10px; overflow: auto; margin: auto; opacity: 0.75;">
<p style="text-align: center;"><a name="P5"></a></p>
<br /> <br /><br />
<p style="text-align: center;">Bloc 5</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td> </td>
<td style="text-align: center;">
<p> </p>
<div style="background-image: linear-gradient(to right, #8C4012,#C97F2A); width: 220px; height: 220px; text-align: center; border-radius: 120px; overflow: auto; border: 0px dotted #FFFFFF; box-shadow: #FfffFf 0px 0px 10px; margin: auto; opacity: 0.95;">BLABLA</div>
<p> </p>
<p> </p>
<p><img src="https://vignette.wikia.nocookie.net/harrypotter/images/b/b1/Gryffindor_ClearBG.png/revision/latest/top-crop/width/360/height/450?cb=20190222162949" alt="" width="200" height="250" /></p>
</td>
</tr>
</tbody>
</table>
<br />
<p><span style="font-size: small;"><span style="color: #ffffff;"><span style="font-size: x-small;">©<a style="color: #ffffff;" href="sailor-170004-kiwil23">Kiwil23</a> | Ne pas plagier, merci </span></span></span></p>
<p><span style="font-size: small;"><span style="color: #ffffff;"><span style="font-size: x-small;"><br /></span></span></span></p>
</div>
