Modèles pour Journaux intimes (2)

<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Devonshire' rel='stylesheet' type='text/css'>
<center><div style="background: url('http://i57.servimg.com/u/f57/18/41/76/42/paper_10.jpg'); width: 500px; box-shadow: #000000 0px 0px 10px; border-radius: 30px;"><br><center><img src="lien de l'image" width="450" class="ficheimg"></center><br>
<div style="text-align: center; font: 30px 'Kaushan Script'; color: #332D26;">Journal intime de XXXXX</div>
<div style="width:410px; padding: 10px; font-size: 12px; font: 'Times new roman'; line-height: 1,10;text-align: justify; color:#000;"><div style="font-size:300%;float:left; font-family:'Kaushan Script'; color: #332D26; margin-right:8px;margin-left:2px">S</div>ed si ille hac tam eximia fortuna propter utilitatem rei publicae frui non properat, ut omnia illa conficiat, quid ego, senator, facere debeo, quem, etiamsi ille aliud vellet, rei publicae consulere oporteret?
Quam ob rem ut ii qui superiores sunt submittere se debent in amicitia, sic quodam modo inferiores extollere. Sunt enim quidam qui molestas amicitias faciunt, cum ipsi se contemni putant; quod non fere contingit nisi iis qui etiam contemnendos se arbitrantur; qui hac opinione non modo verbis sed etiam opere levandi sunt.</div>
<div style="margin-top:15px; margin-right:20px;text-align: right; font: 20px 'Devonshire'; color: #332D26;">page 1</div><div style="margin-left: 20px;text-align:left;font: 11px 'Times new Roman';color:#332D26">© sobade.</div>
</div>
</center>

<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Devonshire' rel='stylesheet' type='text/css'>
<center><div style="background: url('http://i57.servimg.com/u/f57/18/41/76/42/paper_10.jpg'); width: 500px; box-shadow: #000000 0px 0px 10px; border-radius: 30px;"><br>
<div style="text-align: center; font: 30px 'Kaushan Script'; color: #332D26;">Titre de la page</div>
<div style="width:410px; padding: 10px; font-size: 12px; font: 'Times new roman'; line-height: 1,10;text-align: justify; color:#000;"><div style="font-size:300%;float:left; font-family:'Kaushan Script'; color: #332D26; margin-right:8px;margin-left:2px">S</div>ed si ille hac tam eximia fortuna propter utilitatem rei publicae frui non properat, ut omnia illa conficiat, quid ego, senator, facere debeo, quem, etiamsi ille aliud vellet, rei publicae consulere oporteret?
Quam ob rem ut ii qui superiores sunt submittere se debent in amicitia, sic quodam modo inferiores extollere. Sunt enim quidam qui molestas amicitias faciunt, cum ipsi se contemni putant; quod non fere contingit nisi iis qui etiam contemnendos se arbitrantur; qui hac opinione non modo verbis sed etiam opere levandi sunt.
Siquis enim militarium vel honoratorum aut nobilis inter suos rumore tenus esset insimulatus fovisse partes hostiles, iniecto onere catenarum in modum beluae trahebatur et inimico urgente vel nullo, quasi sufficiente hoc solo, quod nominatus esset aut delatus aut postulatus, capite vel multatione bonorum aut insulari solitudine damnabatur.

Eodem tempore Serenianus ex duce, cuius ignavia populatam in Phoenice Celsen ante rettulimus, pulsatae maiestatis imperii reus iure postulatus ac lege, incertum qua potuit suffragatione absolvi, aperte convictus familiarem suum cum pileo, quo caput operiebat, incantato vetitis artibus ad templum misisse fatidicum, quaeritatum expresse an ei firmum portenderetur imperium, ut cupiebat, et cunctum.
</div>
<div style="margin-top:15px; margin-right:20px;text-align: right; font: 20px 'Devonshire'; color: #332D26;">page ...</div><div style="margin-left: 20px;text-align:left;font: 11px 'Times new Roman';color:#332D26">© sobade.</div>
</div>
</center>

<link href='http://fonts.googleapis.com/css?family=Calligraffitti|Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>


<center> <div style="background-image: url('http://subtlepatterns.com/patterns/paper.png'); width : 550px; border: solid 2px #e5e5e5;  box-shadow : 2px 2px 10px #a0a0a0; border-radius : 0px;">

