StGerman/gist:11257389

## gistfile1.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" lang="en">

<head>
  <title></title>
  <link rel="stylesheet" href="css/template.css" type="text/css" />
  <script language="JavaScript" src="js/jQuery.js" type="text/javascript"></script>
  <script language="JavaScript" src="js/script.js" type="text/javascript"></script>
  <script language="JavaScript" src="js/products.js" type="text/javascript"></script>
</head>
<body>
<div id="icons">
	<a href="" class="home"></a>
	<a href="" class="fb"></a>
	<a href="" class="vk"></a>
	<a href="" class="tw"></a>
	<a href="" class="ig"></a>
</div>
<div id="header">
	<ul>
		<li><a href="">Продажа</a></li>
		<li><a href="">Аренда</a></li>
		<li><a href="">Инструменты</a></li>
		<li><div>Ипотека</div></li>
		<li><a href="">Справочник</a></li>
		<li><a href="">Блог</a></li>
		<li><a href="">Идеальный дома</a></li>
		<li><a href="">Мой кабинет</a> <div class="new">7</div></li>
	</ul>
</div>
<div id="info">
	<div class="contain">
		<p>Ипотечный калькулятор «Квартблога» — это удобный инструмент, разработанный нами совместно с оператором кредитно-страховых услуг <a href="">«Юником24»</a>.</p>
		<a href="#" class="linkToggleDiv" rel="info"><span>Как работает калькулятор?</span></a>
		<div class="info">
			<div class="first">Вы вводите данные, которые необходимы нам для того, чтобы произвести нужные расчеты.</div>
			<div class="second">На основании этих данных мы подбираем существующие кредитные программы, которые наверняка подходят именно вам.</div>
			<div class="therd">В результате вы получаете значение реальной стоимости кредита для каждой из программ, по которым можете его взять.</div>
		</div>
	</div>
</div>
<table id="content">
	<tr>
		<td class="left" valign="top">
			<h2>Данные</h2>
			<form action="#" id="first" enctype="multipart/form-data" method="POST">
			<table width="100%" cellpadding="8" cellspacing="0">
				<tr>
					<td width="190">Стоимость объекта:</td>
					<td>
						<input number type="text" checkVal value="" name="priceObject" style="width: 145px;">
						<select name="valute">
							<option value="RUB">РУБ</option>
							<option value="EUR">EUR</option>
							<option value="USD">USD</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>Тип объекта:</td>
					<td><select style="width: 154px;" name="typeObject"><option>Вторичка</option><option>Новостройка</option></select></td>
				</tr>
				<tr>
					<td>Срок кредита:</td>
					<td><input checkVal value="" name="creditPeriod" type="text" style="width: 67px;" number >лет (максимум — 30) </td>
				</tr>
				<tr>
					<td>Первоначальный взнос:</td>
					<td>
						<input checkVal value="" name="primaryPayment" type="text" style="width: 145px;" number>
						<select name="valute">
							<option value="RUB">РУБ</option>
							<option value="EUR">EUR</option>
							<option value="USD">USD</option>
						</select>
					</td>
				</tr>
				<tr>
					<td align="right" style="padding-right: 20px;">или:</td>
					<td><input type="text" primaryPaymentPercent number style="width: 67px;">%</td>
				</tr>
				<tr class="bottomLine"><td colspan="2"></td></tr>
				<tr><td>Возраст заемщика:</td><td><input value="" checkVal type="text" name="age" style="width: 67px;" number > лет</td></tr>
				<tr><td>Общий стаж заемщика:</td><td><input value="" checkVal type="text" name="length" style="width: 67px;" number > месяцев</td></tr>
				<tr class="bottomLine"><td colspan="2"></td></tr>
				<tr>
					<td valign="top">Подтверждение дохода:</td>
					<td>
						<div><input type="checkbox"> 2НДФЛ</div>
						<div><input type="checkbox"> По форме банка</div>
						<div><input type="checkbox"> Другое</div>
						<div><input type="checkbox"> Без подтверждения</div>
					</td>
				</tr>
				<tr><td colspan="2">
					<div class="help"><a href="#" class="close"></a><div class="text">Возможность подтверждения дохода несколькими способами существенно увеличивает количество предложений от банков.</div></div>
				</td></tr>
				<tr class="bottomLine"><td colspan="2"></td></tr>
				<tr><td valign="top">Подходящие программы:</td><td><div><input type="checkbox"> Материнский капитал</div><div><input type="checkbox"> Молодая семья</div></td></tr>
				<tr><td colspan="2"><div class="help"><a href="#" class="close"></a><div class="text">Мы учитываем две программы покупки жилья,  предназначенные для льготных категорий граждан. Почитать об этих и остальных программах более подробно можно <a href="">в нашем справочнике</a>.</div></div></td></tr>
				<tr class="bottomLine"><td colspan="2"></td></tr>
				<tr><td valign="top">Страхование:</td>
					<td>
						<div><input type="checkbox" name="title"> Титульное <span class="raschet1"></span></div>
						<div><input type="checkbox" name="nedvizh" checked> Недвижимости <span class="raschet2"></span></div>
						<div><input type="checkbox" name="life"> Жизни/здоровья <span class="raschet3"></span></div>
					</td>
				</tr>
				<tr><td colspan="2"><div class="help"><a href="#" class="close"></a><div class="text">Отсутствие страховок почти всегда увеличивает процентную ставку по кредиту. Речь идет о страховании титула (риска утраты права собственности), собственно недвижимости от повреждения и уничтожения, а также своей жизни и своего здоровья.</div></div></td></tr>
				<tr class="bottomLine"><td colspan="2"></td></tr>
				<tr><td></td><td align="right"><input type="reset" value="Сброс"> <input type="submit" value="Рассчитать" /></td></tr>
				<tr><td colspan="2"><div class="help"><a href="#" class="close"></a><div class="text">При повторных расчетах вы сможете увидеть, как изменились показатели справа по сравнению с предыдущим результатом.</div></div></td></tr>
			</table>
			</form>
		</td>
		<td class="right" valign="top">
			<h2>Результат</h2>
			<div class="programms">
				<div class="title">Вам подходит</div>
				<a href="" class="rezult">128 программ</a>
			</div>
			<div style="margin: 0 0 15px 0; display: table;">Усредненные значения по ним:</div>
			<div class="stavka">
				<div class="title">Процентная ставка по кредиту:</div>
				<div class="rezult">12,3%</div>
				<div class="raznica up">3</div>
			</div>
			<div class="monthPlat">
				<div class="title">Ежемесячный платеж:</div>
				<div class="rezult">15 000 руб.</div>
				<div class="raznica down">12 000</div>
			</div>
			<div class="summKomis">
				<div class="title">Сумма комиссионных платежей:</div>
				<div class="rezult">15 000 руб.</div>
				<div class="raznica">12 000</div>
			</div>
			<div class="summPereplats">
				<div class="title">Сумма переплаты:</div>
				<div class="rezult">15 000 руб.</div>
				<div class="raznica">12 000</div>
			</div>
			<div class="fullStavka">
				<div class="title">Полная процентная ставка:</div>
				<div class="rezult">15%</div>
				<div class="raznica">2</div>
			</div>
		</td>
	</tr>
