Instagram Posteo Multiple

/********************************** DOS FOTOS ***************************/
<link href="https://dl.dropboxusercontent.com/s/we0zn0yf1z1hgla/codigoinstag.css?dl=0" rel='stylesheet' type='text/css'><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

<div class="postig"><div class="headig multfo"><div class="userimgp"><div class="imgus-postig"><img src="https://i.imgur.com/3IOaT0B.png"></div><div class="user-postig"><strong>bettyleg</strong><br/>nowhere</div></div><div class="pnt-postig"><i class="fas fa-ellipsis-v"></i></div></div><div class="sp-slideshow"><input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" /><label for="button-1" class="button-label-1"></label> <input id="button-2" type="radio" name="radio-set" class="sp-selector-2" /> <label for="button-2" class="button-label-2"></label><label for="button-1" class="sp-arrow sp-a1"></label><label for="button-2" class="sp-arrow sp-a2"></label>¿<div class="sp-content" style="position:relative; top:-25px;"><div class="sp-parallax-bg"><ul class="sp-slider clearfix"><li><img src="http://placehold.it/400"></li> <li><img src="http://placehold.it/400"></li></ul></div></div></div><div class="foot-postig"><div class="hheart"><i class="far fa-heart"></i></div> <i class="far fa-comment"></i> <i class="far fa-paper-plane"></i> <i class="far fa-bookmark"></i></div><div class="coment-postig"><div class="mg-postig"><strong>747.144 Me gusta</strong></div><div class="post-user-ig"><strong>dualipa</strong> a new age <hash>#FutureNostalgia</hash> THANKYOU!!!! </div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>

<style>.postig{width:400px; max-height:600px; margin:10px auto; border:1px solid #eee;} .headig{height:45px; background:#fff; padding:7px; border-bottom:1px solid #eee;} .imgus-postig{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); width:44px; height:44px; padding:2px; border-radius:180px;} .imgus-postig img{border:2px solid #fff;width:40px; height:40px; border-radius:180px;} .user-postig{position:relative; top:-37px; left:60px; font-family:arial; font-size:13px; text-align:12px; color:#444;} .pnt-postig{float:right; margin-top:-65px; right:20px; position:relative; color:#444;} .foot-postig{height:20px; border-top-:1px solid #eee; padding:10px; padding-left:15px; background:#fff;} .foot-postig i{font-size:20px; color:#555;} .foot-postig .fa-heart, .foot-postig .fa-comment{margin-right:14px;} .hheart:hover .fa-heart{color:red!important; font-weight:900!important;} .hheart{display:inline-block;} .coment-postig{max-height:80px; background:#fff; font-family:arial; padding:5px 15px; font-size:14px; color:#333; padding-bottom:20px;} .mg-postig{height:23px; font-size:13px; border-bottom:1px solid #eee; margin-bottom:10px;} .post-user-ig hash{color:blue;} .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;} .foot-postig .fa-bookmark{float:right; position:relative; right:10px;}</style>

/********************************* TRES FOTOS **************************************/

<link href="https://dl.dropboxusercontent.com/s/we0zn0yf1z1hgla/codigoinstag.css?dl=0" rel='stylesheet' type='text/css'><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

<div class="postig"><div class="headig multfo"><div class="userimgp"><div class="imgus-postig"><img src="https://i.imgur.com/3IOaT0B.png"></div><div class="user-postig"><strong>bettyleg</strong><br/>nowhere</div></div><div class="pnt-postig"><i class="fas fa-ellipsis-v"></i></div></div><div class="sp-slideshow"><input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" /><label for="button-1" class="button-label-1"></label> <input id="button-2" type="radio" name="radio-set" class="sp-selector-2" /> <label for="button-2" class="button-label-2"></label><input id="button-3" type="radio" name="radio-set" class="sp-selector-3" /><label for="button-3" class="button-label-3"></label><label for="button-1" class="sp-arrow sp-a1"></label><label for="button-2" class="sp-arrow sp-a2"></label><label for="button-3" class="sp-arrow sp-a3"></label><div class="sp-content" style="position:relative; top:-25px;"><div class="sp-parallax-bg"><ul class="sp-slider clearfix"><li><img src="http://placehold.it/400"></li> <li><img src="http://placehold.it/400"><li><img src="http://placehold.it/400"></li></ul></div></div></div><div class="foot-postig"><div class="hheart"><i class="far fa-heart"></i></div> <i class="far fa-comment"></i> <i class="far fa-paper-plane"></i> <i class="far fa-bookmark"></i></div><div class="coment-postig"><div class="mg-postig"><strong>747.144 Me gusta</strong></div><div class="post-user-ig"><strong>dualipa</strong> a new age <hash>#FutureNostalgia</hash> THANKYOU!!!! </div></div></div><div class="cred"><a href="http://bettyleg.tumblr.com">bettyleg</a></div>

<style>.postig{width:400px; max-height:600px; margin:10px auto; border:1px solid #eee;} .headig{height:45px; background:#fff; padding:7px; border-bottom:1px solid #eee;} .imgus-postig{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); width:44px; height:44px; padding:2px; border-radius:180px;} .imgus-postig img{border:2px solid #fff;width:40px; height:40px; border-radius:180px;} .user-postig{position:relative; top:-37px; left:60px; font-family:arial; font-size:13px; text-align:12px; color:#444;} .pnt-postig{float:right; margin-top:-65px; right:20px; position:relative; color:#444;} .foot-postig{height:20px; border-top:1px solid #eee; padding:10px; padding-left:15px; background:#fff;} .foot-postig i{font-size:20px; color:#555;} .foot-postig .fa-heart, .foot-postig .fa-comment{margin-right:14px;} .hheart:hover .fa-heart{color:red!important; font-weight:900!important;} .hheart{display:inline-block;} .coment-postig{max-height:80px; background:#fff; font-family:arial; padding:5px 15px; font-size:14px; color:#333; padding-bottom:20px;} .mg-postig{height:23px; font-size:13px; border-bottom:1px solid #eee; margin-bottom:10px;} .post-user-ig hash{color:blue;} .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;} .foot-postig .fa-bookmark{float:right; position:relative; right:10px;}</style>