<div style="padding: 0px; width: 450px; height: 200px; border: solid 3px #e5e5e5; box-shadow : 2px 2px 10px #a0a0a0; border-radius: 0px ; background-image: url('http://data2.whicdn.com/images/120084254/large.jpg');  -moz-transform: rotate(2deg); -webkit-transform: rotate(2deg); transform: rotate(2deg); ;"></div>
<div style="font-family: 'Calligraffitti', cursive; font-size: 30px; color : #1c1b38; letter-spacing: 2px; padding : 30px;text-align : right " > Titre du message</div>

<div style="width : 480px; height : 500px; overflow : auto; ">
<div style="width : 450px; padding : 0px;font-family: 'Calligraffitti', cursive; font-size: 13px; color : #1c1b38; text-align : justify;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi non lacus sem. Vestibulum facilisis eleifend nibh. Vestibulum ac suscipit risus. Vestibulum molestie sapien sit amet urna egestas fringilla. Curabitur a nulla placerat dui sagittis sagittis. Nullam adipiscing orci sed orci scelerisque, scelerisque vestibulum neque rutrum. Maecenas at dui viverra, egestas dolor at, dictum turpis.

Aenean quis nisl quis turpis ultrices molestie. Donec laoreet sodales viverra. Duis mollis eu massa a volutpat. Donec ac dapibus tortor. Maecenas a ipsum feugiat nisi pharetra molestie. Mauris enim orci, dapibus sed rutrum at, vestibulum suscipit augue. Nunc a sapien id eros imperdiet suscipit. Maecenas tempor lobortis lobortis. Vestibulum eu sem eu arcu venenatis convallis id eu justo.

- Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...

Vestibulum et egestas lorem. Aenean cursus vel tellus non feugiat. Suspendisse massa eros, dignissim ut nulla eget, dapibus tristique tortor. In quis odio et dui cursus pretium. Donec risus lectus, vulputate eget adipiscing non, euismod at mi. Suspendisse tincidunt sagittis ipsum, ac consequat nibh. Cras imperdiet vehicula nibh a faucibus. Etiam suscipit id odio eget eleifend. Fusce eu mi sit amet sem interdum gravida at sit amet mi. Integer sed consequat libero, vitae blandit ligula. Maecenas quis nulla vitae eros ultrices aliquet. Aliquam non est at lorem faucibus congue id eu libero. Vivamus fringilla arcu mi, quis tempor est scelerisque vitae. Nulla vestibulum sagittis condimentum. Ut vel dui quis tortor tempor eleifend ut ac justo.

Vivamus ultricies pulvinar fringilla. Vestibulum arcu ligula, volutpat sit amet varius euismod, tincidunt eget quam. Integer suscipit orci eget sem sagittis, et adipiscing ligula iaculis. Nullam purus augue, adipiscing ut nulla non, sollicitudin pellentesque turpis. Vivamus eu odio eu metus lobortis convallis pellentesque sed tellus. Nullam ac nunc ut diam vehicula porttitor. Morbi fringilla tellus quis dapibus tristique. Aenean vitae sagittis augue. Aliquam dui sapien, pretium sit amet quam at, auctor placerat leo. Mauris malesuada ante sed sem commodo, id euismod quam ullamcorper. Nunc eu felis ut lorem convallis vulputate a a ligula.

Mauris ut scelerisque ante, nec scelerisque felis. Mauris nisl massa, vehicula vel lacus vitae, tristique lobortis enim. Donec non nisl aliquam, varius orci id, convallis ipsum. Nulla commodo malesuada ultrices. Nunc cursus sed justo vel imperdiet. Morbi pretium, metus eget aliquet sagittis, sapien lectus facilisis elit, ac ornare nibh ligula eget libero. Phasellus quam quam, tristique sit amet commodo tincidunt, tincidunt nec libero. Donec blandit tortor volutpat feugiat eleifend. Aliquam pulvinar eros ut arcu posuere, non elementum nisl ultrices. Nulla eu orci a massa pharetra mollis. Mauris interdum ante eget mattis vestibulum. Morbi leo nunc, ornare in faucibus in, sollicitudin non lorem. Fusce mauris eros, feugiat nec mauris quis, eleifend ultricies nulla.


</div> </div>
<a style="color: #1c1b38 !important; font-size: 10px; padding : 0px; font-family: 'Open Sans Condensed', sans-serif; letter-spacing: 2px;" href="http://www.never-utopia.com/">© Jawilsia sur Never Utopia</a>
</div> </center>