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="container">
                <div class="section">
                    <h1>ЗАГОЛОВОК</h1>

                    <p>Ранее сообщалось, что у людей была зафиксирована остановка сердца, однако официального медицинского
                        заключения о их гибели не поступало. Кроме этого была <a href="#" title="#">подтверждена</a> информация о примерно 50
                        пострадавших, семеро из которых находятся без сознания. Спасатели не уточняют, входят ли люди, у которых
                        была зафиксирована остановка сердца, в общее число пострадавших.</p>

                    <p>К моменту извержения вулкана Онтакэ на его склонах находились более 250 человек. По различным сообщениям, более 30 из них считаются пропавшими без вести. После начала извержения японские медицинские учреждения получили более 70 запросов на госпитализацию людей.</p>

                    <ul>
                        <li>список 1</li>
                        <li>список 2</li>
                        <li>список 3</li>
                    </ul>
                </div>
                <div class="form_wr">
                    <input type="text" placeholder="Ваше имя" value="Ваше имя" class="error"/>
                    <input type="text" placeholder="Номер телефона" value="Номер телефона"/>
                    <input type="text" placeholder="E-mail" value="E-mail"/>
                    <input type="text" placeholder="Ориентировочная дата съемки" value="Ориентировочная дата съемки"/>
                    <textarea name="" placeholder="Ваше сообщение">Ваше сообщение</textarea>
                    <span class="send_wr"><a class="send" href="#" title="#">Отправить сообщение</a></span>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
© TrueDev.org