kurashov1307
/
project


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
							<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title></title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
  <link href="https://fonts.googleapis.com/css?family=PT+Mono" rel="stylesheet">
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="media.css">
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
 </head>
 <body>
 <div id="wrapper">
		<div class="fx position">
			<a href="#header"><img src="./images/logo.PNG" alt="logo" class="logo"></a>
			<nav class="nav">
				<div class="menu-icon">
					<img src="./images/menu.png" alt="">
				</div>
				<ul class="menu" >
					<li><a href="#room">Комнаты</a></li>
					<li><a href="#dis">Дизайн</a></li>
					<li><a href="#place">Расположение</a></li>
					<li><a href="#">+380969966969</a></li>
				</ul>
			</nav>
		</div>	
	<header class="header" id="header">
		
		
		<div class="room" >
			<h2>Комнаты</h2>
			<a href="#" id="go" class="button button-one" >Купить сейчас</a>
		</div>
	</header>
	<div class="block-two" id="place">
		<img src="./images/1.JPG" alt="" class="image-two">
		<div class="content">
			<h2>Расположение</h2>
			<p>Расположенв  в южной частивосточного побережья Майорки, в  туристическом районе набережной Кала д'Ор, на вершине  склона. Открывается вид на пляж и сад патио. Находится в прибрежной зоне, близко к аэропорту. Находится в 10ти минутах от центральной улицы, со множеством сувенирных, фруктовых магазинчиков и бутиков с одеждой.</p>
			<a href="#" id="go" class="button button-two">Оставить заявку</a>
		</div>
		<img src="./images/2.PNG" class="image-three">
	</div>
	<div class="block-three" id="dis">
		<div class="dis">
			<h2>Дизайн</h2>
			<p>Весь дом выполнен исключительно дизайнером Стивом Меденом,он известен тем, что работает исключительно с экологически - чистыми материалами. 
			  </p><p> Более того в нем присутствует система естественнго  охлаждения благодаря многочисленным водоемами, бассейну и большим открытым стеклам, которое пускает солнце только в зимний период.
			</p>
		</div>
	</div>
	<div class="block-four" id="room">
		<div class="fx">
			<div class="content-four">
				<h2>Комнаты</h2>
				<p>Комныты дома, как и он сам выполнены из экологически чистых материалов, по всему периметру дома проходят панорамные окна 
					Всем конатам присушь минимализм.
				</p>
				<p>
					Все тона .пастельные, акцентом вявляются деревянные вставки, выполненые из  белого дуба 
				</p>
				<p>
					В доме два этажа. 
				</p>
				<p> На первом кухня, саузел,  большая зала. и комната для гостей.  На втором этаже три спальных комнаты, в каждой из них свой санузел и балкон, так же небольшой зал. 
				</p>
				<p>
					По мимио жилых комнат прачечная и гараж
				</p>
			
			</div>
			<img src="./images/3.JPG" alt="">
		</div>
		<img src="./images/4.PNG" class="image-four" alt="">
	</div>	
	<footer class="footer">
		<h2>Купи дом сейчас и получи ремонт бесплатно</h2>
		<form>
			<p><input type="text" placeholder="Имя"></p>
			<p><input type="text" placeholder="Телефон"></p>
			<p><input type="submit" value="Отправить" class="button-form"></p>
		</form>
		
	
	</footer>
<div id="modal_form"><!-- Сaмo oкнo --> 
    <span id="modal_close"><img src="./images/khrest.png" alt=""></span> <!-- Кнoпкa зaкрыть --> 
    <h2>Внимание</h2>
	<p>Оставьте ваши контактные данные и наш консультант свяжется с вами</p>
	<form>
		<p><input type="text" placeholder="Введите ваше имя"></p>
		<p><input type="email" placeholder="Введите ваш E-mail"></p>
		<p><input type="number" placeholder="Введите ваш телефон"></p>
		<p><input type="button" value="Отправить"></p>
	</form>
</div>
<div id="overlay"></div><!-- Пoдлoжкa -->
 </div>


<script src="main.js"></script>
 </body>
</html>