<!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">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<!--[if IE]><![if !IE]><![endif]-->
<link href="style/style.css" rel="stylesheet" type="text/css" />
<!--[if IE]><![endif]><![endif]-->
<!--[if IE]>
<link href="style/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="js/supersized.2.0.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/OriginalGaramondC_BT_400-OriginalGaramondC_BT_700-OriginalGaramondC_BT_italic_400-OriginalGaramondC_BT_italic_700.font.js"></script>
<script type="text/javascript" src="js/YanusC_400-YanusC_700-YanusC_italic_400-YanusC_italic_700.font.js"></script>
<!--[if IE]><![if !IE]><![endif]-->
<script type="text/javascript" src="js/my.js"></script>
<!--[if IE]><![endif]><![endif]-->
<!--[if IE]>
<script type="text/javascript" src="js/ie.js"></script>
<![endif]-->
<!--[if IE]><![if gte IE 7]><![endif]-->
<script type="text/javascript">
$(document).ready(function(){
/*скролл для левой колонки*/
var div = $('div.sc_menu'),
ul = $('ul.sc_menu'),
ulPadding = 0;
div.scrollTop(80);
//Get menu width
var divHeight = div.height()-368;
//Remove scrollbars
div.css({overflow: 'hidden'});
//Find last image container
var lastLi = ul.find('li:last-child');
//When user move mouse over menu
div.mousemove(function(e){
//As images are loaded ul width increases,
//so we recalculate it each time
var ulHeight = lastLi[0].offsetTop + lastLi.outerHeight() + ulPadding;
var top = (e.pageY - div.offset().top-184) * (ulHeight-divHeight) / (divHeight);
div.scrollTop(top);
});
/*скролл для левой колонки*/
});
</script>
<!--[if IE]><![endif]><![endif]-->
<!--[if IE 6]>
<script src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script>
/* EXAMPLE */
DD_belatedPNG.fix('.png_bg');
/* string argument can be any CSS selector */
/* .png_bg example is unnecessary */
/* change it to what suits you! */
</script>
<script type="text/javascript">
$(document).ready(function(){
/*скролл для левой колонки*/
var div = $('div.sc_menu'),
ul = $('ul.sc_menu'),
ulPadding = -180;
div.scrollTop(80);
//Get menu width
var divHeight = div.height()-368;
//Remove scrollbars
div.css({overflow: 'hidden'});
//Find last image container
var lastLi = ul.find('li:last-child');
//When user move mouse over menu
div.mousemove(function(e){
//As images are loaded ul width increases,
//so we recalculate it each time
var ulHeight = lastLi[0].offsetTop + lastLi.outerHeight() + ulPadding;
var top = (e.pageY - div.offset().top-184) * (ulHeight-divHeight) / (divHeight);
div.scrollTop(top);
});
/*скролл для левой колонки*/
});
</script>
<![endif]-->
</head>
<body>
<div id="supersize">
<a><img src="images/cont.png" alt="" /></a>
</div>
<div id="page">
<div class="scrol">
<div class="text-block kontakti">
<p>Компания Quizas производит мыло ручной работы, шипучие шарики для ванн, натуральная косметика ручной работы. Обратившись к нам, вы получите информацию по любым вопросам, связанным с нашей продукцией, например о условиях поставки и скидках на оптовые заказы.</p>
<h3>Любые вопросы</h3>
<h4>+7 495 726-08-75</h4>
<h3>Адрес электронной почты</h3>
<h4>mailbox@quizas.ru</h4>
<p>Мы будем благодарны вам за любую информацию и предложения по нашей продукции, точках продаж и качеству обслуживания</p>
<h3>Адрес главного склада продукции</h3>
<h4>Москва, ул. Магистральная, д.6, стр.3</h4>
<p>(<a href="#" title="#">версия для печати схемы проезда и адреса главного склада</a>)</p>
</div>
<div class="forma-svyazi">
<form class="text-block" action="action" method="get">
<table>
<tr>
<td colspan="2"><h3>По вопросам сотрудничества или оптовых закупок, заполните эту форму:</h3></td>
</tr>
<tr>
<td><label for="input-t-1">Представьтесь, пожалуйста</label></td>
<td><div><input type="text" id="input-t-1" name="" value="Enter Text" /><em>ваше имя и фамилия</em><b>*</b></div></td>
</tr>
<tr>
<td><label for="input-t-2">Ваш e-mail</label></td>
<td><div><input type="text" id="input-t-2" name="" value="Enter Text" /><em>для обратной связи</em><b>*</b></div></td>
</tr>
<tr>
<td><label for="input-t-3">Контактный телефон</label></td>
<td><div><input type="text" id="input-t-3" name="" value="Enter Text" /><em>при необходимости мы перезвоним</em><b>*</b></div></td>
</tr>
<tr>
<td><label for="input-t-4">Город</label></td>
<td><div><input type="text" id="input-t-4" name="" value="Enter Text" /><em>откуда вы</em><b>*</b></div></td>
</tr>
<tr>
<td><label for="input-t-5">Название компании</label></td>
<td><div><input type="text" id="input-t-5" name="" value="Enter Text" /><em>если вы представляете организацию</em></div></td>
</tr>
<tr>
<td><label for="select-1">Тема вопроса</label></td>
<td>
<div>
<select id="select-1" name="">
<option value="value">Select One</option>
<option value="value">Select One</option>
<option value="value">Select One</option>
</select><big>*</big>
<em>запрос/вопрос/предложение</em>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<div>
<label for="textarea-1">Текст сообщения</label>
<textarea id="textarea-1" name="" cols="30" rows="10">Все сообщения, отправленные с сайта, рассматриваются в кратчайшие сроки.</textarea>
</div>
</td>
</tr>
<tr>
<td colspan="2" align="center"><input id="input-s-1" type="submit" value="Отправить" /></td>
</tr>
</table>
</form>
</div>
<div class="set"></div>
</div>
</div>
<div id="top">
<div id="header">
<div id="logo"><a href="#" title="#"><img src="images/logo.png" alt="Quizas" /></a></div>
<div id="title">Натуральная косметика ручной работы</div>
<div class="set"></div>
</div>
<div class="png_bg popap-1 popap-2">
<div class="rel">
<h2 class="h201 h202" id="faq"><span>КОНТАКТЫ</span></h2>
</div>
</div>
</div>
<div id="footer">
<div class="footer">
<div class="fl" id="f-1">
<ul class="m-1">
<li><strong>«</strong></li>
<li><a href="#" title="#">Продукция</a></li>
<li><a href="#" title="#">Quizas</a></li>
<li><a href="#" title="#">Где приобрести</a></li>
<li><a href="#" title="#">Контакты</a></li>
</ul>
</div>
<div class="fr" id="f-2"><span>РУССКИЙ</span><a href="#" title="#">ENGLISH</a></div>
<div class="set"></div>
<div class="bord"></div>
<div class="fl" id="f-3">
© 2010 «Neotex, Москва». Вся продукция сертифицирована.
</div>
<div class="fr" id="f-4">
разработка и дизайн <a href="#" title="#">5points</a>
</div>
</div>
</div>
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>