Код:
<!--HTML--><center><div class="popc"> <div class="popc1"> <div class="popctop"> <div><i class="fa fa-search"></i></div> <i class="fa fa-instagram"></i> instagram</div> <div class="popctop2"> <div class="popctopimg"> <img src="http://78.media.tumblr.com/7f1a3144a2bc2bcac406afc402abc794/tumblr_p2d1vp17x31v4xmuio2_400.png"> </div> <div class="popctopname"> name surname </div> <div class="popctoptag"> @profile </div> <div class="popctopblurb"> По своей сути рыбатекст является альтернативой традиционному lorem ipsum, который вызывает у некторых людей недоумение при попытках прочитать рыбу текст. </div></div> <div class="popctop3"> <b>000</b> POSTS <b>000</b> FOLLOWERS <b>000</b> FOLLOWING </div> <div class="popcmid"> <div class="popcimg"> <img src="http://78.media.tumblr.com/96367303b0bce19e1465d0ffb550fe03/tumblr_p2d1vp17x31v4xmuio6_400.png"> <div class="popcimg2"> <i class="fa fa-heart-o"></i> 72 <i class="fa fa-comment-o"></i> 12 </div></div> <div class="popcimg"> <img src="http://78.media.tumblr.com/d1ad04fa37fbe9980443493a9a27be2c/tumblr_p2d1vp17x31v4xmuio7_400.png"> <div class="popcimg2"> <i class="fa fa-heart-o"></i> 7 <i class="fa fa-comment-o"></i> 129 </div></div> <div class="popcimg"> <img src="http://78.media.tumblr.com/3a5f01ce3168493b6eec0da12edc846b/tumblr_p2d1vp17x31v4xmuio8_400.png"> <div class="popcimg2"> <i class="fa fa-heart-o"></i> 125 <i class="fa fa-comment-o"></i> 43 </div></div> <div class="popcimg"> <img src="http://78.media.tumblr.com/c7d742138592de458815646211582e08/tumblr_p2d1vp17x31v4xmuio4_400.png"> <div class="popcimg2"> <i class="fa fa-heart-o"></i> 342 <i class="fa fa-comment-o"></i> 12 </div></div> <div class="popcimg"> <img src="http://78.media.tumblr.com/20386be76acb74e2f0e8c2ff95e45e1e/tumblr_p2d1vp17x31v4xmuio1_400.png"> <div class="popcimg2"> <i class="fa fa-heart-o"></i> 3 <i class="fa fa-comment-o"></i> 9 </div></div> <div class="popcimg"> <img src="http://78.media.tumblr.com/fffec876d7f208216aa63487b94c4cca/tumblr_p2d1vp17x31v4xmuio5_400.png"> <div class="popcimg2"> <i class="fa fa-heart-o"></i> 186 <i class="fa fa-comment-o"></i> 62 </div></div> <div class="popcimg"> <img src="http://78.media.tumblr.com/1c6442e2b1c97579ae069dcbf723f485/tumblr_p2d1vp17x31v4xmuio3_400.png"> <div class="popcimg2"> <i class="fa fa-heart-o"></i> 26 <i class="fa fa-comment-o"></i> 82 </div></div> <div class="popcimg"> <img src="http://78.media.tumblr.com/93bb9b608a4af061210d2fb545299392/tumblr_p2d1vp17x31v4xmuio9_400.png"> <div class="popcimg2"> <i class="fa fa-heart-o"></i> 000 <i class="fa fa-comment-o"></i> 000 </div></div> </div> <div class="popcbot"> <div class="popcbot1"><i class="fa fa-plus"></i>FOLLOW</div> <div class="popcbot2"><i class="fa fa-archive"></i></div> <div class="popcbot2"><i class="fa fa-bell"></i></div> <div class="popcbot3"><i class="fa fa-home"></i></div> </div> </div> </div></center> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700,800" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Cincel:400,700" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet" type="text/css">