<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Предварительная заявка</title>
<meta name="keywirds" content="" />
<meta name="description" content="" />
<link href="../images/favicons/favicon.png" rel="chortcut icon" type="image/x-icon" />
<link href="style-forma.css" rel="stylesheet" type="text/css" />
<style>
body {
    background: url(fon-post.jpg) no-repeat #1A2B33 fixed;
	-moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%; /* Современные браузеры */
}
.forma {
	background: #F7F7F7;
	border: 2px solid #066A75;
	border-radius: 20px;
	margin: 5px auto;
	padding: 15px;
	width: 360px;
}
#zayavka .forma {
	width: 90%;
}
.forma ul li{
	list-style: none;
	padding: 3px 0;
}
.forma span {
	color: #123456;
	font: 16px Tahoma;
}
.forma h1 {
	font: 28px Georgia;
	font-weight: bold;
	color: #066A75;
}
.forma h2 {
	font: 24px Tahoma;
	color: #000;
}
.forma h1, .forma h2, .forma p {
	text-indent: 35px;
}
.forma p {
	font: 18px;
	color: #123456;
	text-align: left;
	margin-bottom: 10px;
}
.forma .sp {
	font-weight:bold
}
.text-red,
.forma .text-red {
	color: red;
}
</style>
</head>
<body id="page">
<!-- Форма заявки -->
<div class="forma">
	<div id="zayavka">
		<div class="forma">
			<h1 align="left">Закажите услугу или задайте вопрос</h1>
			<h3>заполните необходимые поля</h3>
			<form name="predvarit-zakaz" method="post" action="../send.php">
				<ul>
					<li><span class="sp">Введите ваше ФИО или имя:</span><span class="text-red">*</span><br /><input type="text" name="name" maxlength="50" size="25" required /></li>
									
					<li><span class="sp">Введите ваш e-mail:</span><span class="text-red">*</span><br /><input type="email" name="email" maxlength="50" size="25" required /></li>
									
					<li><span class="sp">Введите ваш телефон:</span><br /><input type="text" name="phone" maxlength="25" size="25" /></li>
									
					<li><span class="sp">Другой вид связи с Вами:</span><br /><input type="text" name="chat" maxlength="255" size="25" /></li>
									
					<li><span class="sp">Укажите ваш сайт, если он у Вас есть:</span><br /><input type="text" name="site" maxlength="255" size="25" /></li>
					
					<li><span class="sp">Укажите, какие пакеты услуг Вас заинтересовали:</span><br /><input type="checkbox" name="pack1" value="Пакет № 1. Бесплатный аудит" /><span> Бесплатный аудит</span></li>
					<li><input type="checkbox" name="pack2" value="Продающий текст" /><span> Продающий текст</span></li>
					<li><input type="checkbox" name="pack3" value="Продающий текст и лендинг" /><span> Продающий текст и лендинг</span></li>
					<li><input type="checkbox" name="pack4" value="Продающий текст, лендинг и настройка рекламной кампании" /><span> Продающий текст, лендинг и настройка рекламной кампании</span></li>
					
					<li><span class="sp">Нужен ли Вам аудит для ваших РК или сайта?</span><span class="text-red">*</span><br /><input type="radio" name="service" value="Нет, не нужно!" required /><span> Нет, не нужно!</span></li>
					<li><input type="radio" name="service" value="Нужно, только для РК!" required /><span> Нужно, только для РК!</span></li>
					<li><input type="radio" name="service" value="Нужно, только для сайта!" required /><span> Нужно, только для сайта!</span></li>
					<li><input type="radio" name="service" value="Нужно и для РК, и для сайта!" required /><span> Нужно и для РК, и для сайта!</span></li>
					
					<li><span class="sp">Какой вид сотрудничества Вы планируете?</span><span class="text-red">*</span><br /><input type="radio" name="rabota" value="Мне нужна только разовая услуга!" required /><span> Мне нужна только разовая услуга!</span></li>
					<li><input type="radio" name="rabota" value="Предпочтительно долгосрочное сотрудничество!" required /><span> Предпочтительно долгосрочное сотрудничество!</span></li>
					<li><input type="radio" name="rabota" value="Другое (не определился, затрудняюсь ответить)" required /><span> Другое (пока не знаю, возможно)</span></li>
					<li><span class="sp">Коментарий (сообщение или вопрос):</span><br /><textarea name="comment" rows="4" cols="30"></textarea></li>
					<li><input type="checkbox" name="checkbox" value="Заказ (вопрос) от клиента" required /><span> Внося свои данные, Вы соглашаетесь с <a href="../soglasie.html" onclick="window.open('../soglasie.html','правилами обработки ваших персональных данных','width=500, height=520, left='+(screen.availWidth/2-250)+', top='+(screen.availHeight/2-260)+''); return false;">правилами обработки ваших персональных данных</a>.</span><span class="text-red">*</span></li>
					<li><input class="button" type="submit" value="Отправить!" /></li>
				</ul>
			</form>
		</div>
	</div>
</div>
<!-- /Форма заявки -->
</body>
</html>