</table>
</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" lang="en">

	<head>
	<title></title>
	<link rel="stylesheet" href="css/template.css" type="text/css" />
	<script language="JavaScript" src="js/jQuery.js" type="text/javascript"></script>
	<script language="JavaScript" src="js/script.js" type="text/javascript"></script>
	<script language="JavaScript" src="js/products.js" type="text/javascript"></script>
	</head>
	<body>
	<div id="icons">
	<a href="" class="home"></a>
	<a href="" class="fb"></a>
	<a href="" class="vk"></a>
	<a href="" class="tw"></a>
	<a href="" class="ig"></a>
	</div>
	<div id="header">
	<ul>
	<li><a href="">Продажа</a></li>
	<li><a href="">Аренда</a></li>
	<li><a href="">Инструменты</a></li>
	<li><div>Ипотека</div></li>
	<li><a href="">Справочник</a></li>
	<li><a href="">Блог</a></li>
	<li><a href="">Идеальный дома</a></li>
	<li><a href="">Мой кабинет</a> <div class="new">7</div></li>
	</ul>
	</div>
	<div id="info">
	<div class="contain">
	<p>Ипотечный калькулятор «Квартблога» — это удобный инструмент, разработанный нами совместно с оператором кредитно-страховых услуг <a href="">«Юником24»</a>.</p>
	<a href="#" class="linkToggleDiv" rel="info"><span>Как работает калькулятор?</span></a>
	<div class="info">
	<div class="first">Вы вводите данные, которые необходимы нам для того, чтобы произвести нужные расчеты.</div>
	<div class="second">На основании этих данных мы подбираем существующие кредитные программы, которые наверняка подходят именно вам.</div>
	<div class="therd">В результате вы получаете значение реальной стоимости кредита для каждой из программ, по которым можете его взять.</div>
	</div>
	</div>
	</div>
	<table id="content">
	<tr>
	<td class="left" valign="top">
	<h2>Данные</h2>
	<form action="#" id="first" enctype="multipart/form-data" method="POST">
	<table width="100%" cellpadding="8" cellspacing="0">
	<tr>
	<td width="190">Стоимость объекта:</td>
	<td>
	<input number type="text" checkVal value="" name="priceObject" style="width: 145px;">
	<select name="valute">
	<option value="RUB">РУБ</option>
	<option value="EUR">EUR</option>
	<option value="USD">USD</option>
	</select>
	</td>
	</tr>
	<tr>
	<td>Тип объекта:</td>
	<td><select style="width: 154px;" name="typeObject"><option>Вторичка</option><option>Новостройка</option></select></td>
	</tr>
	<tr>
	<td>Срок кредита:</td>
	<td><input checkVal value="" name="creditPeriod" type="text" style="width: 67px;" number >лет (максимум — 30) </td>
	</tr>
	<tr>
	<td>Первоначальный взнос:</td>
	<td>
	<input checkVal value="" name="primaryPayment" type="text" style="width: 145px;" number>
	<select name="valute">
	<option value="RUB">РУБ</option>
	<option value="EUR">EUR</option>
	<option value="USD">USD</option>
	</select>
	</td>
	</tr>
	<tr>
	<td align="right" style="padding-right: 20px;">или:</td>
	<td><input type="text" primaryPaymentPercent number style="width: 67px;">%</td>
	</tr>
	<tr class="bottomLine"><td colspan="2"></td></tr>
	<tr><td>Возраст заемщика:</td><td><input value="" checkVal type="text" name="age" style="width: 67px;" number > лет</td></tr>
	<tr><td>Общий стаж заемщика:</td><td><input value="" checkVal type="text" name="length" style="width: 67px;" number > месяцев</td></tr>
	<tr class="bottomLine"><td colspan="2"></td></tr>
	<tr>
	<td valign="top">Подтверждение дохода:</td>
	<td>
	<div><input type="checkbox"> 2НДФЛ</div>
	<div><input type="checkbox"> По форме банка</div>
	<div><input type="checkbox"> Другое</div>
	<div><input type="checkbox"> Без подтверждения</div>
	</td>
	</tr>
	<tr><td colspan="2">
	<div class="help"><a href="#" class="close"></a><div class="text">Возможность подтверждения дохода несколькими способами существенно увеличивает количество предложений от банков.</div></div>
	</td></tr>
	<tr class="bottomLine"><td colspan="2"></td></tr>
	<tr><td valign="top">Подходящие программы:</td><td><div><input type="checkbox"> Материнский капитал</div><div><input type="checkbox"> Молодая семья</div></td></tr>
	<tr><td colspan="2"><div class="help"><a href="#" class="close"></a><div class="text">Мы учитываем две программы покупки жилья, предназначенные для льготных категорий граждан. Почитать об этих и остальных программах более подробно можно <a href="">в нашем справочнике</a>.</div></div></td></tr>
	<tr class="bottomLine"><td colspan="2"></td></tr>
	<tr><td valign="top">Страхование:</td>
	<td>
	<div><input type="checkbox" name="title"> Титульное <span class="raschet1"></span></div>
	<div><input type="checkbox" name="nedvizh" checked> Недвижимости <span class="raschet2"></span></div>
	<div><input type="checkbox" name="life"> Жизни/здоровья <span class="raschet3"></span></div>
	</td>
	</tr>
	<tr><td colspan="2"><div class="help"><a href="#" class="close"></a><div class="text">Отсутствие страховок почти всегда увеличивает процентную ставку по кредиту. Речь идет о страховании титула (риска утраты права собственности), собственно недвижимости от повреждения и уничтожения, а также своей жизни и своего здоровья.</div></div></td></tr>
	<tr class="bottomLine"><td colspan="2"></td></tr>
	<tr><td></td><td align="right"><input type="reset" value="Сброс"> <input type="submit" value="Рассчитать" /></td></tr>
	<tr><td colspan="2"><div class="help"><a href="#" class="close"></a><div class="text">При повторных расчетах вы сможете увидеть, как изменились показатели справа по сравнению с предыдущим результатом.</div></div></td></tr>
	</table>
	</form>
	</td>
	<td class="right" valign="top">
	<h2>Результат</h2>
	<div class="programms">
	<div class="title">Вам подходит</div>
	<a href="" class="rezult">128 программ</a>
	</div>
	<div style="margin: 0 0 15px 0; display: table;">Усредненные значения по ним:</div>
	<div class="stavka">
	<div class="title">Процентная ставка по кредиту:</div>
	<div class="rezult">12,3%</div>
	<div class="raznica up">3</div>
	</div>
	<div class="monthPlat">
	<div class="title">Ежемесячный платеж:</div>
	<div class="rezult">15 000 руб.</div>
	<div class="raznica down">12 000</div>
	</div>
	<div class="summKomis">
	<div class="title">Сумма комиссионных платежей:</div>
	<div class="rezult">15 000 руб.</div>
	<div class="raznica">12 000</div>
	</div>
	<div class="summPereplats">
	<div class="title">Сумма переплаты:</div>
	<div class="rezult">15 000 руб.</div>
	<div class="raznica">12 000</div>
	</div>
	<div class="fullStavka">
	<div class="title">Полная процентная ставка:</div>
	<div class="rezult">15%</div>
	<div class="raznica">2</div>
	</div>
	</td>
	</tr>
	</table>
	</body>
	</html>