TrueDev.org 
            <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Документ без названия</title>
    <link rel="stylesheet" type="text/css" href="css/jquery.jscrollpane.css" />
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.mousewheel.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/jquery.jscrollpane.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/my.js"></script>
</head>
<body>
    <div class="main">
        <div class="wrapper">
            <div class="sidebar">
                <div class="logo"><a href="#" title="#"><img src="images/logo.png" alt=""/></a></div>
                <div class="nav">
                    <ul>
                        <li><a href="#" title="#">ПОРТРЕТ</a></li>
                        <li><a href="#" title="#">ВЛЮБЛЕННЫЕ</a></li>
                        <li class="active"><a href="#" title="#">СЕМЬЯ И ДЕТИ</a>
                            <div class="subnav">
                                <ul>
                                    <li><a href="#" title="#">Татьяна & павел</a></li>
                                    <li class="active"><a href="#" title="#">анастасия & вячеслав</a></li>
                                </ul>
                            </div>
                        </li>
                        <li><a href="#" title="#">СВАДЬБА</a></li>
                        <li><a href="#" title="#">ПРЕДМЕТНАЯ СЪЕМКА</a></li>
                        <li><a href="#" title="#">ИНТЕРЬЕРЫ</a></li>
                    </ul>
                </div>
                <div class="nav">
                    <ul>
                        <li><a href="#" title="#">услуги и цены</a></li>
                        <li><a href="#" title="#">контакты</a></li>
                    </ul>
                </div>
                <div class="friends">подружимся? :) <span><a href="#" title="#"><img src="images/fb.png" alt=""/></a><a
                        href="#"
                        title="#"><img
                        src="images/vk.png" alt=""/></a></span></div>
            </div>
            <div class="contentbar">
                <div class="content_table scroll-pane">
                    <table class="table_01">
                        <tr>
                            <td><a href="#" title="#"><img src="images/img_1.jpg" alt=""/></a></td>
                            <td><a href="#" title="#"><img src="images/img_2.jpg" alt=""/></a></td>
                            <td><a href="#" title="#"><img src="images/img_1.jpg" alt=""/></a></td>
                            <td><a href="#" title="#"><img src="images/img_2.jpg" alt=""/></a></td>
                            <td><a href="#" title="#"><img src="images/img_1.jpg" alt=""/></a></td>
                            <td><a href="#" title="#"><img src="images/img_2.jpg" alt=""/></a></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
© TrueDev.org