modèle : réseaux sociaux

<link href="https://fonts.googleapis.com/css?family=Helvetica" rel="stylesheet"><style>.twttrimg {height:200px;width:600px;background-image: url('https://placehold.it/600x200');} .twttricon {height:150px;width:150px;background-image: url('https://placehold.it/150');border-radius:50%;border: 4px solid #fff;margin-top:-130px;margin-right:420px;position:relative;}.twttrright {height:auto;width:600px;background-color:#e6ecf0;}.twttrbnd {height:50px;width:598px;background-color:#fff;border: 1px solid #c2c7ca;}.twttrtxt1 {height:27px;width:60px;background-color:#fff;color:#657786;font-family:Helvetica;font-size:12px;padding:10px;}.twttrtxt1 .c {font-size:17px;color:#287348;}.twttrtxt2 {height:30px;width:60px;background-color:#fff;color:#657786;font-family:Helvetica;font-size:12px;padding:10px;}.twttrtxt2 .c {font-size:17px;}.twttrbio {height:auto;width:190px;background-color:#e6ecf0;margin-left:-380px;margin-top:15px;padding:10px;font-family:Helvetica;font-size:14px;text-align:left;line-height:15px;color:#000}.twttrbio b {font-size:20px;}.twttrbio .c {color:#657786;}.twttrbio .d {color:#657786;line-height:18px;}.twttrbio .e {color:#287348;}.twttrbnd2 {height:15px;width:320px;background-color:#fff;margin-left:215px;margin-top:-390px;border-bottom: 1px solid #e6ecf0;padding:15px;text-align:left;font-family:Helvetica;font-size:15px;word-spacing:20px;color:#000;}.twttrbnd2 .c {color:#287348;}.twttrpost1 {height:auto;width:320px;background-color:#fff;margin-left:215px;border-bottom: 1px solid #e6ecf0;padding:15px;text-align:left;font-family:Helvetica;color:#000;}.twttrpost1txt {height:auto;width:260px;background-color:#fff;font-family:Helvetica;font-size:14px;margin-left:60px;margin-top:-40px;color:#000;}.twttrpost1 .c {color:#657786;word-spacing:10px;}.twttrpost1 .d {color:#287348;}.twttrpost1 .e {color:#657786;}.creditfiche {text-align:center;font-family:Helvetica;font-size:10px;margin-top:5px;}</style><center><div class="twttrimg"></div><div class="twttrbnd"><div class="twttrtxt1" style="margin-left:-55px;border-bottom:3px solid #287348;"><b>Tweets<br /><span class="c">000</span></b></div><div class="twttrtxt2" style="margin-left:100px;margin-top:-50px;"><b>Abonnements<br /><span class="c">000</span></b></div><div class="twttrtxt2" style="margin-left:260px;margin-top:-50px;"><b>Abonnés<br /><span class="c">000</span></b></div><div class="twttrtxt2" style="margin-left:390px;margin-top:-50px;"><b>J'aime<br /><span class="c">000</span></b></div><div class="twttricon"></div></div><div class="twttrright"><span style="color: #e6ecf0;">.</span><div class="twttrbio"> <b>Pseudo Pseudo </b><br /><span class="c">@pseudopseudo</span><br /><br />Per hoc minui studium suum existimans Paulus, ut erat in conplicandis negotiis artifex dirus, unde ei Catenae inditum est cognomentum<br /><br /><img src="https://i.imgur.com/ejL9vgP.png" alt="Icon localisation" /> <span class="d">Ville, Pays<br /><img src="https://i.imgur.com/gfSGHt1.png" alt="Icon lien" /> <span class="e">lienlienlienlien…</span><br /><img src="https://i.imgur.com/wA6dPjN.png" alt="Icon date d'inscription" /> Inscrit en mois 0000<br /><img src="https://i.imgur.com/hI5Oacn.png" alt="Icon date de naissance" /> Naissance le 00 mois<br /><br /><img src="https://i.imgur.com/pbIqEZw.png" alt="Icon album" /> <span class="e">000 Photos et vidéos</span></span><div style="height:120px;width:190px;margin-top:10px;"><img src="https://placehold.it/55" alt="Album" style="border-radius:10%;margin-right:10px;"/><img src="https://placehold.it/55" alt="Album" style="border-radius:10%;margin-right:10px;"/><img src="https://placehold.it/55" alt="Album" style="border-radius:10%;"/><br /><img src="https://placehold.it/55" alt="Album" style="border-radius:10%;margin-right:10px;margin-top:10px;"/><img src="https://placehold.it/55" style="border-radius:10%;margin-right:10px;"/><img src="https://placehold.it/55" alt="Album" style="border-radius:10%;"/></div></div><div class="twttrbnd2"><b>Tweets <span class="c">Tweets<span style="color: #ffffff;">.</span>&<span style="color: #ffffff;">.</span>réponses Médias</span></b></div><div class="twttrpost1"><img src="https://placehold.it/40" alt="Avatar" style="border-radius:50%;"/> <div class="twttrpost1txt"><b>Pseudo pseudo</b> <span class="e">@pseudopseudo · 00 mois</span><br /><br />Per hoc minui studium suum existimans Paulus, ut erat in conplicandis negotiis artifex dirus, unde ei Catenae inditum est cognomentum, vicarium ipsum eos quibus praeerat adhuc defensantem ad sortem periculorum communium traxit. et instabat ut eum quoque cum tribunis et aliis pluribus ad comitatum imperatoris vinctum perduceret: quo percitus ille exitio urgente abrupto ferro eundem adoritur Paulum<br /><br /><b><span class="c"><img src="https://i.imgur.com/4qpOaQP.png" alt="Réponses" /> 00 <img src="https://i.imgur.com/hccRCfZ.png" alt="Retweet" /> 00 <img src="https://i.imgur.com/VEmuFmC.png" alt="Likes" /> 00</span></b><br /><br /><span class="d">Afficher cette discussion<br /><br /></span></div></div><div class="twttrpost1" style="margin-top:-15px;border-top:1px solid #eee;"><img src="https://placehold.it/40" alt="Avatar" style="border-radius:50%;"/> <div class="twttrpost1txt"><b>Pseudo pseudo</b><span class="e"> @pseudopseudo · 00 mois</span><br /><br />Per hoc minui studium suum existimans Paulus, ut erat in conplicandis negotiis artifex dirus, unde ei Catenae inditum est cognomentum, vicarium ipsum eos quibus praeerat adhuc defensantem ad sortem periculorum communium traxit. et instabat ut eum quoque cum tribunis et aliis pluribus ad comitatum imperatoris vinctum perduceret: quo percitus ille exitio urgente abrupto ferro eundem adoritur Paulum<br /><br /><img src="https://placehold.it/150x170" alt="Image tweet" style="border-radius: 5px 0px 0px 5px;"/><img src="https://placehold.it/100x170" alt="Image tweet" style="margin-left:5px;border-radius:0px 5px 5px 0px;"/><br /><br /><b><span class="c"><img src="https://i.imgur.com/4qpOaQP.png" alt="Réponses" /> 00 <img src="https://i.imgur.com/hccRCfZ.png" alt="Retweet" /> 00 <img src="https://i.imgur.com/VEmuFmC.png" alt="Likes" /> 00</span></b><br /><br /><span class="d">Afficher cette discussion</span></div></div><div class="twttrpost1"><img src="https://placehold.it/40" alt="Avatar" style="border-radius:50%;"/> <div class="twttrpost1txt"><b>Pseudo pseudo</b> <span class="e">@pseudopseudo · 00 mois</span><br /><br />Per hoc minui studium suum existimans Paulus, ut erat in conplicandis negotiis artifex dirus, unde ei Catenae inditum est cognomentum, vicarium ipsum eos quibus praeerat adhuc defensantem ad sortem periculorum communium traxit. et instabat ut eum quoque cum tribunis et aliis pluribus ad comitatum imperatoris vinctum perduceret: quo percitus ille exitio urgente abrupto ferro eundem adoritur Paulum<br /><br /><b><span class="c"><img src="https://i.imgur.com/4qpOaQP.png" alt="Réponses" /> 00 <img src="https://i.imgur.com/hccRCfZ.png" alt="Retweet" /> 00 <img src="https://i.imgur.com/VEmuFmC.png" alt="Likes" /> 00</span></b><br /><br /><span class="d">Afficher cette discussion</span></div></div><div class="twttrpost1"><img src="https://placehold.it/40" alt="Avatar" style="border-radius:50%;"/> <div class="twttrpost1txt"><b>Pseudo pseudo</b><span class="e"> @pseudopseudo · 00 mois</span><br /><br />Per hoc minui studium suum existimans Paulus, ut erat in conplicandis negotiis artifex dirus, unde ei Catenae inditum est cognomentum, vicarium ipsum eos quibus praeerat adhuc defensantem ad sortem periculorum communium traxit. et instabat ut eum quoque cum tribunis et aliis pluribus ad comitatum imperatoris vinctum perduceret: quo percitus ille exitio urgente abrupto ferro eundem adoritur Paulum<br /><br /><b><span class="c"><img src="https://i.imgur.com/4qpOaQP.png" alt="Réponses" /> 00 <img src="https://i.imgur.com/hccRCfZ.png" alt="Retweet" /> 00 <img src="https://i.imgur.com/VEmuFmC.png" alt="Likes" /> 00</span></b><br /><br /><span class="d">Afficher cette discussion</span></div></div><br /><br /></div></center><div class="creditfiche">fiche (c) <a href="http://www.epicode-entraide.com/" target="_blank">kalean</a></div>