TrueDev.org 
            <!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    <title>Документ без названия</title>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <!--[if IE]>
    <script type="text/javascript" src="js/PIE.js"></script><![endif]-->
    <script type="text/javascript" src="js/jquery.color-2.1.2.min.js"></script>
    <script type="text/javascript" src="js/my.js"></script>
</head>
<body>
<div class="main">
    <div class="header">
        <div class="logo"><a href="#" title="#"></a></div>
        <div class="nav">
            <ul>
                <li class="bibl"><a href="#" title="#">библиотеки</a>

                    <div class="subnav">
                        <ul>
                            <li><a href="#" title="#">Библиотека “репринтов”</a></li>
                            <li><a href="#" title="#">Публицистика</a></li>
                            <li><a href="#" title="#">Нормативно-правовые акты</a></li>
                            <li><a href="#" title="#">Медиафайлы</a></li>
                        </ul>
                    </div>
                </li>
                <li class="nav-search"><a href="#" title="#">поиск</a></li>
                <li><a href="#" title="#">новости</a></li>
                <li class="active"><a href="#" title="#">форум</a></li>
                <li><a href="#" title="#">о проекте</a></li>
            </ul>
        </div>
    </div>
    <div class="page">
        <div class="breadcrumbs-wr">
            <div class="breadcrumbs modif">
                <div class="gen-link"><a href="#" title="#">Главная</a></div>
                <ul>
                    <li>Форум</li>
                </ul>
            </div>
            <div class="login">
                <div class="us-n">Здравствуйте, Иван Иванович Иванов!</div>
                <ul>
                    <li class="add-note"><a href="#" title="#">ДОБАВИТЬ ЗАМЕТКУ</a></li>
                </ul>
            </div>
        </div>
        <div class="dob-z">
            <div class="tit-wr">
                <h2>Добавьте заметку в 2 этапа!</h2>

                <div class="tit-clarif">Мы ценим наших авторов.</div>
            </div>
            <div class="dob-z-form">
                <form action="">
                    <div class="dob-z-c1">
                        <h2>1. Прикрепите иллюстрации</h2>
                        <div class="attach-f">
                            <div class="attach-f-i"><a href="#" title="#">+ <span>Прикрепить файлы</span></a> (до 3 файлов)</div>
                            <div class="attach-f-line">
                                <div class="name-file">Файл 1.doc</div>
                                <div class="remove-link"><a href="#" title="#">Удалить</a></div>
                            </div>
                            <div class="attach-f-line">
                                <div class="name-file">Файл 2.jpeg</div>
                                <div class="remove-link"><a href="#" title="#">Удалить</a></div>
                            </div>
                        </div>
                    </div>
                    <div class="dob-z-c2">
                        <h2>2. Вставьте текст и отправьте нам!</h2>

                        <div class="ta-wr">
                            <div class="dob-z-t"><textarea placeholder="Текст Вашей заметки">Текст Вашей заметки</textarea></div>
                            <div class="form-s"><input type="submit" value=""/></div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="project"><a href="#" title="#">О проекте</a></div>
    <div class="foot-link"><a href="#" title="#">Письмо владельцу сайта</a></div>
    <div class="foot-content">© “Суд присяжных” 2014. <br/> Все права защищены</div>
</div>
</body>
</html>
© TrueDev.org