<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if lt IE 7]>
<html class="ie ie6 lte9 lte8 lte7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 7]>
<html class="ie ie7 lte9 lte8 lte7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 8]>
<html class="ie ie8 lte9 lte8" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 9]>
<html class="ie ie9 lte9" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if gt IE 9]>
<html xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if !IE]><!-->
<html xmlns="http://www.w3.org/1999/xhtml">
<!--<![endif]-->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>mainpage</title>
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.isotope.min.js"></script>
    <!--[if IE]><script type="text/javascript" src="js/PIE.js"></script><![endif]-->
    <script type="text/javascript" src="js/isotope_set.js"></script>
    <script type="text/javascript" src="js/my.js"></script>

</head>
<body >
<div class="wrap">
    <div class="page_main">
        <div class="wrap_header">
            <div class="header">
                <div class="logo"><a href="#" title="#"></a></div>
                <div class="menu">
                    <ul>
                        <li><a href="#" title="#">ГЛАВНАЯ</a></li>
                        <li><a href="#" title="#">Лайт</a></li>
                        <li class="load"><span><a href="#" title="#">Загрузить</a></span></li>
                    </ul>
                </div>
                <div class="searche_block_main">
                    <div class="bl_searche">
                        <div class="inpt"><input type="text" name="" id="x1" value="To search type and hit enter"/></div>
                        <div class="link_search"><a href="#" title="#"></a></div>
                    </div>
                </div>
                <div class="enter">
                    <ul>
                        <li><a href="#" title="#">Войти</a></li>
                        <li><a href="#" title="#">Регистрация</a></li>
                    </ul>
                </div>
            </div>
            <div class="top">
                <div class="block_smile">Просто для <span>смеха</span></div>
                <div class="counter">
                    Всего: <span>23,642,231</span> работ
                </div>
            </div>
        </div>
        <div class="wrap1">
            <div class="wrap2">
                <div class="wrap3">
                    <div class="list_navig">
                        <ul>
                            <li class="it1"><a href="#" title="#">Комментируемое <span></span></a></li>
                            <li class="it2"><a href="#" title="#">Популярное <span></span></a></li>
                            <li class="it3"><a href="#" title="#">Тренд <span></span></a></li>
                            <li class="it5"><a href="#" title="#">Просмотренное <span></span></a></li>
                            <li class="it4"><a href="#" title="#">Не просмотренное <span></span> </a></li>
                            <li class="it6 active"><a href="#" title="#">По дате <span></span> </a></li>
                        </ul>
                    </div>
                    <div class="after18 active"><a href="#" title="#"></a></div>



                </div>
            </div>
        </div>
        <div class="wrap_block_images">
        <div class="block_images isotope">
            <div class="box">
            <div class="image_block"><a href="#" title="#"><img src="images/image1.jpg" alt=""/></a></div>
            <div class="wrap_block_counts1">
                <div class="wrap_block_counts2">
                    <div class="wrap_block_counts3">
                        <div class="two_blocks">
                        <div class="bl_counts3">
                            <ul>
                                <li class="num1"><span class="icon"></span>11</li>
                                <li class="num2"><span class="icon"></span>26555</li>
                                <li class="num3"><span class="icon"></span>222</li>
                            </ul>
                        </div>
                        <div class="bl_counts1">
                        <ul>
                            <li class="net1"><a href="#" title="#"></a></li>
                            <li class="net2"><a href="#" title="#"></a></li>
                            <li class="net3"><a href="#" title="#"></a></li>
                            <li class="net4"><a href="#" title="#"></a></li>
                            <li class="net5"><a href="#" title="#"></a></li>
                        </ul>
                    </div>
                        </div>
                        <div class="bl_counts2">
                            <ul>
                                <li class="icon1_sm"><a href="#" title="#"><span class="icon"></span><span class="message"><span>Крут!</span></span></a></li>
                                <li class="icon2_sm"><a href="#" title="#"><span class="icon"></span><span class="message"><span>Авно!</span></span></a></li>
                                <li class="icon3_sm"><a href="#" title="#"><span class="icon"></span></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="text_block">
                <h2>ХОРОШИЙ ДЕНЬ НАЧИНАЕТСЯ С ХОРОШЕЙ МУЗЫКИ</h2>
                <div class="text_side">а ты в свои 20 думаешь как бросить курить и питьа ты в свои 20 думаешь как бросить курить и питьа ты в свои 20 думаешь как бросить курить и пить</div>
            </div>
        </div>
            <div class="box">
                <div class="image_block"><a href="#" title="#"><img src="images/image1.jpg" alt=""/></a></div>
                <div class="wrap_block_counts1">
                    <div class="wrap_block_counts2">
                        <div class="wrap_block_counts3">
                            <div class="two_blocks">
                                <div class="bl_counts3">
                                    <ul>
                                        <li class="num1"><span class="icon"></span>11</li>
                                        <li class="num2"><span class="icon"></span>26555</li>
                                        <li class="num3"><span class="icon"></span>222</li>
                                    </ul>
                                </div>
                                <div class="bl_counts1">
                                    <ul>
                                        <li class="net1"><a href="#" title="#"></a></li>
                                        <li class="net2"><a href="#" title="#"></a></li>
                                        <li class="net3"><a href="#" title="#"></a></li>
                                        <li class="net4"><a href="#" title="#"></a></li>
                                        <li class="net5"><a href="#" title="#"></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="bl_counts2">
                                <ul>
                                    <li class="icon1_sm"><a href="#" title="#"><span class="icon"></span><span class="message"><span>Крут!</span></span></a></li>
                                    <li class="icon2_sm"><a href="#" title="#"><span class="icon"></span><span class="message"><span>Авно!</span></span></a></li>
                                    <li class="icon3_sm"><a href="#" title="#"><span class="icon"></span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="text_block">
                    <h2>ХОРОШИЙ ДЕНЬ НАЧИНАЕТСЯ С ХОРОШЕЙ МУЗЫКИ</h2>
                    <div class="text_side">а ты в свои 20 думаешь как бросить курить и пить</div>
                </div>
            </div>
            <div class="box">
                <div class="image_block"><a href="#" title="#"><img src="images/image1.jpg" alt=""/></a></div>
                <div class="wrap_block_counts1">
                    <div class="wrap_block_counts2">
                        <div class="wrap_block_counts3">
                            <div class="two_blocks">
                                <div class="bl_counts3">
                                    <ul>
                                        <li class="num1"><span class="icon"></span>11</li>
                                        <li class="num2"><span class="icon"></span>26555</li>
                                        <li class="num3"><span class="icon"></span>222</li>
                                    </ul>
                                </div>
                                <div class="bl_counts1">
                                    <ul>
                                        <li class="net1"><a href="#" title="#"></a></li>
                                        <li class="net2"><a href="#" title="#"></a></li>
                                        <li class="net3"><a href="#" title="#"></a></li>
                                        <li class="net4"><a href="#" title="#"></a></li>
                                        <li class="net5"><a href="#" title="#"></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="bl_counts2">
                                <ul>
                                    <li class="icon1_sm"><a href="#" title="#"><span class="icon"></span><span class="message"><span>Крут!</span></span></a></li>
                                    <li class="icon2_sm"><a href="#" title="#"><span class="icon"></span><span class="message"><span>Авно!</span></span></a></li>
                                    <li class="icon3_sm"><a href="#" title="#"><span class="icon"></span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="text_block">
                    <h2>ХОРОШИЙ ДЕНЬ НАЧИНАЕТСЯ С ХОРОШЕЙ МУЗЫКИ</h2>
                    <div class="text_side">а ты в свои 20 думаешь как бросить курить и пить</div>
                </div>
            </div>
            <div class="box">
                <div class="image_block"><a href="#" title="#"><img src="images/image1.jpg" alt=""/></a></div>
                <div class="wrap_block_counts1">
                    <div class="wrap_block_counts2">
                        <div class="wrap_block_counts3">
                            <div class="two_blocks">
                                <div class="bl_counts3">
                                    <ul>
                                        <li class="num1"><span class="icon"></span>11</li>
                                        <li class="num2"><span class="icon"></span>26555</li>
                                        <li class="num3"><span class="icon"></span>222</li>
                                    </ul>
                                </div>
                                <div class="bl_counts1">
                                    <ul>
                                        <li class="net1"><a href="#" title="#"></a></li>
                                        <li class="net2"><a href="#" title="#"></a></li>
                                        <li class="net3"><a href="#" title="#"></a></li>
                                        <li class="net4"><a href="#" title="#"></a></li>
                                        <li class="net5"><a href="#" title="#"></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="bl_counts2">
                                <ul>
                                    <li class="icon1_sm"><a href="#" title="#"><span class="icon"></span><span class="message"><span>Крут!</span></span></a></li>
                                    <li class="icon2_sm"><a href="#" title="#"><span class="icon"></span><span class="message"><span>Авно!</span></span></a></li>
                                    <li class="icon3_sm"><a href="#" title="#"><span class="icon"></span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="text_block">
                    <h2>ХОРОШИЙ ДЕНЬ НАЧИНАЕТСЯ С ХОРОШЕЙ МУЗЫКИ</h2>
                    <div class="text_side">а ты в свои 20 думаешь как броситьа ты в свои 20 думаешь как бросить курить и питьа ты в свои 20 думаешь как бросить курить и пить курить и пить</div>
                </div>
            </div>
            <div class="box">
                <div class="image_block"><a href="#" title="#"><img src="images/image1.jpg" alt=""/></a></div>
                <div class="wrap_block_counts1">
                    <div class="wrap_block_counts2">
                        <div class="wrap_block_counts3">
                            <div class="two_blocks">
                                <div class="bl_counts3">
                                    <ul>
                                        <li class="num1"><span class="icon"></span>11</li>
                                        <li class="num2"><span class="icon"></span>26555</li>
                                        <li class="num3"><span class="icon"></span>222</li>
                                    </ul>
                                </div>
                                <div class="bl_counts1">
                                    <ul>
                                        <li class="net1"><a href="#" title="#"></a></li>
                                        <li class="net2"><a href="#" title="#"></a></li>
                                        <li class="net3"><a href="#" title="#"></a></li>
                                        <li class="net4"><a href="#" title="#"></a></li>
                                        <li class="net5"><a href="#" title="#"></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="bl_counts2">
                                <ul>
                                    <li class="icon1_sm"><a href="#" title="#"><span class="icon"></span><span class="message"><span>Крут!</span></span></a></li>
                                    <li class="icon2_sm"><a href="#" title="#"><span class="icon"></span><span class="message"><span>Авно!</span></span></a></li>
                                    <li class="icon3_sm"><a href="#" title="#"><span class="icon"></span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="text_block">
                    <h2>ХОРОШИЙ ДЕНЬ НАЧИНАЕТСЯ С ХОРОШЕЙ МУЗЫКИ</h2>
                    <div class="text_side">а ты в свои 20 думаешь как бросить курить и питьа ты в свои 20 думаешь как бросить курить и пить</div>
                </div>
            </div>
            <div class="box">
                <div class="image_block"><a href="#" title="#"><img src="images/image1.jpg" alt=""/></a></div>
                <div class="wrap_block_counts1">
                    <div class="wrap_block_counts2">
                        <div class="wrap_block_counts3">
                            <div class="two_blocks">
                                <div class="bl_counts3">
                                    <ul>
                                        <li class="num1"><span class="icon"></span>11</li>
                                        <li class="num2"><span class="icon"></span>26555</li>
                                        <li class="num3"><span class="icon"></span>222</li>
                                    </ul>
                                </div>
                                <div class="bl_counts1">
                                    <ul>
                                        <li class="net1"><a href="#" title="#"></a></li>
                                        <li class="net2"><a href="#" title="#"></a></li>
                                        <li class="net3"><a href="#" title="#"></a></li>
                                        <li class="net4"><a href="#" title="#"></a></li>
                                        <li class="net5"><a href="#" title="#"></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="bl_counts2">
                                <ul>
                                    <li class="icon1_sm"><a href="#" title="#"><span class="icon"></span><span class="message"><span>Крут!</span></span></a></li>
                                    <li class="icon2_sm"><a href="#" title="#"><span class="icon"></span><span class="message"><span>Авно!</span></span></a></li>
                                    <li class="icon3_sm"><a href="#" title="#"><span class="icon"></span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="text_block">
                    <h2>ХОРОШИЙ ДЕНЬ НАЧИНАЕТСЯ С ХОРОШЕЙ МУЗЫКИ</h2>
                    <div class="text_side">а ты в свои 20 думаешь как бросить курить и пить</div>
                </div>
            </div>
            <div class="box">
                <div class="image_block"><a href="#" title="#"><img src="images/image1.jpg" alt=""/></a></div>
                <div class="wrap_block_counts1">
                    <div class="wrap_block_counts2">
                        <div class="wrap_block_counts3">
                            <div class="two_blocks">
                                <div class="bl_counts3">
                                    <ul>
                                        <li class="num1"><span class="icon"></span>11</li>
                                        <li class="num2"><span class="icon"></span>26555</li>
                                        <li class="num3"><span class="icon"></span>222</li>
                                    </ul>
                                </div>
                                <div class="bl_counts1">
                                    <ul>
                                        <li class="net1"><a href="#" title="#"></a></li>
                                        <li class="net2"><a href="#" title="#"></a></li>
                                        <li class="net3"><a href="#" title="#"></a></li>
                                        <li class="net4"><a href="#" title="#"></a></li>
                                        <li class="net5"><a href="#" title="#"></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="bl_counts2">
                                <ul>
                                    <li class="icon1_sm"><a href="#" title="#"><span class="icon"></span><span class="message"><span>Крут!</span></span></a></li>
                                    <li class="icon2_sm"><a href="#" title="#"><span class="icon"></span><span class="message"><span>Авно!</span></span></a></li>
                                    <li class="icon3_sm"><a href="#" title="#"><span class="icon"></span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="text_block">
                    <h2>ХОРОШИЙ ДЕНЬ НАЧИНАЕТСЯ С ХОРОШЕЙ МУЗЫКИ</h2>
                    <div class="text_side">а ты в свои 20 думаешь как бросить курить и пить</div>
                </div>
            </div>
        </div>
        </div>

    </div>
