92 lines
3.9 KiB
HTML
92 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Not free houses, be ready to buy!</title>
|
|
<link href="https://fonts.googleapis.com/css?family=Concert+One|Lato" rel="stylesheet">
|
|
<link rel="stylesheet" href="main.css">
|
|
<link href="house.ico" rel="icon" type="image/x-icon" />
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<ul>
|
|
<li id="logo"><button><img src="house.svg"></button></li>
|
|
<li><a href="#intro" class="link">Intro</a></li>
|
|
<li><a href="#articles" class="link">Articles</a></li>
|
|
<li><a href="#pricing" class="link">Pricing</a></li>
|
|
<li><a href="#contacts" class="link">Contacts</a></li>
|
|
</ul>
|
|
</nav>
|
|
<header id="intro">
|
|
<div><h1>Hello, do you wanna have your own flat?</h1>
|
|
<h2>We know, you do. You're lucky, because here we can sell you the house of your dreams</h2></div>
|
|
<a href="#articles" class="link"><img src="arrow.svg" alt="scroll down to see more"></a>
|
|
</header>
|
|
<main id="articles">
|
|
<article>
|
|
<h1>Are you ready?</h1>
|
|
<p>Hello. Nice to see you here. Most likely, you live with your parents or rent a small flat in underbelly. It's time to change it. Have you ever dreamed to have your own large, spacious apartment in the center of your city? We can help you to realize your dream. Just look at our catalog and find your best place for living. We have the best price-quality ratio for every budget. After you chose, just call one of our operators and we will we will start processing of all documents.</p>
|
|
</article>
|
|
<article>
|
|
<h1>New Year — New Discounts</h1>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
|
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
|
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
</article>
|
|
<article>
|
|
<h1>We have been opened</h1>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
|
|
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
|
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
|
|
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
|
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
|
|
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
|
|
</article>
|
|
<article id="pricing">
|
|
<ul>
|
|
<li>
|
|
<img src="triangle.svg" />
|
|
<h2>Lite</h2>
|
|
<h3>$30000</h3>
|
|
<ul>
|
|
<li>Little flat</li>
|
|
<li>Necessary amenities</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<img src="square.svg" />
|
|
<h2>Medium</h2>
|
|
<h3>$500000</h3>
|
|
<ul>
|
|
<li>Nice houce</li>
|
|
<li>Garage</li>
|
|
<li>Little garden</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<img src="circle.svg" />
|
|
<h2>Prime</h2>
|
|
<h3>$1000000</h3>
|
|
<ul>
|
|
<li>Big cottage</li>
|
|
<li>Two grounds</li>
|
|
<li>Jacuzzi</li>
|
|
<li>Two garages</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</article>
|
|
</main>
|
|
<footer id="contacts">
|
|
<address><a href="https://www.google.ru/maps/place/Wyandotte,+MI+48192/@42.203647,-83.1901824,13z/data=!3m1!4b1!4m8!1m2!2m1!1s82+Oak+Meadow+Lane+Wyandotte,+MI+48192!3m4!1s0x883b30ca764d1d3d:0x2e0d7dd45fc6683b!8m2!3d42.204837!4d-83.15954">82 Oak Meadow Lane Wyandotte, MI 48192</a></address>
|
|
<a href="tel:14686058205">+1 (468) 605-8205</a>
|
|
<a href="mailto:meder@sbcglobal.net">meder@sbcglobal.net</a>
|
|
</footer>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
<script type="text/javascript" src="main.js"></script>
|
|
<!-- <script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script> -->
|
|
</body>
|
|
</html> |