<!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>index</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.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>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="wrap">
<div class="header">
<div class="header_area1">
<div class="logo">
<a href="#" title="#"></a>
</div>
<div class="counts">
<ul>
<li><a href="#" title="#"><img src="images/count1.png" alt=""/></a></li>
<li><a href="#" title="#"><img src="images/count2.png" alt=""/></a></li>
<li><a href="#" title="#"><img src="images/count3.png" alt=""/></a></li>
<li><a href="#" title="#"><img src="images/count4.png" alt=""/></a></li>
</ul>
</div>
<div class="info_block">
Выдано <span>1932</span> лицензии
</div>
</div>
</div>
<div class="info_area">
<div class="block_fon">
<div class="menu_area">
<div class="menu">
<ul>
<li class="active"><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="block_info">
<div class="block1">
<div class="slogan">
<h2><span>DeskOffice</span> -</h2>
управление проектами <br/> и задачами
</div>
<div class="btn"><a href="#" title="#">Начать сейчас</a></div>
</div>
<div class="block2"><img src="images/image_index.png" alt=""/><i></i></div>
</div>
</div>
</div>
</div>
<div class="wrap_blocks">
<div class="shadow_block">
<div class="blocks">
<div class="item_block">
<h2>Работайте вместе</h2>
А вы знаете,как просто управлять кучей задач? Работайте с коллегами, фрилансерами, аутсорсерами – в одной системе.
</div>
<div class="item_block">
<h2>Будьте на связи</h2>
Благодаря EMAIL и SMS оповещению – аудитор задач, всегда держит руку на пульсе и в курсе всех изменений.
</div>
<div class="item_block item_block_last">
<h2>Проекты</h2>
Четкое определение целей каждого конкретного проекта, поиск наиболее оптимального соотношения объёма выполняемых работ.
</div>
</div>
</div>
</div>
<div class="page">
<div class="content_part">
<h1 class="title">Почему <b>DeskOffice?</b></h1>
<div class="about_us">
<div class="block_about">
<div class="image"><a href="#" title="#"><img src="images/item1.png" alt=""/></a></div>
<div class="info_image">
<h3>Юзабилити</h3>
Простота и удобство
</div>
</div>
<div class="block_about">
<div class="image"><a href="#" title="#"><img src="images/item2.png" alt=""/></a></div>
<div class="info_image">
<h3>Облачное хранилище</h3>
Самое большое бесплатное пространство
</div>
</div>
<div class="block_about">
<div class="image"><a href="#" title="#"><img src="images/item3.png" alt=""/></a></div>
<div class="info_image">
<h3>Награды DeskOffice</h3>
Лучшая программа десятилетия!
</div>
</div>
<div class="block_about">
<div class="image"><a href="#" title="#"><img src="images/item4.png" alt=""/></a></div>
<div class="info_image">
<h3>Отдых без проблем</h3>
Гарантии стабильности при работе
</div>
</div>
</div>
<div class="text">
<h4>We build web-centric customer support solutions that enable organizations to deliver a better support experience to their customers and work and collaborate more effectively.</h4>
<p>Established in 2001, Kayako builds the world's leading helpdesk and customer engagement solutions which help organizations deliver better customer support. We are passionate about thecustomer support and experts in creating elegant and powerful web applications to do the job and grow relationships.</p>
<p>We are, and always have been, a privately-held company that is not controlled by stockholders or outside investors. With 61 of us in the United States, the United Kingdom and India, we literally span the globe.</p>
</div>
</div>
<div class="side_bar">
<div class="navigation">
<h2 class="title">Навигация</h2>
<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>
</div>
</div>
<div class="footer">
<div class="wrap_footer_area">
<div class="footer_area">
<div class="copy">Copyright 2012, DeskOffice – система управления проектами</div>
<div class="links">
<ul>
<li><a href="#" title="#">Партнерам</a></li>
<li><a href="#" title="#">Политика конфидициальности</a></li>
</ul>
</div>
<div class="counts">
<ul>
<li><a href="#" title="#"><img src="images/foot_count1.png" alt=""/></a></li>
<li><a href="#" title="#"><img src="images/foot_count2.png" alt=""/></a></li>
<li><a href="#" title="#"><img src="images/foot_count3.png" alt=""/></a></li>
<li><a href="#" title="#"><img src="images/foot_count4.png" alt=""/></a></li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>