<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Arapey|Oswald|Lobster|Neucha|Open+Sans+Condensed:300|Amatic+SC" rel="stylesheet">
<style type="text/css">

.soc_fon {width:593px; height:418px; background:url() #e6e9e7; background-size:100% 100%;}
.soc_info {width:124px; height:408px; position:absolute; margin:0 0 0 0; padding:5px; background-color:#; font-size:9px;}

.soc_avatar {width:80px; height:80px; border-radius:40px; overflow:hidden;}
.s_r {width:86px; height:83px; margin-top:100px; padding-top:3px; border-radius:43px; background-color:#cb9cb3;}

a.soc_a:link, a.soc_a:visited {height:20px; text-transform:uppercase; text-align:center; color: #cb9cb3; font:9px bold arial; border:2px solid #cb9cb3; background:#; padding:3px;}
a.soc_a:hover, a.soc_a:active {height:20px; text-transform:uppercase; text-align:center; color:#fff; font:9px bold arial; border:2px solid #cb9cb3; background:#87a11a; padding:3px;}

.soc_block {width:461px; height:418px; position:absolute; margin:0 0 0 134px; overflow-y:scroll;}
.soc_block1 {width:306px; position:absolute; margin:0 0 0 0px;}
.soc_block2 {width:152px; position:absolute; margin:0 0 0 306px;}

.soc_blog_maxi {width:275px; padding:15px; margin:1px; background-color:#fff; overflow:hidden; line-height:12px; font-size:10px;}
.soc_blog_mini {width:120px; padding:15px; margin:1px; background-color:#fff; overflow:hidden; line-height:12px; font-size:10px;}

.s_tegs {font:9px arial; opacity:0.5;}
.s_tegs:hover {opacity:1;}
.s_teg {color:#cb9cb3;}

.s_h {font:15px arapey; color:#cb9cb3;}
</style>
<div class="soc_fon">
<div class="soc_info"><!--БЛОК ИНФОРМАЦИИ--><center>



<div class="s_r"><div class="soc_avatar"><img src="http://funkyimg.com/i/2gdgW.png"></div></div>
<br><p style="font:16px Arapey;">Name Surname</p>
<align=justify>Nullam vitae tempor nulla. Duis scelerisque magna sagittis nisi blandit commodo.</align>

<br><br><a class="soc_a" href="https://indec.rusff.me/post.php?tid=6">ask us anything</a>




<!--БОЛЬШИЕ БЛОКИ--></center></div><div class="soc_block"><div class="soc_block1">

<div class="soc_blog_maxi">

<img width="275px" src="http://funkyimg.com/i/2gd5a.jpg">

<br><br><div class="s_tegs">опубликовано <b>01.09.1950</b> 
<span class=s_teg>#new #social #hard #acbook</span></div></div>
<!-- ................................................................. -->

<div class="soc_blog_maxi">

<p class="s_h">Header</p>
Maecenas dolor neque, venenatis in turpis vel, facilisis ultricies nisi. Aenean ut mi elementum eros dictum gravida. Nam sapien orci, aliquet vehicula fermentum ac, auctor ac risus. Phasellus quis elementum lectus. Vestibulum metus erat, dapibus eu accumsan sed, congue ut felis. In efficitur ullamcorper risus, nec laoreet sapien fermentum eget. Proin orci neque, ultrices sit amet euismod congue, placerat a ex. Vestibulum blandit eget ante ut porta. Phasellus condimentum auctor tincidunt. In suscipit nunc libero, eu pellentesque nibh bibendum eget. Ut eu ligula ut odio tempus rutrum placerat nec arcu. Duis quis feugiat magna, sed interdum enim. Duis finibus velit nunc, at vestibulum felis fringilla sit amet. Vivamus sagittis nunc non metus pharetra pretium. Nam in scelerisque mauris.

<br><br><div class="s_tegs">опубликовано <b>03.09.1950</b> 
<span class=s_teg>#cool #social #life #acbook</span></div></div>
<!-- ................................................................. -->

<div class="soc_blog_maxi">

<img width="275px" src="http://funkyimg.com/i/2gd6R.jpg">

<br><br><div class="s_tegs">опубликовано <b>05.09.1950</b> 
<span class=s_teg>#beautiful #social #machine #acbook</span></div></div>
<!-- ................................................................. -->



<!--МАЛЕНЬКИЕ БЛОКИ--></div><div class="soc_block2">


<div class="soc_blog_mini">

<img width="120px" src="http://funkyimg.com/i/2gd6Q.jpg">

<br><br><div class="s_tegs">опубликовано <b>02.09.1950</b> 
<span class=s_teg>#omg #social #2day #acbook</span></div></div>
<!-- ................................................................. -->

<div class="soc_blog_mini">

<img width="120px" src="http://funkyimg.com/i/2gd6S.jpg">

<br><br><div class="s_tegs">опубликовано <b>04.09.1950</b> 
<span class=s_teg>#lol #social #3day #acbook</span></div></div>
<!-- ................................................................. -->

<div class="soc_blog_mini">

<p class="s_h">Header</p>
Maecenas dolor neque, venenatis in turpis vel, facilisis ultricies nisi. Aenean ut mi elementum eros dictum gravida. Nam sapien orci, aliquet vehicula fermentum ac, auctor ac risus. Phasellus quis elementum lectus. Vestibulum metus erat, dapibus eu accumsan sed, congue ut felis. In efficitur ullamcorper risus, nec laoreet sapien fermentum eget. Proin orci neque, ultrices sit amet euismod congue, placerat a ex. Vestibulum blandit eget ante ut porta.

<br><br><div class="s_tegs">опубликовано <b>06.09.1950</b> 
<span class=s_teg>#book #social #4day #acbook</span></div></div>
<!-- ................................................................. -->



</div></div>
</div>