index.html

<!doctype html>
<html lang="ru">
<head>
	<meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="theme-color" content="#5f62fa">
	<meta name="apple-mobile-web-app-status-bar-style" content="#5f62fa" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="description" content="Description">
	<meta name="keywords" content="key, words">

	<title>Home</title>
	<link rel="stylesheet" href="css/style.min.css">
	<script src="js/jquery-3.5.1.min.js"></script>
	<script src="js/jquery.maskedinput.min.js"></script>
</head>

<body class="loading">
	<div class="rt-loader">
		<div class="rt-loader__bar">
			
		</div>
		<div class="rt-loader__progress">
			<div class="rt-loader__logo"></div>
		</div>
		<div class="rt-loader__percent"></div>
	</div>
	<header class="rt-header">
		<div class="rt-header__logo">
			<a href="#" class="rt-header__logolink"></a>
		</div>
		<div class="rt-header__menu">
			<ul class="rt-header__menulist">
				<li class="rt-header__menuitem">
					<a href="#" class="rt-header__menulink">Описание</a>
				</li>
				<li class="rt-header__menuitem">
					<a href="#" class="rt-header__menulink">Локация</a>
				</li>
				<li class="rt-header__menuitem">
					<a href="#" class="rt-header__menulink">Смотрите также</a>
				</li>
				<li class="rt-header__menuitem">
					<a href="#" class="rt-header__menulink rt-header__menulink--active">Запись на просмотр</a>
				</li>
			</ul>
			
		</div>
		<button type="button" class="rt-header__bar"></button>
	</header>
	<div class="rt-section rt-section--bg-purple">
		<div class="rt-slider">
			<div class="rt-slider__container">
				<div class="rt-slider__slide">
					<div class="rt-slider__caption">
						<div class="rt-slider__title">Многофункциональный жилой квартал HEADLINER</div>
						<span class="rt-slider__subtitle">Сдача - 4 кв. 2022, есть данные</span>
					</div>
					<img src="images/slide-1.jpg" alt="" class="rt-slider__image" />
				</div>
				<div class="rt-slider__slide">
					<div class="rt-slider__caption">
						<div class="rt-slider__title">Slide 2</div>
						<span class="rt-slider__subtitle">Сдача - 4 кв. 2022, есть данные</span>
					</div>
					<img src="images/slide-2.jpg" alt="" class="rt-slider__image" />
				</div>
				<div class="rt-slider__slide">
					<div class="rt-slider__caption">
						<div class="rt-slider__title">Slide 3</div>
						<span class="rt-slider__subtitle">Сдача - 4 кв. 2022, есть данные</span>
					</div>
					<img src="images/slide-1.jpg" alt="" class="rt-slider__image" />
				</div>
				<div class="rt-slider__slide">
					<div class="rt-slider__caption">
						<div class="rt-slider__title">Slide 4</div>
						<span class="rt-slider__subtitle">Сдача - 4 кв. 2022, есть данные</span>
					</div>
					<img src="images/slide-2.jpg" alt="" class="rt-slider__image" />
				</div>
				<div class="rt-slider__slide">
					<div class="rt-slider__caption">
						<div class="rt-slider__title">Slide 5</div>
						<span class="rt-slider__subtitle">Сдача - 4 кв. 2022, есть данные</span>
					</div>
					<img src="images/slide-1.jpg" alt="" class="rt-slider__image" />
				</div>
			</div>
			<div class="rt-slider__nav">
				<ul class="rt-slider__navlist">
					<li class="rt-slider__navitem rt-slider__navitem--active">
						<a href="#" class="rt-slider__navlink"></a>
					</li>
					<li class="rt-slider__navitem">
						<a href="#" class="rt-slider__navlink"></a>
					</li>
					<li class="rt-slider__navitem">
						<a href="#" class="rt-slider__navlink"></a>
					</li>
					<li class="rt-slider__navitem">
						<a href="#" class="rt-slider__navlink"></a>
					</li>
					<li class="rt-slider__navitem">
						<a href="#" class="rt-slider__navlink"></a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="rt-section rt-sm-pv-8 rt-md-pv-12 rt-lg-pv-14">
		<div class="rt-container">
			<div class="rt-row">
				<div class="rt-col-4">
					<div class="rt-tabs">
						<div class="rt-tabs__header">
							<div class="rt-tabs__scroller">
								<ul class="rt-tabs__list">
									<li class="rt-tabs__item rt-tabs__item--active">
										<a href="#tab-1" class="rt-tabs__link">Плюсы и минусы</a>
									</li>
									<li class="rt-tabs__item">
										<a href="#tab-2" class="rt-tabs__link">Аэротур</a>
									</li>
									<li class="rt-tabs__item">
										<a href="#tab-3" class="rt-tabs__link">Планировки</a>
									</li>
									<li class="rt-tabs__item">
										<a href="#tab-4" class="rt-tabs__link">Застройщик</a>
									</li>
								</ul>
							
							</div>
						
						</div>
						<div class="rt-tabs__content">
							<div class="rt-tabs__tab rt-tabs__tab--active" id="tab-1">
								<div class="rt-row">
									<div class="rt-col-1 rt-col-md-2 rt-col-lg-2">
										<ul class="rt-list-pm rt-list-pm--plus">
											<li class="rt-list-pm__item">Приврекательная архитекутра</li>
											<li class="rt-list-pm__item">Большой выбор квартир</li>
											<li class="rt-list-pm__item">Поразительные виды из окон</li>
											<li class="rt-list-pm__item">Сложившийся район со всем необходимым</li>
											<li class="rt-list-pm__item">Сравнительно низкие цены</li>
										</ul>
									</div>
									<div class="rt-col-1 rt-col-md-2 rt-col-lg-2">
										<ul class="rt-list-pm rt-list-pm--minus">
											<li class="rt-list-pm__item">Недостаток собственной инфраструктуры</li>
											<li class="rt-list-pm__item">Частые пробки вокруг</li>
											<li class="rt-list-pm__item">Нелучшая экология</li>
										</ul>
									</div>
								</div>
							</div>
							<div class="rt-tabs__tab" id="tab-2">Tab 2</div>
							<div class="rt-tabs__tab" id="tab-3">Tab 3</div>
							<div class="rt-tabs__tab" id="tab-4">Tab 4</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="rt-section rt-section--bg-purple rt-sm-pv-8 rt-md-pv-12 rt-lg-pv-14">
		<div class="rt-container">
			<div class="rt-row">
				<div class="rt-col-lg-4">
					<div class="rt-cta">
						<div class="rt-cta__text">
							Запишитесь на просмотр и оцените все сами!
						</div>
						<button type="button" class="rt-cta__button">Записаться на просмотр</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="rt-section rt-sm-pt-8 rt-md-pt-12 rt-lg-pt-14">
		<div class="rt-container">
			<div class="rt-row">
				<div class="rt-col-1 rt-col-md-2 rt-col-lg-4">
					<div class="rt-section__title">Локация</div>
				</div>
				<div class="rt-col-1 rt-col-md-2 rt-col-lg-4">
					<div class="rt-location__address">Москва, ЦАО, Пресненский, Шмитовский проезд, вл. 39</div>
				</div>
				<div class="rt-col-1 rt-col-md-2 rt-col-lg-4">
					<div class="rt-location__distance">
						<div class="rt-location__metro rt-location__metro--lblue">
							<a href="#" class="rt-location__link">Шелепиха</a>
							<span class="rt-location__time">5 мин. пешком</span>
						</div>
						<div class="rt-location__metro rt-location__metro--lblue">
							<a href="#" class="rt-location__link">Фили</a>
							<span class="rt-location__time">6 мин. на транспорте</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="rt-map">
		<div class="rt-map__placeholder">
			<script async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Ad7cacf31368c9d6804cde7a53b078598e60991da3026c1674d7686fd5ce61ed7&amp;lang=ru_RU&amp;scroll=true"></script>
			<div class="rt-map__filter rt-map__filter--hidden">
				<div class="rt-map__list">
					<div class="rt-map__scroll">
					<div class="rt-field rt-mb-5">
						<label class="rt-checkbox rt-checkbox--white">
							<input type="checkbox" class="rt-checkbox__input" checked>
							<span class="rt-checkbox__thumb"></span>
							<span class="rt-checkbox__text">Школы</span>
						</label>

					</div>
					<div class="rt-field rt-mb-5">
						<label class="rt-checkbox rt-checkbox--white">
							<input type="checkbox" class="rt-checkbox__input" checked>
							<span class="rt-checkbox__thumb"></span>
							<span class="rt-checkbox__text">Аптеки</span>
						</label>

					</div>
					<div class="rt-field rt-mb-5">
						<label class="rt-checkbox rt-checkbox--white">
							<input type="checkbox" class="rt-checkbox__input">
							<span class="rt-checkbox__thumb"></span>
							<span class="rt-checkbox__text">Высшие учебные заведения</span>
						</label>

					</div>
					<div class="rt-field rt-mb-5">
						<label class="rt-checkbox rt-checkbox--white">
							<input type="checkbox" class="rt-checkbox__input">
							<span class="rt-checkbox__thumb"></span>
							<span class="rt-checkbox__text">Больницы</span>
						</label>

					</div>
					<div class="rt-field rt-mb-5">
						<label class="rt-checkbox rt-checkbox--white">
							<input type="checkbox" class="rt-checkbox__input" checked>
							<span class="rt-checkbox__thumb"></span>
							<span class="rt-checkbox__text">Магазины</span>
						</label>

					</div>
					<div class="rt-field rt-mb-5">
						<label class="rt-checkbox rt-checkbox--white">
							<input type="checkbox" class="rt-checkbox__input" checked>
							<span class="rt-checkbox__thumb"></span>
							<span class="rt-checkbox__text">Фитнес</span>
						</label>

					</div>
					<div class="rt-field rt-mb-5">
						<label class="rt-checkbox rt-checkbox--white">
							<input type="checkbox" class="rt-checkbox__input" checked>
							<span class="rt-checkbox__thumb"></span>
							<span class="rt-checkbox__text">Фитнес</span>
						</label>

					</div>
					<div class="rt-field rt-mb-5">
						<label class="rt-checkbox rt-checkbox--white">
							<input type="checkbox" class="rt-checkbox__input" checked>
							<span class="rt-checkbox__thumb"></span>
							<span class="rt-checkbox__text">Фитнес</span>
						</label>

					</div>
					<div class="rt-field rt-mb-5">
						<label class="rt-checkbox rt-checkbox--white">
							<input type="checkbox" class="rt-checkbox__input" checked>
							<span class="rt-checkbox__thumb"></span>
							<span class="rt-checkbox__text">Фитнес</span>
						</label>

					</div>
					<div class="rt-field rt-mb-5">
						<label class="rt-checkbox rt-checkbox--white">
							<input type="checkbox" class="rt-checkbox__input" checked>
							<span class="rt-checkbox__thumb"></span>
							<span class="rt-checkbox__text">Фитнес</span>
						</label>

					</div>
					<div class="rt-field rt-mb-5">
						<label class="rt-checkbox rt-checkbox--white">
							<input type="checkbox" class="rt-checkbox__input" checked>
							<span class="rt-checkbox__thumb"></span>
							<span class="rt-checkbox__text">Фитнес</span>
						</label>

					</div>
					<div class="rt-field rt-mb-5">
						<label class="rt-checkbox rt-checkbox--white">
							<input type="checkbox" class="rt-checkbox__input" checked>
							<span class="rt-checkbox__thumb"></span>
							<span class="rt-checkbox__text">Фитнес</span>
						</label>

					</div>
					<div class="rt-field rt-mb-5">
						<label class="rt-checkbox rt-checkbox--white">
							<input type="checkbox" class="rt-checkbox__input" checked>
							<span class="rt-checkbox__thumb"></span>
							<span class="rt-checkbox__text">Фитнес</span>
						</label>

					</div>
					<div class="rt-field">
						<label class="rt-checkbox rt-checkbox--white">
							<input type="checkbox" class="rt-checkbox__input" checked>
							<span class="rt-checkbox__thumb"></span>
							<span class="rt-checkbox__text">Фитнес</span>
						</label>

					</div>
					</div>
				</div>
			</div>
			<button class="rt-map__button"><span class="rt-map__btn-text">Объекты инфраструктуры</span></button>
		</div>
	</div>
	<div class="rt-section rt-sm-pb-8 rt-md-pb-12 rt-lg-pb-14">
		<div class="rt-container">
			<div class="rt-row">
				<div class="rt-col-lg-4">
					<div class="rt-section__title">Смотрите также</div>
				</div>
				<div class="rt-col-1 rt-col-md-1 rt-col-lg-1">
					<div class="rt-card">
						<a href="#" class="rt-card__picture">
							<div class="rt-card__bages">
								<div class="rt-bage">
									<div class="rt-bage__icon rt-bage__icon--roket"></div>
									<div class="rt-bage__text">Text bage</div>
								</div>
								<div class="rt-bage">
									<div class="rt-bage__icon rt-bage__icon--crown"></div>
									<div class="rt-bage__text">Text bage</div>
								</div>
							</div>
							<div class="rt-card__meta">
								<div class="rt-card__price">8 217 030 - 29 070 951</div>
								<div class="rt-card__count">569 квартир в продаже</div>
							</div>
							<img src="images/r-1.png" alt="ЖК &laquo;Level Стрешнево&raquo; (Level Стрешнево)" class="rt-card__image" />
							<div class="rt-card__overlay"></div>
						</a>
						<a href="#" class="rt-card__title">ЖК &laquo;Level Стрешнево&raquo; (Level Стрешнево)</a>
						<div class="rt-card__location">Москва, СВАО</div>
						<div class="rt-card__metro">
							<div class="rt-card__name rt-card__name--marker rt-card__name--orange">Алексеевская</div>
							<div class="rt-card__distance">5 мин</div>
						</div>
					</div>
				</div>
				<div class="rt-col-1 rt-col-md-1 rt-col-lg-1">
					<div class="rt-card">
						<a href="#" class="rt-card__picture">
							<div class="rt-card__bages">
								<div class="rt-bage">
									<div class="rt-bage__icon rt-bage__icon--sale"></div>
									<div class="rt-bage__text">Действуют скидки</div>
								</div>
							</div>
							<div class="rt-card__meta">
								<div class="rt-card__price">8 217 030 - 29 070 951</div>
								<div class="rt-card__count">569 квартир в продаже</div>
							</div>
							<img src="images/r-2.png" alt="ЖК &laquo;Новое Медведково&raquo;" class="rt-card__image" />
							<div class="rt-card__overlay"></div>
						</a>
						<a href="#" class="rt-card__title">ЖК &laquo;Новое Медведково&raquo;</a>
						<div class="rt-card__location">Москва, СВАО</div>
						<div class="rt-card__metro">
							<div class="rt-card__name rt-card__name--marker rt-card__name--orange">Алексеевская</div>
							<div class="rt-card__distance">5 мин</div>
						</div>
					</div>
				</div>
				<div class="rt-col-1 rt-col-md-1 rt-col-lg-1">
					<div class="rt-card">
						<a href="#" class="rt-card__picture">
							<div class="rt-card__bages">
							
							</div>
							<div class="rt-card__meta">
								<div class="rt-card__price">8 217 030 - 29 070 951</div>
								<div class="rt-card__count">569 квартир в продаже</div>
							</div>
							<img src="images/r-3.png" alt="ЖК &laquo;Люберецкий&raquo;" class="rt-card__image" />
							<div class="rt-card__overlay"></div>
						</a>
						<a href="#" class="rt-card__title">ЖК &laquo;Люберецкий&raquo;</a>
						<div class="rt-card__location">Москва, СВАО</div>
						<div class="rt-card__metro">
							<div class="rt-card__name rt-card__name--marker rt-card__name--orange">Алексеевская</div>
							<div class="rt-card__distance">5 мин</div>
						</div>
					</div>
				</div>
				<div class="rt-col-1 rt-col-md-1 rt-col-lg-1">
					<div class="rt-card">
						<a href="#" class="rt-card__picture">
							<div class="rt-card__bages">
							
							</div>
							<div class="rt-card__meta">
								<div class="rt-card__price">8 217 030 - 29 070 951</div>
								<div class="rt-card__count">569 квартир в продаже</div>
							</div>
							<img src="images/r-4.png" alt="ЖК &laquo;Измаловский лес&raquo;" class="rt-card__image" />
							<div class="rt-card__overlay"></div>
						</a>
						<a href="#" class="rt-card__title">ЖК &laquo;Измаловский лес&raquo;</a>
						<div class="rt-card__location">Москва, СВАО</div>
						<div class="rt-card__metro">
							<div class="rt-card__name rt-card__name--marker rt-card__name--orange">Алексеевская</div>
							<div class="rt-card__distance">5 мин</div>
						</div>
					</div>
				</div>
			
			</div>
		</div>
	</div>
	<div class="rt-section rt-section--bg-purple rt-sm-pv-8 rt-md-pv-12 rt-lg-pv-14">
		<div class="rt-splash"	>
			<div class="rt-splash__wrapper">
				<div class="rt-splash__icon">
				<div class="rt-checkmark">
					<div class="rt-checkmark__sign"></div>
					<div class="rt-checkmark__circle rt-checkmark__circle--top rt-checkmark__circle--a-50"></div>
					<div class="rt-checkmark__overlay"></div>
					<div class="rt-checkmark__circle rt-checkmark__circle--bottom rt-checkmark__circle--a-100"></div>
				</div>
				</div>
				<div class="rt-splash__text">
					<div class="rt-splash__title">Вы успешно записались на просмотр в ЖК Headliner!</div>
					<div class="rt-splash__subtitle">Мы ждем вас 16 сентября в 16:00</div>
				</div>
			</div>
		</div>
		<div class="rt-container">
			<div class="rt-row">
				<div class="rt-col-1 rt-col-md-2 rt-col-lg-2">
					<div class="rt-recorrding">
						<div class="rt-recording__title">
							Запишитесь на просмотр и оцените все сами!
						</div>
						<div class="rt-recording__form">
							<form id="form">
								<div class="rt-row">
									<div class="rt-col-1 rt-col-md-2 rt-col-lg-2">
										<div class="rt-field rt-mb-2">
											<input type="text" name="name" placeholder="Как вас зовут" class="rt-field__input" autocomplete="off" />
										</div>
									</div>
									<div class="rt-col-1 rt-col-md-1 rt-col-lg-1">
										<div class="rt-field rt-mb-2">
											<div class="rt-select">
												<select name="date">
													<option value="16-09-2020" selected>16 сентября</option>
													<option value="17-09-2020">17 сентября</option>
													<option value="18-09-2020">18 сентября</option>
													<option value="19-09-2020">19 сентября</option>
													<option value="20-09-2020">20 сентября</option>
													<option value="21-09-2020">21 сентября</option>
													<option value="22-09-2020">22 сентября</option>
													<option value="23-09-2020">23 сентября</option>
												</select>
											</div>
										</div>
									</div>
									<div class="rt-col-1 rt-col-md-1 rt-col-lg-1">
										<div class="rt-field rt-mb-2">
											<div class="rt-select">
												<select name="time">
													<option value="10">10:00</option>
													<option value="12">12:00</option>
													<option value="14">14:00</option>
													<option value="16">16:00</option>
													<option value="18">18:00</option>
													<option value="20">20:00</option>
												</select>

											</div>
										</div>
									</div>
									<div class="rt-col-1 rt-col-md-2 rt-col-lg-2">
										<div class="rt-field rt-mb-6">
											<input type="text" name="phone" placeholder="Ваш телефон" class="rt-field__input" autocomplete="off" />
										</div>
									</div>
									<div class="rt-col-1 rt-col-md-2 rt-col-lg-2">
										<div class="rt-field rt-mb-6">
											<label class="rt-checkbox rt-checkbox--yellow">
												<input type="checkbox" class="rt-checkbox__input">
												<span class="rt-checkbox__thumb"></span>
												<span class="rt-checkbox__text">Напомните мне за 2 часа до визита</span>
											</label>

										</div>
									</div>
									<div class="rt-col-1 rt-col-md-2 rt-col-lg-2">
										<div class="rt-field">
											<button type="button" class="rt-button" data-action="submit-form" disabled>Отправить</button>
										</div>
									</div>
								</div>
							</form>
						</div>
					
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer class="rt-footer">
		<div class="rt-container">
			<div class="rt-row">
				<div class="rt-col-1 rt-col-md-1 rt-col-lg-1">
					<div class="rt-footnav rt-footnav--collapsible">
						<h6 class="rt-footnav__title">Новостройки</h6>
						<ul class="rt-footnav__list">
							<li class="rt-footnav__item">
								<a href="#" class="rt-footnav__link">Квартиры в Москве</a>
							</li>
							<li class="rt-footnav__item">
								<a href="#" class="rt-footnav__link">Квартиры в Новой Москве</a>
							</li>
							<li class="rt-footnav__item">
								<a href="#" class="rt-footnav__link">Квартиры в Подмосковье</a>
							</li>
							<li class="rt-footnav__item">
								<a href="#" class="rt-footnav__link">В Москве</a>
							</li>
							<li class="rt-footnav__item">
								<a href="#" class="rt-footnav__link">В Подмосковье</a>
							</li>
							<li class="rt-footnav__item">
								<a href="#" class="rt-footnav__link">В Новой Москве</a>
							</li>
						</ul>
					</div>
					
				</div>
				<div class="rt-col-1 rt-col-md-1 rt-col-lg-1">
					<div class="rt-footnav rt-footnav--collapsible">
						<h6 class="rt-footnav__title">Популярное</h6>
						<ul class="rt-footnav__list">
							<li class="rt-footnav__item">
								<a href="#" class="rt-footnav__link">В рассрочку</a>
							</li>
							<li class="rt-footnav__item">
								<a href="#" class="rt-footnav__link">Военная ипотека</a>
							</li>
							<li class="rt-footnav__item">
								<a href="#" class="rt-footnav__link">До 4 млн.</a>
							</li>
							<li class="rt-footnav__item">
								<a href="#" class="rt-footnav__link">До 6 млн.</a>
							</li>
							<li class="rt-footnav__item">
								<a href="#" class="rt-footnav__link">Внутри МКАД</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="rt-col-1 rt-col-md-1 rt-col-lg-1">
					<div class="rt-footnav">
						<h6 class="rt-footnav__title">Рекламный отдел</h6>
						<ul class="rt-footnav__list">
							<li class="rt-footnav__item">
								<a href="tel:+74959874247" class="rt-footnav__link">+7 (495) 987-42-47 доб. 501</a>
							</li>
							<li class="rt-footnav__item">
								<a href="mailto:kp@novostroy-m.ru?subject=Subject&body=Text" class="rt-footnav__link">kp@novostroy-m.ru</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="rt-col-1 rt-col-md-1 rt-col-lg-1">
					<div class="rt-footcopy">
						<p>&copy; 2011 - 2020 Новомстрой-М<br>Все, что нужно знать о<br>новостройках</p>
					</div>
				</div>
			</div>
		</div>
	</footer>
	
	<script src="js/override.js"></script>
</body>
</html>