Приложение 4

Листинг страницы «Каталог»:

<!DOCTYPE html>

<html>

<head>

<meta charset="windows-1251" />

<title>Шведские печи-камины Contura</title>

<meta name="keywords" content="камины, камины contura, шведские печи-камины, contura" />

<meta name="description" content="Шведские камины Contura - эталон отопительного оборудования, соответствующий всем потребностям его владельца. Они безопасны, долговечны и эффективны.">

<link href="/css/style.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="/js/jquery.js"></script>

<script type="text/javascript" src="/js/jquery.colorbox.js"></script>

<script type="text/javascript" src="/js/scripts.js"></script>

<!--[if lt IE 9]>

<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

</head>

<body>

<div id="wrapper">

<div id="header-inner">

<div id="topInfo"> <a href="/" class="logotype"><img src="/images/logotype.png" width="190" height="59"></a>

<div id="sloganWrap">

<p>Продажа и установка шведских печей-каминов Contura</p>

</div>

<div id="contactsWrap"><span class="yaPhone">+7 495 555-555-5</span>

<p>многоканальный</p>

</div>

<ul class="mainMenu">

<li><a href="about.html">О компании</a></li>

<li><a href="actions.html">Акции</a></li>

<li><a href="catalog.html">Каталог</a></li>

<li><a href="install.html">Монтаж</a></li>

<li><a href="contacts.html">Контакты</a></li>

</ul>

</div>

</div>

<div class="wrapper">

<div id="mainContainer">

<h1>Каталог печей Contura</h1>

<div id="catalog">

<div class="item"> <span class="img-wrapper"><img src="/images/Contura_820_T_S.png" width="220" height="500"></span>

<div class="card"> <span class="prName">Печь-камин Contura 820 T S</span> <span class="costItem">151 800 руб.</span>

<div class="anons">

<table>

<tbody>

<tr>

<td>Мощность</td>

<td>5 кВт</td>

</tr>

<tr>

<td>Эффективность</td>

<td>82%</td>

</tr>

<tr>

<td>Отапливаемая площадь</td>

<td>до 100 м²</td>

</tr>

<tr>

<td>Высота</td>

<td>930 мм</td>

</tr>

<tr>

<td>Ширина</td>

<td>460 мм</td>

</tr>

<tr>

<td>Глубина</td>

<td>360 мм</td>

</tr>

<tr>

<td>Bec</td>

<td>125 кг</td>

</tr>

</tbody>

</table>

</div>

</div>

<a href="#" class="buyButton">Заказать</a> </div>

<div class="item"> <span class="img-wrapper"><img src="/images/Contura-54.png" width="220" height="500"></span>

<div class="card"> <span class="prName">Печь-камин Contura 54</span> <span class="costItem">109 800 руб.</span>

<div class="anons">

<table>

<tbody>

<tr>

<td>Мощность</td>

<td>3-7 кВт</td>

</tr>

<tr>

<td>Эффективность</td>

<td>81%</td>

</tr>

<tr>

<td>Отапливаемая площадь</td>

<td>до 120 м²</td>

</tr>

<tr>

<td>Высота</td>

<td>825 мм</td>

</tr>

<tr>

<td>Ширина</td>

<td>550 мм</td>

</tr>

<tr>

<td>Глубина</td>

<td>455 мм</td>

</tr>

<tr>

<td>Bec</td>

<td>149 кг</td>

</tr>

</tbody>

</table>

</div>

</div>

<a href="#" class="buyButton">Заказать</a> </div>

<div class="item"> <span class="img-wrapper"><img src="/images/Contura-560T-G.png" width="220" height="500"></span>

<div class="card"> <span class="prName">Печь-камин Contura 560T G </span> <span class="costItem">187 700 руб.</span>

<div class="anons">

<table>

<tbody>

<tr>

<td>Мощность</td>

<td>3-9 кВт</td>

</tr>

<tr>

<td>Эффективность</td>

<td>79%</td>

</tr>

<tr>

<td>Отапливаемая площадь</td>

<td>до 120 м²</td>

</tr>

<tr>

<td>Высота</td>

<td>1010 мм</td>

</tr>

<tr>

<td>Ширина</td>

<td>536 мм</td>

</tr>

<tr>

<td>Глубина</td>

<td>455 мм</td>

</tr>

<tr>

<td>Bec</td>

<td>145 кг</td>

</tr>

</tbody>

</table>

</div>

</div>

<a href="#" class="buyButton">Заказать</a> </div>

<div class="item"> <span class="img-wrapper"><img src="/images/Contura-880-G-FL.png" width="220" height="500"></span>

