<!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>PICTURE</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>
    <!--[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="wrap">
   <div class="contentarea">

         <div class="page">

             <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="yellow_block">
                 <div class="girl"></div>
                 <div class="pensil"></div>
                 <div class="underline"></div>
                 <div class="book"></div>
                 <div class="erase"></div>
                 <div class="block1">
                     <h3>Ваш ребенок рисует?</h3>
                     <h4>Отлично!</h4>
                     <div class="info">
                         <a href="#" title="#">Регистрируйтесь</a>, загружайте работы, создавайте галареи, участвуйте в конкурсах
                     </div>
                 </div>
                 <div class="block2">
                     <h3>Хотите узнать?</h3>
                     <h4>Нет ничего проще!&nbsp;</h4>
                     <div class="info">
                         Читайте <a href="#" title="#">статьи</a> об особенностях детского рисунка, перспективах
                         и о многом другом.
                     </div>
                 </div>
                 <div class="block3">
                     <h3>Умеете рисовать?</h3>
                     <h4>Научите и других!</h4>
                     <div class="info">
                         <a href="#" title="#">Зарегистрируйтесь как педагог</a>, публикуйте задания, уроки. Оценивайте конкурсные работы!
                     </div>
                 </div>
             </div>
             <div class="area">
                 <div class="content">


                     <div class="top_auther">
                         <h2 class="title">ТОП авторов</h2>
                         <ul>
                             <li class="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>
                             </li>
                             <li class="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>
                             </li>
                             <li class="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>
                             </li>
                             <li class="b4">
                                 <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>
                             </li>
                             <li class="b5">
                                 <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>
                             </li>
                             <li class="b6">
                                 <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>
                             </li>
                             <li class="b7">
                                 <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>
                             </li>
                             <li class="b8">
                                 <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>
                             </li>
                             <li class="b9">
                                 <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>
                             </li>
                             <li class="b10">
                                 <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>
                             </li>
                         </ul>
                         <div class="thebest">
                             <a href="#" title="#">Все лучшие авторы</a>
                         </div>
                     </div>

                     <div class="pictures">
                         <h2>ТОП рисунков</h2>
                         <ul>
                             <li>
                                 <div class="image">
                                     <a href="#" title="#"><img src="images/img1.jpg" alt=""/></a>
                                     <u></u>
                                 </div>
                                 <div class="b1 b">
                                     <div class="name"><a href="#" title="#">Название рисунка</a></div>
                                     <div class="rtng_work">
                                         <div class="rtgn">Рейтинг: <span>125</span></div>
                                         <div class="comment"><a href="#" title="#">Комментариев: <span>10</span></a></div>
                                     </div>
                                 </div>
                             </li>
                             <li>
                                 <div class="image">
                                     <a href="#" title="#"><img src="images/img2.jpg" alt=""/></a>
                                     <u></u>
                                 </div>
                                 <div class="b2 b">
                                     <div class="name"><a href="#" title="#">Название рисунка</a></div>
                                     <div class="rtng_work">
                                         <div class="rtgn">Рейтинг: <span>125</span></div>
                                         <div class="comment"><a href="#" title="#">Комментариев: <span>10</span></a></div>
                                     </div>
                                 </div>
                             </li>
                             <li>
                                 <div class="image">
                                     <a href="#" title="#"><img src="images/im3.jpg" alt=""/></a>
                                     <u></u>
                                 </div>
                                 <div class="b3 b">
                                     <div class="name"><a href="#" title="#">Название рисунка</a></div>
                                     <div class="rtng_work">
                                         <div class="rtgn">Рейтинг: <span>125</span></div>
                                         <div class="comment"><a href="#" title="#">Комментариев: <span>10</span></a></div>
                                     </div>
                                 </div>
                             </li>
                             <li>
                                 <div class="image">
                                     <a href="#" title="#"><img src="images/img4.jpg" alt=""/></a>
                                     <u></u>
                                 </div>
                                 <div class="b4 b">
                                     <div class="name"><a href="#" title="#">Название рисунка</a></div>
                                     <div class="rtng_work">
                                         <div class="rtgn">Рейтинг: <span>125</span></div>
                                         <div class="comment"><a href="#" title="#">Комментариев: <span>10</span></a></div>
                                     </div>
                                 </div>
                             </li>
                             <li>
                                 <div class="image">
                                     <a href="#" title="#"><img src="images/img5.jpg" alt=""/></a>
                                     <u></u>
                                 </div>
                                 <div class="b5 b">
                                     <div class="name"><a href="#" title="#">Название рисунка</a></div>
                                     <div class="rtng_work">
                                         <div class="rtgn">Рейтинг: <span>125</span></div>
                                         <div class="comment"><a href="#" title="#">Комментариев: <span>10</span></a></div>
                                     </div>
                                 </div>
                             </li>
                             <li>
                                 <div class="image">
                                     <a href="#" title="#"><img src="images/img6.jpg" alt=""/></a>
                                     <u></u>
                                 </div>
                                 <div class="b6 b">
                                     <div class="name"><a href="#" title="#">Название рисунка</a></div>
                                     <div class="rtng_work">
                                         <div class="rtgn">Рейтинг: <span>125</span></div>
                                         <div class="comment"><a href="#" title="#">Комментариев: <span>10</span></a></div>
                                     </div>
                                 </div>
                             </li>
                             <li>
                                 <div class="image">
                                     <a href="#" title="#"><img src="images/img7.jpg" alt=""/></a>
                                     <u></u>
                                 </div>
                                 <div class="b7 b">
                                     <div class="name"><a href="#" title="#">Название рисунка</a></div>
                                     <div class="rtng_work">
                                         <div class="rtgn">Рейтинг: <span>125</span></div>
                                         <div class="comment"><a href="#" title="#">Комментариев: <span>10</span></a></div>
                                     </div>
                                 </div>
                             </li>
                             <li>
                                 <div class="image">
                                     <a href="#" title="#"><img src="images/img8.jpg" alt=""/></a>
                                     <u></u>
                                 </div>
                                 <div class="b8 b">
                                     <div class="name"><a href="#" title="#">Название рисунка</a></div>
                                     <div class="rtng_work">
                                         <div class="rtgn">Рейтинг: <span>125</span></div>
                                         <div class="comment"><a href="#" title="#">Комментариев: <span>10</span></a></div>
                                     </div>
                                 </div>
                             </li>
                             <li>
                                 <div class="image">
                                     <a href="#" title="#"><img src="images/img9.jpg" alt=""/></a>
                                     <u></u>
                                 </div>
                                 <div class="b9 b">
                                     <div class="name"><a href="#" title="#">Название рисунка</a></div>
                                     <div class="rtng_work">
                                         <div class="rtgn">Рейтинг: <span>125</span></div>
                                         <div class="comment"><a href="#" title="#">Комментариев: <span>10</span></a></div>
                                     </div>
                                 </div>
                             </li>
                             <li>
                                 <div class="image">
                                     <a href="#" title="#"><img src="images/img10.jpg" alt=""/></a>
                                     <u></u>
                                 </div>
                                 <div class="b10 b">
                                     <div class="name"><a href="#" title="#">Название рисунка</a></div>
                                     <div class="rtng_work">
                                         <div class="rtgn">Рейтинг: <span>125</span></div>
                                         <div class="comment"><a href="#" title="#">Комментариев: <span>10</span></a></div>
                                     </div>
                                 </div>
                             </li>
                         </ul>
                         <div class="thebest">
                             <a href="#" title="#">Все лучшие работы</a>
                         </div>

                     </div>
                     <div class="teachers">
                         <h2>ТОП педагогов</h2>
                         <ul>
                             <li>
                                 <div class="photo">
                                     <a href="#" title="#"><img src="images/teacher1.jpg" alt=""/></a>
                                     <div class="position"><img src="images/first.png" alt=""/></div>
                                 </div>
                                 <div class="data">
                                     <div class="name"><a href="#" title="#">Анна Эдуардовна Сушко</a></div>
                                     <div class="rtgn">Рейтинг: <span>1250</span></div>
                                     <div class="city">г. Москва</div>
                                     <div class="expirience">Опыт работы 5 лет. Диплом художественной школы.</div>
                                 </div>
                             </li>
                             <li>
                                 <div class="photo">
                                     <a href="#" title="#"><img src="images/teacher2.jpg" alt=""/></a>
                                     <div class="position"><img src="images/second.png" alt=""/></div>
                                 </div>
                                 <div class="data">
                                     <div class="name"><a href="#" title="#">Галина Петровна Григоренченко</a></div>
                                     <div class="rtgn">Рейтинг: <span>1250</span></div>
                                     <div class="city">г. Москва</div>
                                     <div class="expirience">Опыт работы 5 лет. Диплом художественной школы.</div>
                                 </div>
                             </li>
                             <li>
                                 <div class="photo">
                                     <a href="#" title="#"><img src="images/teacher3.jpg" alt=""/></a>
                                     <div class="position"><img src="images/third.png" alt=""/></div>
                                 </div>
                                 <div class="data">
                                     <div class="name"><a href="#" title="#">Мария Ивановна Кружкина</a></div>
                                     <div class="rtgn">Рейтинг: <span>1250</span></div>
                                     <div class="city">г. Москва</div>
                                     <div class="expirience">Опыт работы 5 лет. Диплом художественной школы.</div>
                                 </div>
                             </li>
                             <li>
                                 <div class="photo">
                                     <a href="#" title="#"><img src="images/teacher4.jpg" alt=""/></a>
                                     <div class="position"><img src="images/forth.png" alt=""/></div>
                                 </div>
                                 <div class="data">
                                     <div class="name"><a href="#" title="#">Юлия Харимовна Плотонадзе</a></div>
                                     <div class="rtgn">Рейтинг: <span>1250</span></div>
                                     <div class="city">г. Москва</div>
                                     <div class="expirience">Опыт работы 5 лет. Диплом художественной школы.</div>
                                 </div>
                             </li>
                         </ul>
                         <div class="thebest">
                             <a href="#" title="#">Все педагоги</a>
                         </div>
                     </div>
                 </div>
                 <div class="side_bar">
                     <div class="new_authors">
                         <h2>Новые авторы</h2>

                         <div class="autors">
                             <div class="author">
                                 <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">
                                 <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">
                                 <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">
                             <div class="new_img">
                                 <div class="n_i">
                                     <a href="#" title="#"><img src="images/im1.jpg" alt=""/></a>
                                 </div>
                                 <div class="imginfo">
                                     <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>
                             </div>

                             <div class="new_img">
                                 <div class="n_i">
                                     <a href="#" title="#"><img src="images/im2.jpg" alt=""/></a>
                                 </div>
                                 <div class="imginfo">
                                     <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>
                             </div>

                             <div class="new_img">
                                 <div class="n_i">
                                     <a href="#" title="#"><img src="images/im3.jpg" alt=""/></a>
                                 </div>
                                 <div class="imginfo">
                                     <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>
                             </div>
                         </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 class="clearthis"></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 class="clearthis"></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 class="clearthis"></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>
<div class="footer">
    <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