[font=Georgia]<div style="width:500px; background-color:#f4f4f4; color:#cec4c3; border-top: 4px solid #cec4c3; border-bottom: 4px solid #cec4c3; border-left: dotted 2px #cec4c3; border-right: dotted 2px cec4c3; text-align:justify; margin:auto; padding:5px; box-shadow: 2px 0px 8px #cec4c3; -o-box-shadow: 2px 0px 8px  #cec4c3; -moz-box-shadow: 2px 0px 8px #cec4c3; -htm-box-shadow: 2px 0px 8px #cec4c3; -webkit-box-shadow: 2px 0px 8px #cec4c3; ">
<div style="font-size:30px; text-align:center; font-style:italic; padding:5px;">Mon carnet de bord</div><div style="font-size:12px; color:white; text-align:right; font-variant: small-caps; padding:5px;">[font=Georgia]Une citation[/font]</div><div style="border-top:2px dotted #cec4c3; border-bottom:2px dotted #cec4c3; margin-left:-5px; margin-right:-5px; height:200px; overflow:hidden;"><img src="http://38.media.tumblr.com/tumblr_lqnc0vAt961qbq4v6o1_500.gif" border="0" /></div>

<table><tr><td></td><td><span style="text-decoration:underline; font-style:italic; font-size:18px; float:right;">A small description of what you want.</span></td></tr><tr><td><div style="width:150px; font-size:18px; font-style:italic; font-weight:georgia; line-height:25px;">Your Name<br />Your Surname<br />Your Age<br />Anything<br />
</div></td><td><div style="float:right; padding:5px; width:300px; border:dotted 2px #cec4c3; height:150px; overflow:auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lobortis enim metus, porttitor scelerisque ipsum faucibus ut. Nullam volutpat auctor arcu in posuere. Proin vitae nibh nisi. Aenean nec tristique tortor. Pellentesque massa metus, feugiat eu lorem in, blandit pellentesque tellus. Nulla in enim eget dui commodo scelerisque nec vel velit. Integer in auctor leo. Integer condimentum, velit at convallis tincidunt, velit ligula tempus diam, a pretium justo orci id turpis. Donec elementum blandit risus ac dictum. Fusce id feugiat lorem, sed ultricies erat. Proin nibh nibh, ornare sed pellentesque quis, scelerisque sed sapien.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lobortis enim metus, porttitor scelerisque ipsum faucibus ut. Nullam volutpat auctor arcu in posuere. Proin vitae nibh nisi. Aenean nec tristique tortor. Pellentesque massa metus, feugiat eu lorem in, blandit pellentesque tellus. Nulla in enim eget dui commodo scelerisque nec vel velit. Integer in auctor leo. Integer condimentum, velit at convallis tincidunt, velit ligula tempus diam, a pretium justo orci id turpis. Donec elementum blandit risus ac dictum. Fusce id feugiat lorem, sed ultricies erat. Proin nibh nibh, ornare sed pellentesque quis, scelerisque sed sapien.</div></td></tr></table><br />
<div style="border-top:solid 4px #cec4c3; width:200px; margin: auto;"></div><table><tr><td><div style="margin:auto; width:200px; text-align:center; background-color: #cec4c3; border:dotted #cec4c3 2px; padding:5px; color:white;">En cours~</div></td>
<td><div style="margin:auto; width:200px; background-color:#cec4c3; text-align:center; border:dotted #cec4c3 2px; padding:5px; color:white;">Terminé/Abandonné~</div></td></tr>
<tr><td><div style="margin:auto; width:200px; height:250px; background-color:#cec4c3; border:dotted #cec4c3 2px; padding:5px; overflow:auto; color:white;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lobortis enim metus, porttitor scelerisque ipsum faucibus ut. Nullam volutpat auctor arcu in posuere. Proin vitae nibh nisi. Aenean nec tristique tortor. Pellentesque massa metus, feugiat eu lorem in, blandit pellentesque tellus. Nulla in enim eget dui commodo scelerisque nec vel velit. Integer in auctor leo. Integer condimentum, velit at convallis tincidunt, velit ligula tempus diam, a pretium justo orci id turpis. Donec elementum blandit risus ac dictum. Fusce id feugiat lorem, sed ultricies erat.</div></td>
<td><div style="margin:auto; width:200px; height:250px; background-color:#cec4c3; border:dotted #cec4c3 2px; padding:5px; overflow:auto; color:white;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lobortis enim metus, porttitor scelerisque ipsum faucibus ut. Nullam volutpat auctor arcu in posuere. Proin vitae nibh nisi. Aenean nec tristique tortor. Pellentesque massa metus, feugiat eu lorem in, blandit pellentesque tellus. Nulla in enim eget dui commodo scelerisque nec vel velit. Integer in auctor leo. Integer condimentum, velit at convallis tincidunt, velit ligula tempus diam, a pretium justo orci id turpis. Donec elementum blandit risus ac dictum. Fusce id feugiat lorem, sed ultricies erat.</div></td></tr></table><br />
<div style="border-top:solid 4px #cec4c3; width:200px; margin: auto;"></div><br />
<span style="text-decoration:underline; font-style:italic; font-size:18px; float:left; padding:5px;">Quick search of relationship.</span><div style="clear: both;"></div>
<div style="text-align:justify; color:#cec4c3;">-Nullam volutpat auctor arcu in posuere. -> [color=green]Free[/color]
-Nullam volutpat auctor arcu in posuere. -> [color=red]Busy[/color]</div>
<br/><a href="http://www.never-utopia.com" style="float:right; margin-right:-5px; font-size:14px; background-color:#cec4c3; border-bottom:dotted 2px #cec4c3; border-top:dotted 2px #cec4c3; border-left:dotted 2px #cec4c3; padding:2px; color:white;">© By A-Lice sur Never-Utopia</a><br />
</div>[/font]