<div class="card"> <span class="prName">Печь-камин Contura 880 G FL</span> <span class="costItem">136 600 руб.</span>

<div class="anons">

<table>

<tbody>

<tr>

<td>Мощность</td>

<td>5 кВт</td>

</tr>

<tr>

<td>Эффективность</td>

<td>82%</td>

</tr>

<tr>

<td>Отапливаемая площадь</td>

<td>до 140 м²</td>

</tr>

<tr>

<td>Высота</td>

<td>1060 мм</td>

</tr>

<tr>

<td>Ширина</td>

<td>460 мм</td>

</tr>

<tr>

<td>Глубина</td>

<td>360 мм</td>

</tr>

<tr>

<td>Bec</td>

<td>90 кг</td>

</tr>

</tbody>

</table>

</div>

</div>

<a href="#" class="buyButton">Заказать</a> </div>

<div class="item"> <span class="img-wrapper"><img src="/images/Contura-i31A.png" width="220" height="500"></span>

<div class="card"> <span class="prName">Печь-камин Contura 880 G FL</span> <span class="costItem">271 200 руб.</span>

<div class="anons">

<table>

<tbody>

<tr>

<td>Мощность</td>

<td>4-9 кВт</td>

</tr>

<tr>

<td>Эффективность</td>

<td>80%</td>

</tr>

<tr>

<td>Отапливаемая площадь</td>

<td>до 120 м²</td>

</tr>

<tr>

<td>Высота</td>

<td>1750 мм</td>

</tr>

<tr>

<td>Ширина</td>

<td>1660 мм</td>

</tr>

<tr>

<td>Глубина</td>

<td>580 мм</td>

</tr>

<tr>

<td>Bec</td>

<td>590 кг</td>

</tr>

</tbody>

</table>

</div>

</div>

<a href="#" class="buyButton">Заказать</a> </div>

<p style="padding:5px 20px">Чтобы посмотреть полный каталог каминов, обратитесь к нашим менеджерам по телефону: +7 (495) 555-55-55</p>

</div>

</div>

<div id="rightContainer">

<div id="specialOffer"><img src="/images/test-img.jpg" width="173" height="304"><span class="prName">Печь-камин Contura i31A</span> <span class="costItem">271 200 руб.</span><a href="#" class="buyButton">Заказать</a></div>

<div id="special">

<h3>Наши акции:</h3>

<div class="inner"> <img src="/images/delivery.png" width="88" height="127" style="margin:-10px 0 0 20px; float:right;">

<p> При покупке любой печи-камина Contura Вы получаете бесплатную доставку по Москве и Области!</p>

</div>

</div>

</div>

</div>

</div>

<div id="footer">

<div class="wrapper">

<table>

<tbody>

<tr>

<td width="25%"><img src="/images/logotype.png" width="190" height="59">

<p>Продажа шведского отопительного оборудования</p></td>

<td width="40%"><p><img src="/images/sitemap-icon.png" width="16" height="16" style="margin-right:7px;" align="left"> Карта сайта:</p>

<ul>

<li><a href="about.html">О компании</a></li>

<li><a href="actions.html">Акции</a></li>

<li><a href="catalog.html">Каталог</a></li>

<li><a href="install.html">Монтаж</a></li>

<li><a href="contacts.html">Контакты</a></li>

</ul></td>

<td width="35%"><p class="bottomPhone">Номер телефона: <span>+7 495 555-555-5</span> Почтовый ящик: info@domain.ru </p></td>

</tr>

</tbody>

</table>

</div>

</div>

<div style="display:none;background-color:#FFF">

<div id="sp_order" class="fieldContainer">

<div class="wrapper_form">

<form name="send_form" method="post" onsubmit="return check();" id="signupForm" class="contact_form">

<input type="hidden" name="cmd" value="send">

<ul>

<li>

<label for="fio">Вас зовут:</label>

<input type="text" name="fio" id="fio" value="" required="">

<span class="form_hint">Пример: "Иванов Иван"</span> </li>

<li>

<label for="mail">E-mail:</label>

<input type="text" name="mail" id="mail" value="" required="">

<span class="form_hint">Пример: "ivanov@yandex.ru"</span> </li>

<li>

<label for="phone">Телефон:</label>

<input type="text" name="phone" id="phone" value="" required="">

<span class="form_hint">Пример: "+7 (916) 123-45-67"</span> </li>

<li>

<label for="text">Доставка:</label>

<textarea class="textarea" name="text" style="width:300px; height:100px;"></textarea>

</li>

</ul>

<div class="signupButton">

<center>

<input class="sendData" type="button" value="Заказать" onClick="order_call();"/>

</center>

</div>

</form>

</div>

</div>

</div>

</body>

</html>