<!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>Gallery</title>
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <link href="css/ufd-base.css" rel="stylesheet" type="text/css" />
    <link href="css/plain/plain.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/ui.core.js"></script>
    <script type="text/javascript" src="js/jquery.ui.ufd.min.js"></script>

    <!--[if IE]><script type="text/javascript" src="js/PIE.js"></script><![endif]-->
    <script type="text/javascript" src="js/my.js"></script>
</head>
<body>
<div class="main">
    <div class="page_inner">
        <div class="header">
            <div class="network">
                <div class="twitter">
                    <a href="#" title="#"></a>
                </div>
                <div class="facebook">
                    <a href="#" title="#"></a>
                </div>
            </div>
            <div class="login">
                <a title="#" href="#">Войти</a>
                &nbsp;|&nbsp;
                <a title="#" href="#">Зарегистрироваться</a>
            </div>
            <div class="logo">
                <a href="#" title="#"></a><br/>
                пусть дети рисуют
            </div>
            <div class="search">
                <input type="text" value="Поиск..."/><a href="#" title="#"></a>
            </div>
        </div>
        <div class="area_inner">
            <div class="content_inner">
                <div class="breadcrumb">
                    <ul>
                        <li><a href="#" title="#">Главная</a></li>
                        <li>Галерея</li>
                    </ul>
                </div>
                <div class="autor_info">
                    <form action="#" method="post" id="autor_form">



                        <table class="table table2">
                            <tbody>
                            <tr>
                                <td>
                                    <label for="p1">Автор рисунка:</label><br/>
                                    <span class="fon1">
                                        <select name="" id="p1">
                                            <option value="0">Петров Петя</option>
                                            <option value="1">Иванов Ваня</option>
                                            <option value="2">Сидоров Вася</option>
                                        </select>
                                    </span>
                                </td>
                                <td colspan="2">
                                    <label for="p2">Задание:</label><br/>
                                    <span class="fon1">
                                        <select name="" id="p2">
                                            <option value="0">выберите из списка</option>
                                            <option value="1">Иванов Ваня</option>
                                            <option value="2">Сидоров Вася</option>
                                        </select>
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td >
                                    <label for="p3">Возраст автора:</label><br/>
                                    <span class="fon2">
                                        <select name="" id="p3">
                                            <option value="0">4-6 лет</option>
                                            <option value="1">7-9 лет</option>
                                            <option value="2">10-13 лет</option>
                                        </select>
                                    </span>

                                </td>
                                <td>
                                    <label for="p4">Оценка:</label><br/>
                                    <span class="fon2">
                                        <select name="" id="p4">
                                            <option value="0">не выбрано</option>
                                            <option value="1">3</option>
                                            <option value="2">4</option>
                                            <option value="3">5</option>
                                        </select>
                                    </span>

                                </td>
                                <td>
                                    <span class="sbmt">
                                         <input type="submit" value="Фильтровать"/>
                                    </span>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </form>
                </div>
                <div class="gallery">


                    <div class="sort">
                        <form action="#" method="post" >
                            <table class="table3">
                                <tr>
                                    <td>
                                        <span class="fon2">
                                               <select name="">
                                                    <option value="0">дата создания</option>
                                                    <option value="1">тема</option>
                                                    <option value="2">количество</option>
                                               </select>
                                        </span>
                                    </td>
                                    <td>
                                        <span class="sbmt">
                                             <input type="submit" value="Сортировать"/>
                                        </span>
                                    </td>
                                </tr>
                            </table>
                    </form>
                    </div>
                    <h1>Галерея работ</h1>
                    <ul>
                        <li>
                        <div class="image">
                            <a href="#" title="#"><img src="images/img1.jpg" alt="" width="279" height="207"/></a>
                            <u></u>
                        </div>
                        <div class="block_descript">
                            <h3>Наша дружная семья</h3>
                            <div class="autor_im">Автор: <a href="#" title="#">Анна Веревкина</a></div>
                            <div class="rtgn">Рейтинг: 234</div>
                            <div class="date_edit">Дата создания: 12.02.2008</div>
                            <div class="more"><a href="#" title="#">Просмотреть рисунок в отдельном окне</a></div>
                        </div>
                    </li>
                        <li>
                            <div class="image">
                                <a href="#" title="#"><img src="images/im2.jpg" alt="" /></a>
                                <u></u>
                            </div>
                            <div class="block_descript">
                                <h3>Радуга</h3>
                                <div class="autor_im">Автор: <a href="#" title="#">Анна Веревкина</a></div>
                                <div class="rtgn">Рейтинг: 234</div>
                                <div class="date_edit">Дата создания: 12.02.2008</div>
                                <div class="more"><a href="#" title="#">Просмотреть рисунок в отдельном окне</a></div>
                            </div>
                        </li>
                        <li>
                            <div class="image">
                                <a href="#" title="#"><img src="images/img3.jpg" alt="" width="279" height="207"/></a>
                                <u></u>
                            </div>
                            <div class="block_descript">
                                <h3>Корабль</h3>
                                <div class="autor_im">Автор: <a href="#" title="#">Анна Веревкина</a></div>
                                <div class="rtgn">Рейтинг: 234</div>
                                <div class="date_edit">Дата создания: 12.02.2008</div>
                                <div class="more"><a href="#" title="#">Просмотреть рисунок в отдельном окне</a></div>
                            </div>
                        </li>
                        <li>
                            <div class="image">
                                <a href="#" title="#"><img src="images/img1.jpg" alt="" width="279" height="207"/></a>
                                <u></u>
                            </div>
                            <div class="block_descript">
                                <h3>Наша дружная семья</h3>
                                <div class="autor_im">Автор: <a href="#" title="#">Анна Веревкина</a></div>
                                <div class="rtgn">Рейтинг: 234</div>
                                <div class="date_edit">Дата создания: 12.02.2008</div>
                                <div class="more"><a href="#" title="#">Просмотреть рисунок в отдельном окне</a></div>
                            </div>
                        </li>
                        <li>
                            <div class="image">
                                <a href="#" title="#"><img src="images/img2.jpg" alt="" width="279" height="207"/></a>
                                <u></u>
                            </div>
                            <div class="block_descript">
                                <h3>Радуга</h3>
                                <div class="autor_im">Автор: <a href="#" title="#">Анна Веревкина</a></div>
                                <div class="rtgn">Рейтинг: 234</div>
                                <div class="date_edit">Дата создания: 12.02.2008</div>
                                <div class="more"><a href="#" title="#">Просмотреть рисунок в отдельном окне</a></div>
                            </div>
                        </li>
                        <li>
                            <div class="image">
                                <a href="#" title="#"><img src="images/img3.jpg" alt="" width="279" height="207"/></a>
                                <u></u>
                            </div>
                            <div class="block_descript">
                                <h3>Корабль</h3>
                                <div class="autor_im">Автор: <a href="#" title="#">Анна Веревкина</a></div>
                                <div class="rtgn">Рейтинг: 234</div>
                                <div class="date_edit">Дата создания: 12.02.2008</div>
                                <div class="more"><a href="#" title="#">Просмотреть рисунок в отдельном окне</a></div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="nav">
                    <ul>
                        <li><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 class="last"><a href="#" title="#">Вперед</a></li>

                    </ul>
                </div>
                <div class="distrib">
                    <form action="#" method="post">
                        <label for="p7">Введите свой e-mail для того, чтобы получать обновления по данной галерее:</label>
                        <span class="fon1"><input type="text" value="E-mail" id="p7"/></span><br/>
                        <span class="sbmt">
                             <input type="submit" value="Подписаться"/>
                        </span>
                    </form>
                </div>
            </div>
            <div class="side_bar">
                <div class="new_authors">
                    <h2>ТОП авторов</h2>

                    <div class="autors">
                        <div class=" author_in b1">
                            <div class="name"><a href="#" title="#">Аня Семенова</a></div>
                            <div class="rtng_work">
                                <div class="rtgn">Рейтинг: <span>125</span></div>
                                <div class="work"><a href="#" title="#">Работ: <span>22</span></a></div>
                            </div>
                        </div>

                        <div class="author_in b2">
                            <div class="name"><a href="#" title="#">Кристина Кожемякина</a></div>
                            <div class="rtng_work">
                                <div class="rtgn">Рейтинг: <span>125</span></div>
                                <div class="work"><a href="#" title="#">Работ: <span>22</span></a></div>
                            </div>
                        </div>

                        <div class="author_in b3">
                            <div class="name"><a href="#" title="#">Олег Фролов</a></div>
                            <div class="rtng_work">
                                <div class="rtgn">Рейтинг: <span>125</span></div>
                                <div class="work"><a href="#" title="#">Работ: <span>22</span></a></div>
                            </div>
                        </div>
                    </div>
                    <div class="thebest">
                        <a href="#" title="#">Все лучшие авторы</a>
                    </div>
                </div>

                <div class="new_images">
                    <h2>ТОП рисунков</h2>
                    <div class="block_images_in">
                        <ul>
                            <li class="b1">
                                <div class="n_i">
                                    <a href="#" title="#"><img src="images/im1.jpg" alt=""/></a>
                                </div>
                                <div class="imginfo_in">
                                    <div class="name"><a href="#" title="#">Наша семья</a></div>
                                    <div class="rtgn">Рейтинг: <span>1250</span></div>
                                    <div class="comment"><a href="#" title="#">Комментариев: <span>10</span></a></div>
                                </div>
                            </li>
                            <li class="b2">
                                <div class="n_i">
                                    <a href="#" title="#"><img src="images/im2.jpg" alt=""/></a>
                                </div>
                                <div class="imginfo_in">
                                    <div class="name"><a href="#" title="#">Радуга</a></div>
                                    <div class="rtgn">Рейтинг: <span>1250</span></div>
                                    <div class="comment"><a href="#" title="#">Комментариев: <span>10</span></a></div>
                                </div>
                            </li>
                            <li class="b3">
                                <div class="n_i">
                                    <a href="#" title="#"><img src="images/im3.jpg" alt=""/></a>
                                </div>
                                <div class="imginfo_in">
                                    <div class="name"><a href="#" title="#">Корабль</a></div>
                                    <div class="rtgn">Рейтинг: <span>1250</span></div>
                                    <div class="comment"><a href="#" title="#">Комментариев: <span>10</span></a></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="thebest">
                        <a href="#" title="#">Все лучшие рисунки</a>
                    </div>
                </div>

                <div class="new_articles">
                    <h2>ТОП статей</h2>
                    <div class="block_articles">
                        <div class="article">
                            <div class="name"><a href="#" title="#">Анализ детского рисунка</a></div>
                            <div class="rtng_work">
                                <div class="rtgn">Рейтинг: <span>224</span></div>
                                <div class="comment"><a href="#" title="#">Комментариев: <span>10</span></a></div>
                            </div>
                        </div>
                        <div class="article">
                            <div class="name"><a href="#" title="#">Почему нужно учить ребенка рисовать и как это ему пригодиться</a></div>
                            <div class="rtng_work">
                                <div class="rtgn">Рейтинг: <span>224</span></div>
                                <div class="comment"><a href="#" title="#">Комментариев: <span>10</span></a></div>
                            </div>
                        </div>
                        <div class="article">
                            <div class="name"><a href="#" title="#">Как рисовать гипопотама</a></div>
                            <div class="rtng_work">
                                <div class="rtgn">Рейтинг: <span>224</span></div>
                                <div class="comment"><a href="#" title="#">Комментариев: <span>10</span></a></div>
                            </div>
                        </div>
                    </div>
                    <div class="thebest">
                        <a href="#" title="#">Все лучшие статьи</a>
                    </div>
                </div>

                <div class="concours">
                    <h2>Конкурсы</h2>

                    <div class="block_concour">
                        <div class="item_concour">
                            <div class="name"><a href="#" title="#">Нарисуй открытку к 1-му сентября</a></div>
                            <div class="pris">Приз: Набор тетрадей</div>
                        </div>
                        <div class="item_concour">
                            <div class="name"><a href="#" title="#">Получи набор фломастеров! Нарисуй свою самую заветную мечту!</a></div>
                            <div class="pris">Приз: Набор тетрадей</div>
                        </div>
                    </div>
                    <div class="thebest">
                        <a href="#" title="#">Все конкурсы</a>
                    </div>
                </div>

                <div class="exersices">
                    <h2>Выполните задания</h2>

                    <div class="block_exers">
                        <div class="exers">
                            <div class="name"><a href="#" title="#">Рисуем кота и собачку</a></div>
                            <div class="marks">
                                <span class="num">Выполнили: 234</span><span class="mark">Средняя оценка: 4</span>
                            </div>
                        </div>
                        <div class="exers">
                            <div class="name"><a href="#" title="#">Почему нужно учить ребенка рисовать и как это ему пригодиться</a></div>
                            <div class="marks">
                                <span class="num">Выполнили: 234</span><span class="mark">Средняя оценка: 4</span>
                            </div>
                        </div>
                        <div class="exers">
                            <div class="name"><a href="#" title="#">Как рисовать гипопотама</a></div>
                            <div class="marks">
                                <span class="num">Выполнили: 234</span><span class="mark">Средняя оценка: 4</span>
                            </div>
                        </div>
                        <div class="exers">
                            <div class="name"><a href="#" title="#">Анализ детского рисунка</a></div>
                            <div class="marks">
                                <span class="num">Выполнили: 234</span><span class="mark">Средняя оценка: 4</span>
                            </div>
                        </div>
                        <div class="exers">
                            <div class="name"><a href="#" title="#">Почему нужно учить ребенка рисовать и как это ему пригодиться</a></div>
                            <div class="marks">
                                <span class="num">Выполнили: 234</span><span class="mark">Средняя оценка: 4</span>
                            </div>
                        </div>
                    </div>
                    <div class="thebest">
                        <a href="#" title="#">Все задания</a>
                    </div>
                </div>

                <div class="theme">
                    <h2>Рисунки по темам</h2>
                </div>

            </div>
        </div>
    </div>
</div>
<div class="footer_inner">
    <div class="footer_area">
        <div class="bl_foot1">
            <div class="menu">
                <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>
                    <li><a href="#" title="#">Уроки </a></li>
                    <li><a href="#" title="#">Статьи </a></li>
                    <li><a href="#" title="#">Задания</a></li>
                </ul>
            </div>
            <div class="links">
                <ul>
                    <li><a href="#" title="#"><img src="images/live_inet.jpg" alt=""/></a></li>
                    <li><a href="#" title="#"><img src="images/live_inet2.jpg" alt=""/></a></li>
                </ul>
            </div>
        </div>
        <div class="bl_foot2">
            <div class="copy">&copy; Наш рисунок, 2012</div>
            <div class="info_complem">
                <ul>
                    <li><a href="#" title="#">Соглашения</a></li>
                    <li><a href="#" title="#">Правила</a></li>
                    <li><a href="#" title="#">Статистика</a></li>
                </ul>
            </div>

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

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