
- •Содержание
- •Введение
- •1 Техническое задание
- •1.1 Обоснование требований к комплексу технических средств
- •1.2 Описание функциональной структуры
- •Анализ современных программных комплексов для решения поставленной задачи
- •1.3.1 Анализ сред разработки web-приложения
- •1.3.2 Анализ языков написания сценариев
- •Анализ графических редакторов
- •2 Технический проект
- •2.1 Выбор инструментальных средств разработки
- •2.2 Описание архитектуры разрабатываемого продукта
- •2.3 Разработка внутренней структуры
- •3 Рабочий проект
- •3.1 Программа и методика испытаний
- •Создание эксплуатационной документации
- •Руководство системного программиста
- •Руководство оператора
- •Заключение
Руководство оператора
Назначением разработки web-приложения является предоставление пользователям материала о компании «ТС «ЭЛЕКТРО», о видах услуг, которые эта компания предоставляет и их стоимости, о сотрудниках и их руководстве.
Для обеспечения выполнения web-приложения «ТС «ЭЛЕКТРО» необходимы следующие программно-технические требования:
Персональный компьютер:
объем оперативной памяти 512 Мб;
объем свободного пространства на жестком диске 13,0 МБ;
тактовая частота процессора 2.0 ГГц.
Программное обеспечение:
Windows 98, Windows XP Professional, Windows Vista;
Windows Internet Explorer 8, Mozilla FireFox 4, Opera 11.
Загрузка и запуск сайта осуществляется после двойного щелчка на файле «index.html», расположенного в папке «Диплом».
Рисунок 4-Главное окно сайта
Для того чтобы перейти на другую страницу, необходимо выбрать из кнопок меню интересующий раздел и активировать ссылку. Перед вами откроется новая страница сайта.
Страница «Услуги» представлена на рис. 5.
Рисунок 5-Страница «Каталог»
Чтобы просмотреть нормативно-правовые документы организации необходимо выбрать из кнопок меню раздел «Документы» и активировать ссылку. Перед вами откроется страница сайта, содержащая тербуемую информацию (см. рис. 6).
Рисунок 6-Страница «Новости»
Чтобы оставить свой отзыв о работе организации, необходимо воспользоваться функцией обратной связи. Для этого выберите пункт меню «Обратная связь» и заполните соответствующие поля. Затем нажмите кнопку «Отправить», как указано на рис.7.
Рисунок 7-Страница «Обратная связь»
Для просмотра фотогалереи с изображениями оборудования и услуг, которые реализовывает компания необходимо в меню «Услуги» выбрать интересующий объект из перечисленных разделов. Откроется окно, содержащее увеличенное изображение и информацию о выбранном объекте (см. рис.8).
Заключение
В результате выполнения дипломной работы было создано web-приложение «ТС «ЭЛЕКТРО».
Web-приложение «ТС «ЭЛЕКТРО» разработано и выполнено в HTML-редакторе Adobe Dreamweaver CS3. Для создания Web-приложения «ТС «ЭЛЕКТРО» использовался объектно-ориентированный скриптовый язык программирования JavaScript.
В рамках интернет-приложения размещен каталог продукции с ценами и подробными описаниями презентуемых товаров или услуг.
В процессе разработки были решены следующие задачи:
выполнено предпроектное исследование;
разработана дизайн-концепция приложения;
Web-приложение было выполнено в точности с требованиями технического задания компании.
Список литературы
Вильямсон X. Универсальный Dynamic HTML. Библиотека программиста. — СПб.: Питер, 2009. — 287 с.: ил.
ВинДж C. Искусство web-дизайна: Самоучитель. — СПб.: Питер, 2009 г. - 123 с.;
Венедюхин А., Воробьев А. Создание сайтов. — СПб.: Питер, 2010 г. - 107 с.;
Гончаров А. Самоучитель HTML. — СПб.: Питер, 2010. — 214 с.: ил;
Гудман Д. JavaScript и DHTML Сборник рецептов Для профессионалов. — СПб.: Питер, 2009. — 345 с.;
Дакетт Д. Основы веб-программирования с использованием HTML. – СПб.: БХВ-Петербург, 2010 г. - 110 с.;
Данкан Р. Введение в html – СПб.: Питер, 2010 г. - 147 с.;
Евдокимов Н., Лебединский И. Разработка веб-сайта. Практическое руководство. – М.: ДМК Пресс, 2010 г. - 213 с.;
Зольников Д.С. Как самостоятельно создать сайт любой сложности — 2-е изд., стер. — М.:НТ Пресс, 2010 г. - 178 с.;
Крамер Р. HTML: наглядный курс Web-дизайна. — СПб.: Питер, 2009 г. – 120 с.;
Косарев А. П. Технические средства АСУ. — СПб.: Питер, 2009. – 246 с.;
Кузнецов М. В., Симдяпов И. В., Голышсв С. В. РНР 5. Практика разработки Web-сайтов. — СПб.: БХВ-Петербург, 2009. - 567 с.;
Лещев. Создание web-сайта: учебный курс. — СПб.:Питер, 2010 г. - 358 с.;
Леонтьев В.П. Web-дизайн. Руководство пользователя. — М.: ДМК Пресс, 2010 г. – 234 с.;
Матросов А. В., Сергеев А. О., Чаунин М. П. HTML 4.0. - СПб.: БХВ-Петербург, 2009. - 235 с.;
Морозова О. М. Построй свой СУПЕР-сайт за 21 день. — СПб.: БХВ-Петербург, 2008. - 145 с.;
МакДональд М. Создание web-сайтов. Основное руководство. — СПб.: Питер, 2010 г. - 156 с.;
Мержевич В. HTML и CSS на примерах. — СПб.: Питер, 2010 г. – 134 с.;
Нидерст М.В. Web-мастеринг для профессионалов. Настольный справочник. — М.: ДМК Пресс, 2009 г. – 127 с.;
Печников В.Н. Создание web-страниц и web-сайтов. — СПб.: БХВ-Петербург, 2009. - 145 с.;
Петюшкин А.А. HTML в Web-дизайне. – СПб.: БХВ-Петербург, 2009. – 400 с.;
Полонская Е.Л.П Язык HTML. Самоучитель. : — М. : Издательский дом «Вильяме», 2009.— 240 с.;
Панфилов К. Создание веб-сайта от замысла до реализации. — СПб.: Питер, 2009 г. – 112 с.;
Ратшиллер Т., Геркен Т. Разработка Web-приложений. – СПб.: Питер, 2009 г. - 384 с.;
Скотт Б., Нейл Т. Проектирование веб-интерфейсов. – СПб.: Питер, 2010 г. - 672 с.;
Ташков П. Веб-мастеринг на 100%, HTML, CSS, JavaScript, CMS, раскрутка. – СПб.: БХВ-Петербург, 2010 г. - 129 с.;
Таненбаум Э. Современные операционные системы. 2-е изд. — СПб.: Питер, 2008. — 148 с.;
Томсон Л., Веллинг Л. Разработка Web-приложений. - Киев: «ДиаСофт», 2010 г. - 672 с.;
Хейз. Освой самостоятельно HTML и XHTML. 10 минут на урок. 3-е изд, Киев: "BHV", 2009 г., 209 с.;
ПРИЛОЖЕНИЕ А
Редактор гипертекстовой информации Adobe Dreamweaver cs3
ПРИЛОЖЕНИЕ Б
Среда графического редактора Adobe PhotoShop CS3
ПРИЛОЖЕНИЕ В
Полный листинг программы
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Сайт DM</title>
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
</head>
<body>
<div id="container">
<div id="header">
<a href="index.html"><img src="img/logo.png" align="left" alt="Логотип DM" /></a>
<h1>ООО “Группа компаний DM”</h1>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="service.html">Услуги</a></li>
<li><a href="documentation.html">Документы</a></li>
<li><a href="feedback.html">Обратная связь</a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<div id="content-home">
<h2>О компании</h2>
<p>ООО «Группа компаний DM» с момента своего возникновения специализируется на работе с корпоративными клиентами. Мы работаем с государственными предприятиями и ведущими организациями города Курска и Курской области, а также города Белгорода и Белгородской области города. Орел. За предыдущие 10 лет наша компания приобрела большой опыт работы в выполнении государственных заказов и осуществлении тендерных поставок мебели, оргтехники, расходных материалов.</p>
<p>Мы занимаемся не просто поставкой товара, а предлагаем законченные решения по обеспечению бесперебойных рабочих процессов:</p>
<ul>
<li>Поставка компьютеров, оргтехники, сетевого оборудования, программного обеспечения;</li>
<li>Техническое обслуживание, сопровождение и ремонт компьютерной, печатно-копировальной техники;</li>
<li>Осуществляем поставку оригинальных и совместимых расходных материалов, запчастей КМТ;</li>
<li>Заправка и ремонт картриджей;</li>
<li>Продажа полного спектра расходных материалов ведущих производителей;</li>
<li>Проектирование и инсталляция структурированных кабельных систем;</li>
<li>Информационная и консультационная поддержка;</li>
<li>Обеспечение мебелью и аксессуарами;</li>
<li>Поставка термотрансферных принтеров и расходных материалов;</li>
</ul>
<p>ООО «Группа компаний DM» является:</p>
<p><strong>Авторизированным Сервис-центром</strong> таких производителей как <strong>Aquarius, DEPO, Эксимер, USN, Seiko I Infotech, Kyocera Mita</strong>.</p>
<p><strong>Авторизованный бизнес-партнёр</strong> Epson, АРС, HP, OKI PrintingSolution, KonicaMinolta, D-Link, DEPO, SeikoIInfotech, USN, KyoceraMita, Canon, Xerox, Allied Telesyn, Aquarius, NV-Print, MicroSoft, DrWeb, Legrand, Nikomax, Acer, DataMark, Datamax, Zebra, Toshiba.</p>
<br />
<p>Вся продукция, поставляемая нашим клиентам, имеет все требуемые российским законодательством сертификаты.</p>
<p><strong>Группа компаний DM</strong> ценит своих партнеров и строит отношения с ними на доверии и уважении, радуясь их успехам и поддерживая их начинания. Мы понимаем ценность настоящего партнерства и ориентируемся на долгосрочное сотрудничество и готовы ответить на любые интересующие Вас вопросы.</p>
</div>
<div id="footer">
<div id="footer-navigation">
<ul>
<li><a href="index.html">Главная | </a></li>
<li><a href="service.html">Услуги | </a></li>
<li><a href="documentation.html">Документы | </a></li>
<li><a href="feedback.html">Обратная связь | </a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<p>Все права защищены (с) DM 2012</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Сайт DM</title>
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="js/jquery-ui-1.8.20.custom.min.js"></script>
<script src="http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/jquery.ui.datepicker-ru.js"></script>
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.20.custom.css" rel="stylesheet" />
</head>
<body>
<div id="container">
<div id="header">
<a href="index.html"><img src="img/logo.png" align="left" alt="Логотип DM" /></a>
<h1>ООО “Группа компаний DM”</h1>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="service.html">Услуги</a></li>
<li><a href="documentation.html">Документы</a></li>
<li><a href="feedback.html">Обратная связь</a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<div id="content">
<div id="contacts">
<h2>Обратная связь</h2>
<form>
Имя <br />
<input type="text" /><br />
Фамилия <br />
<input type="text" /><br />
Город <br />
<input type="text" /><br />
Телефон <br />
<input type="text" /><br />
E-mail<br />
<input type="text" /><br />
Сообщение<br />
<textarea cols="30" rows="10"></textarea><br />
<input type="submit" value="Отправить" onClick="alert('Требуется php сервер')" />
</form>
<div id="calendar">
<div id="datepicker"></div>
</div>
</div>
</div>
<div id="footer">
<div id="footer-navigation">
<ul>
<li><a href="index.html">Главная | </a></li>
<li><a href="service.html">Услуги | </a></li>
<li><a href="documentation.html">Документы | </a></li>
<li><a href="feedback.html">Обратная связь | </a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<p>Все права защищены (с) DM 2012</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Сайт DM</title>
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
</head>
<body>
<div id="container">
<div id="header">
<a href="index.html"><img src="img/logo.png" align="left" alt="Логотип DM" /></a>
<h1>ООО “Группа компаний DM”</h1>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="service.html">Услуги</a></li>
<li><a href="documentation.html">Документы</a></li>
<li><a href="feedback.html">Обратная связь</a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<div id="content-home">
<h2>Документы</h2>
<a href="Dok/3.png" rel="lightbox"><img src="Dok/3.png" rel="lightbox" align="left" width="30%" alt="" /></a>
<a href="Dok/2.png" rel="lightbox"><img src="Dok/2.png" rel="lightbox" align="left" width="30%" alt="" /></a>
<a href="Dok/4.png" rel="lightbox"><img src="Dok/4.png" rel="lightbox" align="left" width="30%" alt="" /></a>
</div>
<div id="footer">
<div id="footer-navigation">
<ul>
<li><a href="index.html">Главная | </a></li>
<li><a href="service.html">Услуги | </a></li>
<li><a href="documentation.html">Документы | </a></li>
<li><a href="feedback.html">Обратная связь | </a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<p>Все права защищены (с) DM 2012</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Сайт DM</title>
<link rel="stylesheet" type="text/css" href="style.css" media="all" /></head>
<body>
<div id="container">
<div id="header">
<a href="index.html"><img src="img/logo.png" align="left" alt="Логотип DM" /></a>
<h1>ООО “Группа компаний DM”</h1>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="service.html">Услуги</a></li>
<li><a href="documentation.html">Документы</a></li>
<li><a href="feedback.html">Обратная связь</a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<div id="content">
<div id="contact-page">
<h2>Контакты</h2>
<img src="img/noavatar.png" width="20%" align="left" alt="" />
<br />
<strong>Лобынцева Ирина Викторовна</strong><br />
<br /><strong>Должность</strong> Финансовый директор<br />
<br/>
<strong>E-mail</strong> live@dm-company.ru<br />
<br /><strong>Телефон</strong> (4712) 39-64-58
<div class="clear"></div>
<br />
<br />
<br />
<br />
<img src="img/noavatar.png" width="20%" align="left" alt="" />
<br/>
<strong>Толок Татьяна</strong><br />
<br /><strong>Должность</strong> Менеджер отдела продаж<br />
<br/>
<strong>E-mail</strong> live@dm-company.ru<br />
<br /><strong>Телефон</strong> (4712) 39-64-58
<div class="clear"></div>
<br />
<br />
<br />
<br />
<img src="img/noavatar.png" width="20%" align="left" alt="" />
<br/>
<strong>Травкин Игорь</strong><br />
<br /><strong>Должность</strong> Менеджер отдела продаж<br />
<br/>
<strong>E-mail</strong> live@dm-company.ru<br />
<br /><strong>Телефон</strong> (4712) 39-64-58
</div>
</div>
<div class="clear"></div>
<div id="footer">
<div id="footer-navigation">
<ul>
<li><a href="index.html">Главная | </a></li>
<li><a href="service.html">Услуги | </a></li>
<li><a href="documentation.html">Документы | </a></li>
<li><a href="feedback.html">Обратная связь | </a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<p>Все права защищены (с) DM 2012</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Сайт DM - Услуги</title>
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
</head>
<body>
<div id="container">
<div id="header">
<a href="index.html"><img src="img/logo.png" align="left" alt="Логотип DM" /></a>
<h1>ООО “Группа компаний DM”</h1>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="service.html">Услуги</a></li>
<li><a href="documentation.html">Документы</a></li>
<li><a href="feedback.html">Обратная связь</a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<div id="content">
<div class="section1-single">
<h3>Комплектующие</h3>
<br />
<div class="category-single">
<a href="PC/01.html"><img src="img/complect/01.jpg" align="left" width="30%" alt="" /></a>
<a href="PC/01.html"><p class="cat-p">Жесткий диск</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> DDR2 4ГБ</p>
<p><strong>Видеокарта:</strong> GF GT9800 512mb</p>
<p><strong>Жесткий диск:</strong> 500 Гб</p>
</div>
<div class="cena">
29 999 руб.
</div>
</div>
<div class="category-single">
<a href="#"><img src="img/pc/02.jpeg" align="left" width="30%" alt="" /></a>
<a href="#"><p class="cat-p">HP P6-2008</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> DDR2 4ГБ</p>
<p><strong>Видеокарта:</strong> GF GT9800 512mb</p>
<p><strong>Жесткий диск:</strong> 500 Гб</p>
</div>
<div class="cena">
29 999 руб.
</div>
</div>
<div class="category-single">
<a href="#"><img src="img/pc/03.jpeg" align="left" width="35%" alt="" /></a>
<a href="#"><p class="cat-p">LENOVO H420</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> DDR2 4ГБ</p>
<p><strong>Видеокарта:</strong> GF GT9800 512mb</p>
<p><strong>Жесткий диск:</strong> 500 Гб</p>
</div>
<div class="cena">
29 999 руб.
</div>
</div>
<br />
<div class="category-single">
<a href="#"><img src="img/pc/01.jpeg" align="left" width="30%" alt="" /></a>
<a href="#"><p class="cat-p">LENOVO H410е</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> DDR2 4ГБ</p>
<p><strong>Видеокарта:</strong> GF GT9800 512mb</p>
<p><strong>Жесткий диск:</strong> 500 Гб</p>
</div>
<div class="cena">
29 999 руб.
</div>
</div>
<div class="category-single">
<a href="#"><img src="img/pc/02.jpeg" align="left" width="30%" alt="" /></a>
<a href="#"><p class="cat-p">HP P6-2008</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> DDR2 4ГБ</p>
<p><strong>Видеокарта:</strong> GF GT9800 512mb</p>
<p><strong>Жесткий диск:</strong> 500 Гб</p>
</div>
<div class="cena">
29 999 руб.
</div>
</div>
<div class="category-single">
<a href="#"><img src="img/pc/03.jpeg" align="left" width="35%" alt="" /></a>
<a href="#"><p class="cat-p">LENOVO H420</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> DDR2 4ГБ</p>
<p><strong>Видеокарта:</strong> GF GT9800 512mb</p>
<p><strong>Жесткий диск:</strong> 500 Гб</p>
</div>
<div class="cena">
29 999 руб.
</div>
</div>
</div>
</div>
<div id="footer">
<div id="footer-navigation">
<ul>
<li><a href="index.html">Главная | </a></li>
<li><a href="service.html">Услуги | </a></li>
<li><a href="documentation.html">Документы | </a></li>
<li><a href="feedback.html">Обратная связь | </a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<p>Все права защищены (с) DM 2012</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Сайт DM - Услуги</title>
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />
</head>
<body>
<div id="container">
<div id="header">
<a href="index.html"><img src="img/logo.png" align="left" alt="Логотип DM" /></a>
<h1>ООО “Группа компаний DM”</h1>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="service.html">Услуги</a></li>
<li><a href="documentation.html">Документы</a></li>
<li><a href="feedback.html">Обратная связь</a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<div id="content">
<div class="section1-single">
<h3>Готовые ПК</h3>
<br />
<div class="category-single">
<a href="img/pc/01.jpeg" rel="lightbox"><img src="img/pc/01.jpeg" rel="lightbox" align="left" width="30%" alt="" /></a>
<a href="PC/01.html"><p class="cat-p">LENOVO H410е</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> DDR2 4GB</p>
<p><strong>Видеокарта:</strong> HD5450 1024Mb </p>
<p><strong>Жесткий диск:</strong>SATA-I 500 Gb</p>
</div>
<div class="cena">
19 999 руб.
</div>
</div>
<div class="category-single">
<a href="img/pc/02.jpeg" rel="lightbox"><img src="img/pc/02.jpeg" rel="lightbox" align="left" width="30%" alt="" /></a>
<a href="#"><p class="cat-p">HP R7-2009</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> DDR3 6GB</p>
<p><strong>Видеокарта:</strong> GF GT9800 512Mb</p>
<p><strong>Жесткий диск:</strong> SATA-II 160Gb </p>
</div>
<div class="cena">
22 999 руб.
</div>
</div>
<div class="category-single">
<a href="img/pc/03.jpeg" rel="lightbox"><img src="img/pc/03.jpeg" rel="lightbox" align="left" width="30%" alt="" /></a>
<a href="#"><p class="cat-p">LENOVO H420</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> DDR3 4GB</p>
<p><strong>Видеокарта:</strong> HD6450 1024Mb </p>
<p><strong>Жесткий диск:</strong> SATA-II 320Gb </p>
</div>
<div class="cena">
23 999 руб.
</div>
</div>
<br />
<div class="category-single">
<a href="img/pc/01.jpeg" rel="lightbox"><img src="img/pc/01.jpeg" rel="lightbox" align="left" width="30%" alt="" /></a>
<a href="#"><p class="cat-p">LENOVO H410е</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> DDR3 8GB </p>
<p><strong>Видеокарта:</strong> GT220 1024Mb </p>
<p><strong>Жесткий диск:</strong> SATA-II 750Gb </p>
</div>
<div class="cena">
25 999 руб.
</div>
</div>
<div class="category-single">
<a href="img/pc/02.jpeg" rel="lightbox"><img src="img/pc/02.jpeg" rel="lightbox" align="left" width="30%" alt="" /></a>
<a href="#"><p class="cat-p">HP P6-2008</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> SO-DDR3 8GB</p>
<p><strong>Видеокарта:</strong> GT520 2048Mb</p>
<p><strong>Жесткий диск:</strong> SATA-II 500Gb </p>
</div>
<div class="cena">
28 999 руб.
</div>
</div>
<div class="category-single">
<a href="img/pc/03.jpeg" rel="lightbox"><img src="img/pc/03.jpeg" rel="lightbox" align="left" width="30%" alt="" /></a>
<a href="#"><p class="cat-p">LENOVO H420</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> SO-DDR3 3GB</p>
<p><strong>Видеокарта:</strong> HD6450 2048Mb </p>
<p><strong>Жесткий диск:</strong> SATA-II 1Tb </p>
</div>
<div class="cena">
24 999 руб.
</div>
</div>
</div>
</div>
<div id="footer">
<div id="footer-navigation">
<ul>
<li><a href="index.html">Главная | </a></li>
<li><a href="service.html">Услуги | </a></li>
<li><a href="documentation.html">Документы | </a></li>
<li><a href="feedback.html">Обратная связь | </a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<p>Все права защищены (с) DM 2012</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Сайт DM - Услуги</title>
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
</head>
<body>
<div id="container">
<div id="header">
<a href="index.html"><img src="img/logo.png" align="left" alt="Логотип DM" /></a>
<h1>ООО “Группа компаний DM”</h1>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="service.html">Услуги</a></li>
<li><a href="documentation.html">Документы</a></li>
<li><a href="feedback.html">Обратная связь</a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<div id="content">
<div class="section1">
<h3>Компьютерная техника</h3>
<div class="category">
<a href="PC.html"><img src="img/cat1.png" alt="" /></a>
<a href="PC.html"><p class="cat-p">Готовые ПК</p></a>
</div>
<div class="category">
<a href="komplect.html"><img src="img/cat2.png" alt="" /></a>
<a href="komplect.html"><p class="cat-p">Комплектующие для ПК</p></a>
</div>
<div class="category">
<a href="#"><img src="img/cat3.png" alt="" /></a>
<a href="#"><p class="cat-p">Переферийные устройства</p></a>
</div>
</div>
<div class="section1">
<h3>Офисная техника</h3>
<div class="category">
<a href="#"><img src="img/cat4.png" alt="" /></a>
<a href="#"><p class="cat-p">Принтеры</p></a>
</div>
<div class="category">
<a href="#"><img src="img/cat5.png" alt="" /></a>
<a href="#"><p class="cat-p">Сканеры</p></a>
</div>
<div class="category">
<a href="#"><img src="img/cat6.png" alt="" /></a>
<a href="#"><p class="cat-p">Копировальная техника</p></a>
</div>
</div>
<div class="section1">
<h3>Расходные материалы</h3>
<div class="category">
<a href="#"><img src="img/cat7.png" alt="" /></a>
<a href="#"><p class="cat-p">Катриджи</p></a>
</div>
</div>
<div class="section2">
<h3>Мебель</h3>
<div class="category">
<a href="#"><img src="img/cat8.png" alt="" /></a>
<a href="#"><p class="cat-p">Офисная мебель</p></a>
</div>
<div class="category">
<a href="#"><img src="img/cat9.png" alt="" /></a>
<a href="#"><p class="cat-p">Школьная мебель</p></a>
</div>
<div class="category">
<a href="#"><img src="img/cat10.png" alt="" /></a>
<a href="#"><p class="cat-p">Кресла, Стулья</p></a>
</div>
<div class="category">
<a href="#"><img src="img/cat11.png" alt="" /></a>
<a href="#"><p class="cat-p">Прочая мебель</p></a>
</div>
</div>
<div class="section1">
<h3>Услуги</h3>
<div class="category">
<a href="#"><img src="img/cat12.png" alt="" /></a>
<a href="#"><p class="cat-p">Ремонт орг техники</p></a>
</div>
<div class="category">
<a href="#"><img src="img/cat13.png" alt="" /></a>
<a href="#"><p class="cat-p">Ремонт ПК</p></a>
</div>
<div class="category">
<a href="#"><img src="img/cat14.png" alt="" /></a>
<a href="#"><p class="cat-p">Ремонт, заправка картриджей</p></a>
</div>
</div>
<div class="section1">
<h3>Прочие</h3>
<div class="category">
<a href="#"><img src="img/cat15.png" alt="" /></a>
<a href="#"><p class="cat-p">Кондиционеры</p></a>
</div>
</div>
</div>
<div id="footer">
<div id="footer-navigation">
<ul>
<li><a href="index.html">Главная | </a></li>
<li><a href="service.html">Услуги | </a></li>
<li><a href="documentation.html">Документы | </a></li>
<li><a href="feedback.html">Обратная связь | </a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<p>Все права защищены (с) DM 2012</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Сайт DM</title>
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
</head>
<body>
<div id="container">
<div id="header">
<a href="index.html"><img src="img/logo.png" align="left" alt="Логотип DM" /></a>
<h1>ООО “Группа компаний DM”</h1>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="service.html">Услуги</a></li>
<li><a href="documentation.html">Документы</a></li>
<li><a href="feedback.html">Обратная связь</a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<div id="content-home">
<h2>Документы</h2>
<a href="Dok/3.png" rel="lightbox"><img src="Dok/3.png" rel="lightbox" align="left" width="30%" alt="" /></a>
<a href="Dok/2.png" rel="lightbox"><img src="Dok/2.png" rel="lightbox" align="left" width="30%" alt="" /></a>
<a href="Dok/4.png" rel="lightbox"><img src="Dok/4.png" rel="lightbox" align="left" width="30%" alt="" /></a>
</div>
<div id="footer">
<div id="footer-navigation">
<ul>
<li><a href="index.html">Главная | </a></li>
<li><a href="service.html">Услуги | </a></li>
<li><a href="documentation.html">Документы | </a></li>
<li><a href="feedback.html">Обратная связь | </a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<p>Все права защищены (с) DM 2012</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Сайт DM</title>
<link rel="stylesheet" type="text/css" href="style.css" media="all" /></head>
<body>
<div id="container">
<div id="header">
<a href="index.html"><img src="img/logo.png" align="left" alt="Логотип DM" /></a>
<h1>ООО “Группа компаний DM”</h1>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="service.html">Услуги</a></li>
<li><a href="documentation.html">Документы</a></li>
<li><a href="feedback.html">Обратная связь</a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<div id="content">
<div id="contact-page">
<h2>Контакты</h2>
<img src="img/noavatar.png" width="20%" align="left" alt="" />
<br />
<strong>Лобынцева Ирина Викторовна</strong><br />
<br /><strong>Должность</strong> Финансовый директор<br />
<br/>
<strong>E-mail</strong> live@dm-company.ru<br />
<br /><strong>Телефон</strong> (4712) 39-64-58
<div class="clear"></div>
<br />
<br />
<br />
<br />
<img src="img/noavatar.png" width="20%" align="left" alt="" />
<br/>
<strong>Толок Татьяна</strong><br />
<br /><strong>Должность</strong> Менеджер отдела продаж<br />
<br/>
<strong>E-mail</strong> live@dm-company.ru<br />
<br /><strong>Телефон</strong> (4712) 39-64-58
<div class="clear"></div>
<br />
<br />
<br />
<br />
<img src="img/noavatar.png" width="20%" align="left" alt="" />
<br/>
<strong>Травкин Игорь</strong><br />
<br /><strong>Должность</strong> Менеджер отдела продаж<br />
<br/>
<strong>E-mail</strong> live@dm-company.ru<br />
<br /><strong>Телефон</strong> (4712) 39-64-58
</div>
</div>
<div class="clear"></div>
<div id="footer">
<div id="footer-navigation">
<ul>
<li><a href="index.html">Главная | </a></li>
<li><a href="service.html">Услуги | </a></li>
<li><a href="documentation.html">Документы | </a></li>
<li><a href="feedback.html">Обратная связь | </a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<p>Все права защищены (с) DM 2012</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Сайт DM</title>
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
</head>
<body>
<div id="container">
<div id="header">
<a href="index.html"><img src="img/logo.png" align="left" alt="Логотип DM" /></a>
<h1>ООО “Группа компаний DM”</h1>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="service.html">Услуги</a></li>
<li><a href="documentation.html">Документы</a></li>
<li><a href="feedback.html">Обратная связь</a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<div id="content-home">
<h2>Документы</h2>
<a href="Dok/3.png" rel="lightbox"><img src="Dok/3.png" rel="lightbox" align="left" width="30%" alt="" /></a>
<a href="Dok/2.png" rel="lightbox"><img src="Dok/2.png" rel="lightbox" align="left" width="30%" alt="" /></a>
<a href="Dok/4.png" rel="lightbox"><img src="Dok/4.png" rel="lightbox" align="left" width="30%" alt="" /></a>
</div>
<div id="footer">
<div id="footer-navigation">
<ul>
<li><a href="index.html">Главная | </a></li>
<li><a href="service.html">Услуги | </a></li>
<li><a href="documentation.html">Документы | </a></li>
<li><a href="feedback.html">Обратная связь | </a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<p>Все права защищены (с) DM 2012</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Сайт DM</title>
<link rel="stylesheet" type="text/css" href="style.css" media="all" /></head>
<body>
<div id="container">
<div id="header">
<a href="index.html"><img src="img/logo.png" align="left" alt="Логотип DM" /></a>
<h1>ООО “Группа компаний DM”</h1>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="service.html">Услуги</a></li>
<li><a href="documentation.html">Документы</a></li>
<li><a href="feedback.html">Обратная связь</a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<div id="content">
<div id="contact-page">
<h2>Контакты</h2>
<img src="img/noavatar.png" width="20%" align="left" alt="" />
<br />
<strong>Лобынцева Ирина Викторовна</strong><br />
<br /><strong>Должность</strong> Финансовый директор<br />
<br/>
<strong>E-mail</strong> live@dm-company.ru<br />
<br /><strong>Телефон</strong> (4712) 39-64-58
<div class="clear"></div>
<br />
<br />
<br />
<br />
<img src="img/noavatar.png" width="20%" align="left" alt="" />
<br/>
<strong>Толок Татьяна</strong><br />
<br /><strong>Должность</strong> Менеджер отдела продаж<br />
<br/>
<strong>E-mail</strong> live@dm-company.ru<br />
<br /><strong>Телефон</strong> (4712) 39-64-58
<div class="clear"></div>
<br />
<br />
<br />
<br />
<img src="img/noavatar.png" width="20%" align="left" alt="" />
<br/>
<strong>Травкин Игорь</strong><br />
<br /><strong>Должность</strong> Менеджер отдела продаж<br />
<br/>
<strong>E-mail</strong> live@dm-company.ru<br />
<br /><strong>Телефон</strong> (4712) 39-64-58
</div>
</div>
<div class="clear"></div>
<div id="footer">
<div id="footer-navigation">
<ul>
<li><a href="index.html">Главная | </a></li>
<li><a href="service.html">Услуги | </a></li>
<li><a href="documentation.html">Документы | </a></li>
<li><a href="feedback.html">Обратная связь | </a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<p>Все права защищены (с) DM 2012</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Сайт DM - Услуги</title>
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
</head>
<body>
<div id="container">
<div id="header">
<a href="index.html"><img src="img/logo.png" align="left" alt="Логотип DM" /></a>
<h1>ООО “Группа компаний DM”</h1>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="service.html">Услуги</a></li>
<li><a href="documentation.html">Документы</a></li>
<li><a href="feedback.html">Обратная связь</a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<div id="content">
<div class="section1-single">
<h3>Комплектующие</h3>
<br />
<div class="category-single">
<a href="PC/01.html"><img src="img/complect/01.jpg" align="left" width="30%" alt="" /></a>
<a href="PC/01.html"><p class="cat-p">Жесткий диск</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> DDR2 4ГБ</p>
<p><strong>Видеокарта:</strong> GF GT9800 512mb</p>
<p><strong>Жесткий диск:</strong> 500 Гб</p>
</div>
<div class="cena">
29 999 руб.
</div>
</div>
<div class="category-single">
<a href="#"><img src="img/pc/02.jpeg" align="left" width="30%" alt="" /></a>
<a href="#"><p class="cat-p">HP P6-2008</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> DDR2 4ГБ</p>
<p><strong>Видеокарта:</strong> GF GT9800 512mb</p>
<p><strong>Жесткий диск:</strong> 500 Гб</p>
</div>
<div class="cena">
29 999 руб.
</div>
</div>
<div class="category-single">
<a href="#"><img src="img/pc/03.jpeg" align="left" width="35%" alt="" /></a>
<a href="#"><p class="cat-p">LENOVO H420</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> DDR2 4ГБ</p>
<p><strong>Видеокарта:</strong> GF GT9800 512mb</p>
<p><strong>Жесткий диск:</strong> 500 Гб</p>
</div>
<div class="cena">
29 999 руб.
</div>
</div>
<br />
<div class="category-single">
<a href="#"><img src="img/pc/01.jpeg" align="left" width="30%" alt="" /></a>
<a href="#"><p class="cat-p">LENOVO H410е</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> DDR2 4ГБ</p>
<p><strong>Видеокарта:</strong> GF GT9800 512mb</p>
<p><strong>Жесткий диск:</strong> 500 Гб</p>
</div>
<div class="cena">
29 999 руб.
</div>
</div>
<div class="category-single">
<a href="#"><img src="img/pc/02.jpeg" align="left" width="30%" alt="" /></a>
<a href="#"><p class="cat-p">HP P6-2008</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> DDR2 4ГБ</p>
<p><strong>Видеокарта:</strong> GF GT9800 512mb</p>
<p><strong>Жесткий диск:</strong> 500 Гб</p>
</div>
<div class="cena">
29 999 руб.
</div>
</div>
<div class="category-single">
<a href="#"><img src="img/pc/03.jpeg" align="left" width="35%" alt="" /></a>
<a href="#"><p class="cat-p">LENOVO H420</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> DDR2 4ГБ</p>
<p><strong>Видеокарта:</strong> GF GT9800 512mb</p>
<p><strong>Жесткий диск:</strong> 500 Гб</p>
</div>
<div class="cena">
29 999 руб.
</div>
</div>
</div>
</div>
<div id="footer">
<div id="footer-navigation">
<ul>
<li><a href="index.html">Главная | </a></li>
<li><a href="service.html">Услуги | </a></li>
<li><a href="documentation.html">Документы | </a></li>
<li><a href="feedback.html">Обратная связь | </a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<p>Все права защищены (с) DM 2012</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Сайт DM - Услуги</title>
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>
<link href="css/lightbox.css" rel="stylesheet" />
</head>
<body>
<div id="container">
<div id="header">
<a href="index.html"><img src="img/logo.png" align="left" alt="Логотип DM" /></a>
<h1>ООО “Группа компаний DM”</h1>
</div>
<div id="nav">
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="service.html">Услуги</a></li>
<li><a href="documentation.html">Документы</a></li>
<li><a href="feedback.html">Обратная связь</a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<div id="content">
<div class="section1-single">
<h3>Готовые ПК</h3>
<br />
<div class="category-single">
<a href="img/pc/01.jpeg" rel="lightbox"><img src="img/pc/01.jpeg" rel="lightbox" align="left" width="30%" alt="" /></a>
<a href="PC/01.html"><p class="cat-p">LENOVO H410е</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> DDR2 4GB</p>
<p><strong>Видеокарта:</strong> HD5450 1024Mb </p>
<p><strong>Жесткий диск:</strong>SATA-I 500 Gb</p>
</div>
<div class="cena">
19 999 руб.
</div>
</div>
<div class="category-single">
<a href="img/pc/02.jpeg" rel="lightbox"><img src="img/pc/02.jpeg" rel="lightbox" align="left" width="30%" alt="" /></a>
<a href="#"><p class="cat-p">HP R7-2009</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> DDR3 6GB</p>
<p><strong>Видеокарта:</strong> GF GT9800 512Mb</p>
<p><strong>Жесткий диск:</strong> SATA-II 160Gb </p>
</div>
<div class="cena">
22 999 руб.
</div>
</div>
<div class="category-single">
<a href="img/pc/03.jpeg" rel="lightbox"><img src="img/pc/03.jpeg" rel="lightbox" align="left" width="30%" alt="" /></a>
<a href="#"><p class="cat-p">LENOVO H420</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> DDR3 4GB</p>
<p><strong>Видеокарта:</strong> HD6450 1024Mb </p>
<p><strong>Жесткий диск:</strong> SATA-II 320Gb </p>
</div>
<div class="cena">
23 999 руб.
</div>
</div>
<br />
<div class="category-single">
<a href="img/pc/01.jpeg" rel="lightbox"><img src="img/pc/01.jpeg" rel="lightbox" align="left" width="30%" alt="" /></a>
<a href="#"><p class="cat-p">LENOVO H410е</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> DDR3 8GB </p>
<p><strong>Видеокарта:</strong> GT220 1024Mb </p>
<p><strong>Жесткий диск:</strong> SATA-II 750Gb </p>
</div>
<div class="cena">
25 999 руб.
</div>
</div>
<div class="category-single">
<a href="img/pc/02.jpeg" rel="lightbox"><img src="img/pc/02.jpeg" rel="lightbox" align="left" width="30%" alt="" /></a>
<a href="#"><p class="cat-p">HP P6-2008</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> SO-DDR3 8GB</p>
<p><strong>Видеокарта:</strong> GT520 2048Mb</p>
<p><strong>Жесткий диск:</strong> SATA-II 500Gb </p>
</div>
<div class="cena">
28 999 руб.
</div>
</div>
<div class="category-single">
<a href="img/pc/03.jpeg" rel="lightbox"><img src="img/pc/03.jpeg" rel="lightbox" align="left" width="30%" alt="" /></a>
<a href="#"><p class="cat-p">LENOVO H420</p></a>
<div class="xaracteristic">
<p><strong>ОЗУ:</strong> SO-DDR3 3GB</p>
<p><strong>Видеокарта:</strong> HD6450 2048Mb </p>
<p><strong>Жесткий диск:</strong> SATA-II 1Tb </p>
</div>
<div class="cena">
24 999 руб.
</div>
</div>
</div>
</div>
<div id="footer">
<div id="footer-navigation">
<ul>
<li><a href="index.html">Главная | </a></li>
<li><a href="service.html">Услуги | </a></li>
<li><a href="documentation.html">Документы | </a></li>
<li><a href="feedback.html">Обратная связь | </a></li>
<li><a href="contact.html">Контакты</a></li>
</ul>
</div>
<p>Все права защищены (с) DM 2012</p>
</div>
</div>
</body>
</html>