<div style="width:500px; background-color: #f4f4f4; color: #cec4c3; border-top: 4px solid #cec4c3; border-bottom: 4px solid #cec4c3; border-left: dotted 2px#cec4c3; border-right: dotted 2px #cec4c3; text-align:justify; margin:auto; padding:5px; box-shadow: 2px 0px 8px #cec4c3; -o-box-shadow: 2px 0px 8px #cec4c3; -moz-box-shadow: 2px 0px 8px #cec4c3; -htm-box-shadow: 2px 0px 8px #cec4c3; -webkit-box-shadow: 2px 0px 8px #cec4c3; ">
<div style="font-size:30px; text-align:center; font-style:italic; padding:5px; margin-bottom:20px;">Mes relations</div><div style="border-top:dotted 2px #cec4c3; margin-bottom:-30px;"></div><table><tr><td><div style="margin:auto; width:200px; height:100px; overflow:hidden;"><img src="http://40.media.tumblr.com/d53f4814d02b64a9547788727fac2a10/tumblr_monpa5mHEB1r57z4zo1_500.png" alt="" /></div></td><td><div style="margin:auto; width:200px; height:100px; overflow:hidden;"><img src="http://40.media.tumblr.com/d53f4814d02b64a9547788727fac2a10/tumblr_monpa5mHEB1r57z4zo1_500.png" alt="" /></div></td></tr><tr><td><div style="width:200px; font-size:18px; margin-top:-50px; margin-left:30px;">Nom Prénom</div></td><td><div style="width:200px; font-size:18px; margin-top:-50px; margin-left:30px;">Nom Prénom</div></td></tr><tr><td><div style="border:dotted 2px #cec4c3; width:200px; height:150px; margin:auto; text-align:justify; overflow:auto; padding:5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lobortis enim metus, porttitor scelerisque ipsum faucibus ut. Nullam volutpat auctor arcu in posuere. Proin vitae nibh nisi. Aenean nec tristique tortor. Pellentesque massa metus, feugiat eu lorem in, blandit pellentesque tellus. Nulla in enim eget dui commodo scelerisque nec vel velit.</div></td><td><div style="border:dotted 2px #cec4c3; width:200px; height:150px; margin:auto; text-align:justify; overflow:auto; padding:5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lobortis enim metus, porttitor scelerisque ipsum faucibus ut. Nullam volutpat auctor arcu in posuere. Proin vitae nibh nisi. Aenean nec tristique tortor. Pellentesque massa metus, feugiat eu lorem in, blandit pellentesque tellus. Nulla in enim eget dui commodo scelerisque nec vel velit.</div></td></tr><tr><td style="height:20px;"></td></tr>
<tr><td><div style="margin:auto; width:200px; height:100px; overflow:hidden;"><img src="http://40.media.tumblr.com/d53f4814d02b64a9547788727fac2a10/tumblr_monpa5mHEB1r57z4zo1_500.png" alt="" /></div></td><td><div style="margin:auto; width:200px; height:100px; overflow:hidden;"><img src="http://40.media.tumblr.com/d53f4814d02b64a9547788727fac2a10/tumblr_monpa5mHEB1r57z4zo1_500.png" alt="" /></div></td></tr><tr><td><div style="width:200px; font-size:18px; margin-top:-50px; margin-left:30px;">Nom Prénom</div></td><td><div style="width:200px; font-size:18px; margin-top:-50px; margin-left:30px;">Nom Prénom</div></td></tr>
<tr><td><div style="border:dotted 2px #cec4c3; width:200px; height:150px; margin:auto; text-align:justify; overflow:auto; padding:5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lobortis enim metus, porttitor scelerisque ipsum faucibus ut. Nullam volutpat auctor arcu in posuere. Proin vitae nibh nisi. Aenean nec tristique tortor. Pellentesque massa metus, feugiat eu lorem in, blandit pellentesque tellus. Nulla in enim eget dui commodo scelerisque nec vel velit.</div></td><td><div style="border:dotted 2px #cec4c3; width:200px; height:150px; margin:auto; text-align:justify; overflow:auto; padding:5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lobortis enim metus, porttitor scelerisque ipsum faucibus ut. Nullam volutpat auctor arcu in posuere. Proin vitae nibh nisi. Aenean nec tristique tortor. Pellentesque massa metus, feugiat eu lorem in, blandit pellentesque tellus. Nulla in enim eget dui commodo scelerisque nec vel velit.</div></td></tr><tr><td style="height:20px;"></td></tr>
<tr><td><div style="margin:auto; width:200px; height:100px; overflow:hidden;"><img src="http://40.media.tumblr.com/d53f4814d02b64a9547788727fac2a10/tumblr_monpa5mHEB1r57z4zo1_500.png" alt="" /></div></td><td><div style="margin:auto; width:200px; height:100px; overflow:hidden;"><img src="http://40.media.tumblr.com/d53f4814d02b64a9547788727fac2a10/tumblr_monpa5mHEB1r57z4zo1_500.png" alt="" /></div></td></tr><tr><td><div style="width:200px; font-size:18px; margin-top:-50px; margin-left:30px;">Nom Prénom</div></td><td><div style="width:200px; font-size:18px; margin-top:-50px; margin-left:30px;">Nom Prénom</div></td></tr>
<tr><td><div style="border:dotted 2px #cec4c3; width:200px; height:150px; margin:auto; text-align:justify; overflow:auto; padding:5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lobortis enim metus, porttitor scelerisque ipsum faucibus ut. Nullam volutpat auctor arcu in posuere. Proin vitae nibh nisi. Aenean nec tristique tortor. Pellentesque massa metus, feugiat eu lorem in, blandit pellentesque tellus. Nulla in enim eget dui commodo scelerisque nec vel velit.</div></td><td><div style="border:dotted 2px #cec4c3; width:200px; height:150px; margin:auto; text-align:justify; overflow:auto; padding:5px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lobortis enim metus, porttitor scelerisque ipsum faucibus ut. Nullam volutpat auctor arcu in posuere. Proin vitae nibh nisi. Aenean nec tristique tortor. Pellentesque massa metus, feugiat eu lorem in, blandit pellentesque tellus. Nulla in enim eget dui commodo scelerisque nec vel velit.</div></td></tr></table>
<br/><a href="http://www.never-utopia.com" style="float:right; margin-right:-5px; font-size:14px; background-color: cec4c3; border-bottom:dotted 2px #cec4c3; border-top:dotted 2px #cec4c3; border-left:dotted 2px cec4c3; padding:2px; color:white;">[color=#660000]© By A-Lice sur Never-Utopia[/color]</a><br />
</div>