</div>
<div class="footer1">
    <!--перенос пагинатора-->
    <div class="wrap1">
        <div class="wrap2">
            <div class="wrap3">
                <div class="list_navig pagination">
                    <ul>
                        <li class="arr1"><a href="#" title="#"></a></li>
                        <li class="arr2"><a href="#" title="#"></a></li>
                        <li><a href="#" title="#">1</a></li>
                        <li class="active"><a href="#" title="#">2</a></li>
                        <li><a href="#" title="#">3</a></li>
                        <li><a href="#" title="#">4</a></li>
                        <li><a href="#" title="#">5</a></li>
                        <li><a href="#" title="#">6</a></li>
                        <li><a href="#" title="#">7</a></li>
                        <li><a href="#" title="#">8</a></li>
                        <li><a href="#" title="#">9</a></li>
                        <li><a href="#" title="#">10</a></li>
                        <li><a href="#" title="#">11</a></li>
                        <li><a href="#" title="#">12</a></li>
                        <li><a href="#" title="#">13</a></li>
                        <li><a href="#" title="#">14</a></li>
                        <li class="arr3"><a href="#" title="#"></a></li>
                        <li class="arr4"><a href="#" title="#"></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--перенос пагинатора-->
    <div class="wrap_footer"><!--новый блок-->
        <div class="footer_content main_foot">
            <div class="foot1">Copyright &copy; 2012</div>
            <div class="foot2"><a href="#" title="#">НАВЕРХ</a></div>
        </div>
    </div><!--новый блок-->
</div>

</body>
</html>        
© TrueDev.org