Modèle de Chronologie

<div style="margin-right:100px;margin-left:100px;padding:20px;border:2px solid dimgray;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;"><center><img src="https://zupimages.net/up/18/02/t2x8.jpg" width=250px;height=80px/></center>
<p style="text-align:center;font-size:16px;font-weight:bold;">[color=dimgray]► P[/color][color=#999999]résentation de Nom Prénom[/color] [color=dimgray]◄[/color]</p><hr></hr>
<p style="margin-left:40px;color:dimgray;">[b]Lien vers la fiche de présentation[/b] :
[b]Lien vers le dossier scolaire[/b] :
</p><p style="text-align:center;font-size:16px;font-weight:bold;">[color=dimgray]► A[/color][color=#999999] propos[/color] [color=dimgray]◄[/color]</p>
<ul style="list-style:none;"><li>[b][color=dimgray]Nom et prénom[/color][/b] : Nom Prénom</li>
<li>[b][color=dimgray]Date de naissance[/color][/b] : JJ/MM/AAAA</li>
<li>[b][color=dimgray]Sexe[/color][/b] : M/F/Autre</li>
<li>[b][color=dimgray]Nationalité[/color][/b] : ... </i>
</ul>
<p style="text-align:justify;margin-left:40px;margin-right:40px;">Autres informations/descriptions
</p>
</br>
<marquee><b>[color=dimgray] ♠ Clubs[/color]</b> : .... / <b>[color=dimgray] ♠ Job[/color]</b> : .... / <b>[color=dimgray] ♠ Hobbies[/color]</b> : ...
</marquee>
</div>

<div style="margin-right:100px;margin-left:100px;padding:20px;border:2px solid dimgray;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; height:500px;overflow:auto;"><p style="text-align:center;font-size:16px;font-weight:bold;">[color=dimgray]► M[/color][color=#999999]es RPs[/color] [color=dimgray]◄[/color]</p><hr></hr><p style="text-align:center;font-size:18px;color:dimgray;font-weight:bold;">2016</p><p><b>Date du RP</b> - [url=http://url-de-votre-rp]Titre du RP[/url]
<i>Nom de votre partenaire</i>
</p><p><b>Date du RP</b> - [url=http://url-de-votre-rp]Titre du RP[/url]
<i>Nom de votre partenaire</i>
</p><p><b>Date du RP</b> - [url=http://url-de-votre-rp]Titre du RP[/url]
<i>Nom de votre partenaire</i>
</p><p><b>Date du RP</b> - [url=http://url-de-votre-rp]Titre du RP[/url]
<i>Nom de votre partenaire</i>
</p><p style="text-align:center;font-size:18px;color:dimgray;font-weight:bold;">2015</p><p><b>Date du RP</b> - [url=http://url-de-votre-rp]Titre du RP[/url]
<i>Nom de votre partenaire</i>
</p><p><b>Date du RP</b> - [url=http://url-de-votre-rp]Titre du RP[/url]
<i>Nom de votre partenaire</i>
</p><p><b>Date du RP</b> - [url=http://url-de-votre-rp]Titre du RP[/url]
<i>Nom de votre partenaire</i>
</p></div>

<div style="margin-right:100px;margin-left:100px;padding:20px;border:2px solid dimgray;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding:20px;"><p style="text-align:center;font-size:16px;font-weight:bold;">[color=dimgray]► M[/color][color=#999999]es liens[/color] [color=dimgray]◄[/color]</p><hr></hr>
<div style="border:1px solid black;padding:20px;height:120px;overflow:auto;"><p style="float:left;"><img src="http://img11.hostingpics.net/pics/343156iconlien.png"/></p><p style="margin-left:80px;">[b]Nom du lien[/b] - Type de lien
[color=dimgray][b]Description[/b][/color] : Atque, ut Tullius ait, ut etiam ferae fame monitae plerumque ad eum locum ubi aliquando pastae sunt revertuntur, ita homines instar turbinis degressi montibus impeditis et arduis loca petivere mari confinia, per quae viis latebrosis sese convallibusque occultantes cum appeterent noctes luna etiam tum cornuta ideoque nondum solido splendore fulgente nauticos observabant quos cum in somnum sentirent effusos per ancoralia, quadrupedo gradu repentes seseque suspensis passibus iniectantes in scaphas eisdem sensim nihil opinantibus adsistebant et incendente aviditate saevitiam ne cedentium quidem ulli parcendo obtruncatis omnibus merces opimas velut viles nullis repugnantibus avertebant. haecque non diu sunt perpetrata.</p><p style="clear:both"></p><!--Important : ne pas supprimer le p style clear:both!-->
</div>
<div style="border:1px solid black;padding:20px;height:120px;overflow:auto;"><p style="float:left;"><img src="http://img11.hostingpics.net/pics/343156iconlien.png"/></p><p style="margin-left:80px;">[b]Nom du lien[/b] - Type de lien
[color=dimgray][b]Description[/b][/color] : Atque, ut Tullius ait, ut etiam ferae fame monitae plerumque ad eum locum ubi aliquando pastae sunt revertuntur, ita homines instar turbinis degressi montibus impeditis et arduis loca petivere mari confinia, per quae viis latebrosis sese convallibusque occultantes cum appeterent noctes luna etiam tum cornuta ideoque nondum solido splendore fulgente nauticos observabant quos cum in somnum sentirent effusos per ancoralia, quadrupedo gradu repentes seseque suspensis passibus iniectantes in scaphas eisdem sensim nihil opinantibus adsistebant et incendente aviditate saevitiam ne cedentium quidem ulli parcendo obtruncatis omnibus merces opimas velut viles nullis repugnantibus avertebant. haecque non diu sunt perpetrata.</p><p style="clear:both"></p><!--Important : ne pas supprimer le p style clear:both!-->
</div>
<div style="border:1px solid black;padding:20px;height:120px;overflow:auto;"><p style="float:left;"><img src="http://img11.hostingpics.net/pics/343156iconlien.png"/></p><p style="margin-left:80px;">[b]Nom du lien[/b] - Type de lien
[color=dimgray][b]Description[/b][/color] : Atque, ut Tullius ait, ut etiam ferae fame monitae plerumque ad eum locum ubi aliquando pastae sunt revertuntur, ita homines instar turbinis degressi montibus impeditis et arduis loca petivere mari confinia, per quae viis latebrosis sese convallibusque occultantes cum appeterent noctes luna etiam tum cornuta ideoque nondum solido splendore fulgente nauticos observabant quos cum in somnum sentirent effusos per ancoralia, quadrupedo gradu repentes seseque suspensis passibus iniectantes in scaphas eisdem sensim nihil opinantibus adsistebant et incendente aviditate saevitiam ne cedentium quidem ulli parcendo obtruncatis omnibus merces opimas velut viles nullis repugnantibus avertebant. haecque non diu sunt perpetrata.</p><p style="clear:both"></p><!--Important : ne pas supprimer le p style clear:both!-->
</div>
</div>