Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
- <div class="igprincipal"><div class="head-igprin"><i class="fas fa-arrow-left"></i><div class="username-igpr">bettyleg</div><i class="fas fa-ellipsis-v"></i></div><div class="pri-igprin"><div class="imgperf-ig"><img src="http://via.placeholder.com/120"></div><div class="datos-prfig"><div class="dts-ig1"><strong>451</strong><br/>Post</div><div class="dts-ig1"><strong>759 mil</strong><br/>Seguidores</div><div class="dts-ig1"><strong>673</strong><br/>Seguidos</div></div></div><div class="dts-seig"><strong>BETTY</strong><div class="descr-ig">from paris, with love</div><div class="histdest-ig"><div class="imghistig"><img src="http://via.placeholder.com/60"><br/>Studio</div><div class="imghistig"><img src="http://via.placeholder.com/60"><br/>Tour</div><div class="imghistig"><img src="http://via.placeholder.com/60"><br/>world</div></div></div><div class="decor-ig"><i class="fas fa-th-large"></i><i class="fas fa-user-tag"></i></div><div class="fot-igpri"><img src="http://via.placeholder.com/128"><img src="http://via.placeholder.com/128"><img src="http://via.placeholder.com/128"></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>
- <style>.igprincipal{width:400px; height:530px; border:1px solid #eee; margin:10px auto;} .head-igprin{height:20px; background:#fff; padding:10px; border-bottom:1px solid #eee;} .head-igprin i, .head-igprin .username-igpr{float:left; color:#444;} .head-igprin .fa-arrow-left{padding-left:10px; font-size:15px; margin-top:5px;} .username-igpr{padding-left:20px; font-size:17px; font-family:arial; margin-top:2px;} .head-igprin .fa-ellipsis-v{float:right; margin-right:10px; font-size:15px; margin-top:4px;} .pri-igprin{height:135px; padding-top:15px; background:#fff;} .imgperf-ig{width:126px; height:126px; border-radius:180px; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); padding:3px; margin-left:18px; float:left;} .imgperf-ig img{width:120px;height:120px; border-radius:180px;border:3px solid #fff;} .datos-prfig{width:210px; height:50px; background:#fff; float:left; margin-left:20px; margin-top:50px; display:grid; grid-template-columns: auto auto auto;} .dts-ig1{font-family:arial; font-size:15px; text-align:center; color:#555;} .dts-ig1 strong{color:#333;} .dts-seig{max-height:130px; padding:10px 20px; background:#fff;} .dts-seig{font-family:arial; font-size:13px; border-bottom:1px solid #eee;} .histdest-ig{height:85px; background:#fff; margin-top:10px;} .imghistig{ float:left; margin-right:15px; background:#fff; width:60px; height:60px; border-radius:180px; padding:2px; border:1px solid #ddd; text-align:center; font-family:arial; font-size:12px;} .imghistig img{width:60px; height:60px; border-radius:180px; margin-bottom:4px;} .decor-ig{height:30px; background:#fff; font-size:25px; text-align:center; display:grid; grid-template-columns:auto auto; padding:10px 10px 0px 10px; color:#888; border-bottom:1px solid #eee;} .fa-th-large{border-bottom:1px solid #888;} .fot-igpri{height:130px; background:#fafafa; display:grid; grid-template-columns: auto auto auto; padding:10px 0px 10px 4px;} .fot-igpri img{width:128px; height:128px; background:#ddd;outline:1px solid #ccc;}.cred{margin:0px auto; margin-top:-5px; width:280px; text-align:center;background:#fff;border:1px solid #eee;} .cred a{text-decoration:none; color:#888; text-transform:uppercase; font-size:8px; font-family:arial; letter-spacing:2px;} .contcoment-ig hash{color:blue;}</style>
Advertisement
Add Comment
Please, Sign In to add comment