Exemple de carnets de bord

<center>
<div style="background-image: url(http://nsa33.casimages.com/img/2015/01/18//150118120120540710.png);padding: 15px; width:450px;opacity:0.8;box-shadow: 1px 2px 2px 1px darkgray;"><link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'><center><div style="background-color:#F8F6F3; margin:1px 0px 1px 0px; border-bottom:#F8F6F3 15px solid;border-top:#B9D3D3 5px solid;"><div style="width:430px; text-align:center;font-family:'great vibes';font-size:50px; letter-spacing:-1px; color:#95BABA; padding:15px 0px 10px 0px;">Prénom Prénom Nom
<div style="font-family: times new roman;font-size: 17px;color: black;opacity: 0.3;">DISPONIBLE - [strike]INDISPONIBLE[/strike]</div></div><br><div style="width: 430px;"><img src="http://33.media.tumblr.com/88e730822bd475193790bd35579d22dc/tumblr_mfuyahaqar1rlr2dlo6_250.gif" height="80px;" style="border: 1px solid darkgray;padding: 2px;border-radius: 100px;"/> <img src="http://38.media.tumblr.com/23defcdbd84460197726d1c7e0ae5b18/tumblr_mfuyahaqar1rlr2dlo3_250.gif" height="80px;" style="border: 1px solid darkgray;padding: 2px;border-radius: 100px;"/></div>
<div style="font-family:great vibes; font-size:40px;text-align:center;text-transform: lowercase;border-bottom: 1px solid gray;color: black;width:400px;">RPs en cours</div><div style="font-family: times new roman;font-size: 10px;text-transform: uppercase;background-color:white;padding: 10px 10px 10px 10px; width:400px;">○ [color=#95BABA]LIEN[/color] - feat. Pseudo
○ [color=#95BABA]LIEN[/color] - feat. Pseudo
</div>

<div style="font-family:great vibes; font-size:40px;text-align:center;text-transform: lowercase;border-bottom: 1px solid gray;color: black;width:400px;">RPs terminés</div><div style="font-family: times new roman;font-size: 10px;text-transform: uppercase;background-color:white;padding: 10px 10px 10px 10px; width:400px;">○ [color=#95BABA]LIEN[/color] - feat. Pseudo
○ [color=#95BABA]LIEN[/color] - feat. Pseudo
</div>

<div style="font-family:great vibes; font-size:40px;text-align:center;text-transform: lowercase;border-bottom: 1px solid gray;color: black;width:400px;">RPs prévus</div><div style="font-family: times new roman;font-size: 10px;text-transform: uppercase;background-color:white;padding: 10px 10px 10px 10px; width:400px;">○ [color=#95BABA]pseudo[/color]
○ [color=#95BABA]pseudo[/color]
</div>

<div style="width: 350px; font-size:9px;font-family:times new roman; color: gray; text-transform: lowercase; text-align: center;border-bottom: 1px solid #95BABA;color: black;width:400px;border-top: 1px solid #95BABA;">code (c) acidbrain</div></div></div></center>