<div id="ingu">
<div id="topgu">
<i class="fas fa-camera" style="margin-left: 5px"></i>
<span>sammen.com/pseudodetonpersonnage</span>
<i class="fas fa-minus" style="margin-left: 5px"></i> <i class="far fa-window-restore"></i> <i class="fas fa-plus" style="margin-right: 5px;"></i></div><div id="mou"><div class="imu">
<div class="minim" style="background: url(https://via.placeholder.com/120)"></div></div>
<div id="side"><div class="first">
<strong style="margin-left: -5px;">@pseudo</strong> <i style="font-size: 9px">Follow</i> <i class="fas fa-caret-down" style="margin-left: -10px;"></i> <span class="fas fa-ellipsis-h" style="margin-left: -5px;"></span></div>
<div class="second">
<span><b>000k</b> publications</span>
<span><b>000k</b> abonnés</span>
<span><b>000</b> abonnements</span>
</div>
<div class="third">
<h1>Pseudo</h1>
Une bio courte, pour ne pas déformer le code.
<span><b>Nom d'un compte</b> est abonné à ce compte.</span></div></div></div><div id="lf">
<div class="imt"><div class="im1" style="background: url(https://via.placeholder.com/100)"></div><span><i class="fas fa-heart"></i> 00 <i class="fas fa-comment" style="margin-left: 6px"></i> 00 </span></div>
<div class="imt"><div class="im1" style="background: url(https://via.placeholder.com/100)"></div><span><i class="fas fa-heart"></i> 00 <i class="fas fa-comment" style="margin-left: 6px"></i> 00 </span></div>
<div class="imt"><div class="im1" style="background: url(https://via.placeholder.com/100)"></div><span><i class="fas fa-heart"></i> 00 <i class="fas fa-comment" style="margin-left: 6px"></i> 00 </span></div>
<div class="imt"><div class="im1" style="background: url(https://via.placeholder.com/100)"></div><span><i class="fas fa-heart"></i> 00 <i class="fas fa-comment" style="margin-left: 6px"></i> 00 </span></div>
<div class="imt"><div class="im1" style="background: url(https://via.placeholder.com/100)"></div><span><i class="fas fa-heart"></i> 00 <i class="fas fa-comment" style="margin-left: 6px"></i> 00 </span></div>
<div class="imt"><div class="im1" style="background: url(https://via.placeholder.com/100)"></div><span><i class="fas fa-heart"></i> 00 <i class="fas fa-comment" style="margin-left: 6px"></i> 00 </span></div>
</div></div><div class="crdts"><a href="https://gitanodoescodes.tumblr.com/">— gitano;</a></div>
<style>#ingu {width: 500px; background: #fdfdfd; border: 1px solid #eaeaea; border-radius: 5px; margin: 0 auto; padding-bottom: 30px;}#ingu br {display: none;}#ingu #topgu {background: #FDF0E3; display: flex; justify-content: space-around; align-items: center; height: 40px; border-bottom: 1px solid #f1f1f1}#topgu i {border: 1px solid #f1f1f1; padding: 5px; background: #fefefe; font-size: 10px; color: #8592AF; border-radius: 5px;} #topgu span {border: 1px solid #f1f1f1;background: #fefefe; font-size: 10px; color: #8A6D64; font: 9px 'Inconsolata', monospace; font-weight: bold;width: 350px; border-radius: 5px; text-transform: uppercase; padding: 6px;}#ingu #mou {background: #f9f9f9; display: flex; justify-content: space-around; align-items: center; height: 200px; border-bottom: 1px solid #f1f1f1} #ingu #mou .imu {width: 120px; height: 120px; border: 5px solid #4089A2; border-radius: 100%; padding: 5px; margin-left: 20px;}#ingu #mou .minim {width: 120px; height: 120px; border-radius: 100%;}#ingu #side {width: 300px; margin-left: 5px; color: #333; margin-right: 16px;}#ingu #side .first strong {display: block; width: 150px; font-weight: 400;}#ingu #side .first {font: 15px 'Open Sans', sans-serif; display: flex; justify-content: space-around; align-items: center; font-weight: 300;}#ingu #side .first i {background: #DA7E52; padding: 5px 10px; height: 15px; text-transform: uppercase; font-weight: bold; font-style: inherit; display: flex; align-items: center; color: #fff;} #ingu #side .first span {color: #585858}#ingu .second {font: 10px 'Open Sans', sans-serif; display: flex; justify-content: space-around; align-items: center; font-weight: 300; margin-top: 10px; margin-bottom: 5px; margin-left: 5px;} #ingu .second span {display: block; width: 90px;} #ingu .third {font: 10px 'Open Sans', sans-serif; font-weight: 300; margin-top: 10px; margin-bottom: 5px; margin-left: 5px;}#ingu .third h1 {font-size: 15px; margin: 0px; text-align: justify;} #ingu .third span {display: block; margin-top:3px;} #ingu #lf {width: 370px; margin: 0 auto; margin-top: 18px; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;} #ingu .imt {width: 100px; border: 5px solid #f9f9f9; outline: 1px solid #f1f1f1; background: #f9f9f9; margin-top: 10px; margin-left: 5px; margin-right: 5px;}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center;}#ingu .im1 {height: 100px; background-size: 100%!important} #ingu .imt span {background: #FDF0E3; display: block; font: 9px 'Open Sans', sans-serif; text-align: center; padding: 5px; color: #373B38}</style><script src="https://kit.fontawesome.com/fb4f7fc7d2.js"></script><link href="https://fonts.googleapis.com/css?family=Inconsolata|Open+Sans:300,400&display=swap" rel="stylesheet">
Accueil
Dernières images
