<!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>Totale-sale</title>
    <link href="style/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="main">
    <div class="page">
        <div class="header">
            <div class="top">
                <div class="logo">
                    <a href="#" title="#"></a>
                </div>

              <div class="phone1">

                            <span>8 (495) </span>960 79 30<br/>
                            <small>Пн - Пт: 10.00 - 20:00, Сб: 13:00 - 18:00</small>
                </div>
                <div class="phone2">
                            <span>8 (495) </span>960 30 79<br/>
                            <small>(Регионы, безналичная оплата)</small>

                </div>
                <div class="login">
                       <form action="#">
                       <div class="inpt1">
                            <span class="input_fon"><input type="text" value="Login" name="username"/></span><br/>
                           <a href="#" title="#">Регистрация</a>
                       </div>
                       <div class="inpt2">
                            <span class="input_fon"><input type="password" value="*****" name="username"/></span><br/>
                           <a href="#" title="#">Забыли пароль?</a>
                      </div>
                      <div class="inpt3"><input type="submit"/></div>
                      </form>
                </div>
            </div>
            <div class="main_menu">
                <div class="mm1">
                    <div class="mm2">
                        <div class="menu">
                            <ul>
                                <li class="act"><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="achats">
                            <div class="bag"><a href="#" title="#"></a></div>
                            <div class="info"><a href="#" title="#">1 товар</a> на сумму 5 990 рублей</div>
                            <div class="recycle"><a href="#" title="#"></a></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="slider">
            <img src="images/slide.png" alt="" width="1000" height="306"/>
        </div>
        <div class="contentarea">
            <div class="search">
                <label for="t"> Поиск: </label>
                <span class="search_fon">
                <input id="t" class="txt" type="text" value="Apple The New iPad"/>
                <!--<a href="#" title=""></a>-->
                <input type="submit" value=""/></span>
            </div>
             <div class="clearthis"></div>
            <div class="area">
                <div class="content">
                    <div class="menu_area">
                        <ul>
                            <li>
                                <div class="bb1">
                                    <div class="bb2"><a href="#" title="#">Samsung</a></div>
                                </div>
                            </li>
                            <li>
                            <div class="bb1">
                                <div class="bb2"><a href="#" title="#">Android</a></div>
                            </div>
                        </li>
                            <li class="active">
                                <div class="bb1">
                                    <div class="bb2"><a href="#" title="#">Apple</a></div>
                                </div>
                            </li>

                        </ul>
                    </div>
                    <table class="category">
                        <tbody>
                        <tr class="img">
                            <td><a href="#" title="#"><img src="images/category1.jpg" alt="" height="101" width="124"/></a></td>
                            <td><a href="#" title="#"><img src="images/category3.jpg" alt="" height="85" width="112"/></a></td>
                            <td><a href="#" title="#"><img src="images/category2.jpg" alt="" height="87" width="147"/></a></td>
                            <td><a href="#" title="#"><img src="images/category4.jpg" alt="" height="80" width="145"/></a></td>
                        </tr>
                        <tr class="items">
                            <td>
                                <div class="ctgr"><a href="#" title="#">Apple iPad</a></div>
                                <ul>
                                    <li><a href="#" title="#">Apple The New iPad (3 поколение)</a></li>
                                    <li><a href="#" title="#">Apple iPad 2</a></li>
                                    <li><a href="#" title="#">Чехлы для iPad 2\3</a></li>
                                    <li><a href="#" title="#">Чехлы с клавиатурой для iPad 2/3</a></li>
                                    <li><a href="#" title="#">Защитные пленки для iPad 2/3</a></li>
                                </ul>
                                <div class="more"><a href="#" title="#">подробнее</a></div>
                            </td>
                            <td>
                                <div class="ctgr"><a href="#" title="#">Наушники и гарнитуры</a></div>
                                <ul>
                                    <li><a href="#" title="#">Беспроводные</a></li>
                                    <li><a href="#" title="#">Вставные</a></li>
                                    <li><a href="#" title="#">Накладные</a></li>
                                </ul>
                            </td>    
                            <td>
                                <div class="ctgr"><a href="#" title="#">Apple iPod</a></div>
                                <ul>
                                    <li><a href="#" title="#">iPod Classic</a></li>
                                    <li><a href="#" title="#">iPod Nano</a></li>
                                    <li><a href="#" title="#">iPod Touch</a></li>
                                    <li><a href="#" title="#">Аксессуары для iPod Nano</a></li>
                                    <li><a href="#" title="#">Док станции</a></li>                                    
                                </ul>
                                <div class="more"><a href="#" title="#">подробнее</a></div>
                            </td>
                            <td>
                                <div class="ctgr"><a href="#" title="#">Компьютеры Apple</a></div>
                                <ul>
                                    <li><a href="#" title="#">Apple Cinema Display</a></li>
                                    <li><a href="#" title="#">iMac</a></li>
                                    <li><a href="#" title="#">Mac Mini</a></li>
                                    <li><a href="#" title="#">Жесткие диски, ssd- диски и флеш-накопители</a></li>
                                    <li><a href="#" title="#">MacBook</a></li>
                                </ul>
                                <div class="more"><a href="#" title="#">подробнее</a></div>
                            </td>
                        </tr>
                        <tr class="img">
                            <td><a href="#" title="#"><img src="images/category5.jpg" alt="" height="84" width="99"/></a></td>
                            <td><a href="#" title="#"><img src="images/category6.jpg" alt="" height="100" width="98"/></a></td>
                            <td><a href="#" title="#"><img src="images/category7.jpg" alt="" height="70" width="121"/></a></td>
                            <td><a href="#" title="#"><img src="images/category8.jpg" alt="" height="81" width="96"/></a></td>
                        </tr>
                        <tr class="items">
                            <td>
                                <div class="ctgr"><a href="#" title="#">Apple - аксессуары</a></div>
                                <ul>
                                    <li><a href="#" title="#">Клавиатуры, мыши м другие устройства ввода</a></li>
                                    <li><a href="#" title="#">USB, FireWire хабы</a></li>
                                    <li><a href="#" title="#">Аккумуляторы и батареи</a></li>
                                    <li><a href="#" title="#">Док станции для ноутбуков</a></li>
                                    <li><a href="#" title="#">Зарядки от сети</a></li>
                                </ul>
                                <div class="more"><a href="#" title="#">подробнее</a></div>
                            </td>
                            <td>
                                <div class="ctgr"><a href="#" title="#">Apple iPhone</a></div>
                                <ul>
                                    <li><a href="#" title="#">iPhone 4(S) - Чехлы</a></li>
                                    <li><a href="#" title="#">Виниловые скины</a></li>
                                    <li><a href="#" title="#">Apple iPhone</a></li>
                                    <li><a href="#" title="#">Спортивные чехлы и аксессуары</a></li>
                                    <li><a href="#" title="#">Phone 3G/S - Чехлы</a></li>
                                </ul>
                                <div class="more"><a href="#" title="#">подробнее</a></div>
                            </td>
                            <td>
                                <div class="ctgr"><a href="#" title="#">Акустика для iPhone, iPod</a></div>
                                <ul>
                                    <li><a href="#" title="#">Для iMac, Macbook</a></li>
                                    <li><a href="#" title="#">Для iPad</a></li>
                                    <li><a href="#" title="#">Для iPhone</a></li>
                                    <li><a href="#" title="#">Для iPod</a></li>
                                </ul>
                            </td>
                            <td>
                                <div class="ctgr"><a href="#" title="#">iTunes Gift Cards</a></div>
                                <ul>
                                    <li><a href="#" title="#">iTunes Gift Card</a></li>
                                </ul>
                            </td>

                        </tr>
                        </tbody>
                    </table>

                </div>
                <div class="side_bar">
                    <div class="news">
                        <h2>Наши новости</h2>

                        <div class="item_news">
                            <div class="data">03.04.2012</div>
                            <div class=""><a href="#" title="#">Внешние аккумуляторы MiPOW Power Tube 2200 и 6600</a></div>
                        </div>
                        <div class="item_news">
                            <div class="data">01.04.2012</div>
                            <div><a href="#" title="#">Сборные алюминиевые чехлы Element Case Vapor 4 на складе</a></div>
                        </div>
                        <div class="item_news">
                            <div class="data">29.03.2012</div>
                            <div><a href="#" title="#">И вновь приветствуем iPhone 3G 8Гб, самый бюджетный iPhone!</a></div>
                        </div>
                        <div class="item_news">
                            <div class="data">01.04.2012</div>
                            <div><a href="#" title="#">Brookstone iConvert Scanner сканер для iPad</a></div>
                        </div>
                        <div class="item_news">
                            <div class="data">29.03.2012</div>
                            <div><a href="#" title="#">Новые планшеты Intuos5 на складе</a></div>
                        </div>

                    </div>
                </div>
                <div class="left_back"></div>
                <div class="right_back"></div>
             </div>
        </div>
    </div>
</div>
</div>
<div class="footer">
    <div class="footer_area">
    <div class="copy">© 2012 TOTAL-SALE  —  официальный партнер Apple в России <br/>Вся информация на сайте носит справочный характе</div>

    <div class="menu_footer">
        <ul>
            <li><a href="#" title="#">Вакансии</a></li>
            <li><a href="#" title="#">Контакты</a></li>
            <li><a href="#" title="#">Карта сайта</a></li>
        </ul>
    </div>
     <div class="links_foot">
        <a href="#" title="#"><img src="images/link1.png" alt=""/></a>
        <a href="#" title="#"><img src="images/link2.png" alt=""/></a>
    </div>
    </div>
</div>
</body>
</html>        
© TrueDev.org