robonen/metr
1
0
Fork 0
mirror of https://github.com/robonen/metr.git synced 2026-03-20 10:54:41 +00:00
Code Releases Activity
Files
4e39df490af5a4dc599db68df1c9ec5ac89cebb3
metr/frontend/raw/Catalog.html
Konstantin Vinokurov 2825c1a4c8 +Vue +edited backend
2022-05-31 00:39:24 +07:00

192 lines
8.4 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/catalog.css">
<title>Metr</title>
</head>
<body>
<header class="header">
<div class="container">
<div class="header__table">
<div class="header__image"></div>
<div class="header__block">
<div class="header__block__content">
<img src="assets/images/location.png" alt="">
<a class="nav__link_tomsk" href="#">Томск</a>
</div>
</div>
<div class="header__block">
<div class="header__block__contenttop">
<a class="nav__link" href="#">каталог</a>
</div>
<div class="header__block__contentdown">
<a class="nav__link" href="#">блог</a>
</div>
</div>
<div class="header__block">
<div class="header__block__contenttop">
<a class="nav__link" href="#">контакты</a>
</div>
<div class="header__block__contentdown">
<a class="nav__link" href="#">помощь</a>
</div>
</div>
<div class="header__search">
<div class="search">
<div class="search__block">
</div>
<div class="search__img">
<a class="nav__link" href="#">
<img src="assets/images/search.jpg" alt="">
</a>
</div>
</div>
</div>
<div class="header__contacts">
<div class="header__contacts__imgtop">
<a class="nav__link" href="#">
<img src="assets/images/tell.jpg" alt="">
</a>
</div>
<div class="header__contacts__img">
<a class="nav__link" href="#">
<img src="assets/images/user.jpg" alt="">
</a>
</div>
</div>
</div>
</div>
</header>
<div class="prm__flat">
<div class="prm__flat__block"><a href=""><h4>Квартира</h4></a>
<div class="prm__img">
<img src="assets/images/galka.png" alt="">
</div>
</div>
<div class="prm__flat__block"><a href=""><h4>Комната</h4></a>
<div class="prm__img">
<img src="assets/images/galka.png" alt="">
</div>
</div>
<div class="prm__flat__block"><a href=""><h4>Дом, дача</h4></a>
<div class="prm__img">
<img src="assets/images/galka.png" alt="">
</div>
</div>
<div class="prm__flat__block"><a href=""><h4>Коттедж</h4></a>
<div class="prm__img">
<img src="assets/images/galka.png" alt="">
</div>
</div>
</div>
<div class="prm__buy">
<div class="prm__flat__block"><a href=""><h4>Купить</h4></a>
<div class="prm__img">
<img src="assets/images/galka.png" alt="">
</div>
</div>
<div class="prm__flat__block"><a href=""><h4>Продать</h4></a>
<div class="prm__img">
<img src="assets/images/galka.png" alt="">
</div>
</div>
</div>
<div class="prm__komnaty">
<div class="prm__flat__block"><a href=""><h4>Студия</h4></a>
<div class="prm__img">
<img src="assets/images/galka.png" alt="">
</div>
</div>
<div class="prm__flat__block"><a href=""><h4>1 комната</h4></a>
<div class="prm__img">
<img src="assets/images/galka.png" alt="">
</div>
</div>
<div class="prm__flat__block"><a href=""><h4>2 комнаты</h4></a>
<div class="prm__img">
<img src="assets/images/galka.png" alt="">
</div>
</div>
<div class="prm__flat__block"><a href=""><h4>3 комнаты и более</h4></a>
<div class="prm__img">
<img src="assets/images/galka.png" alt="">
</div>
</div>
</div>
<div class="prm__price">
<div class="prm__flat__block">
<input class="price"type="text"><a href=""><h4>От</h4></a>
<input class="price"type="text"><a href=""><h4>До</h4></a>
</div>
</div>
<section class="suggestions">
<div class="suggestions__title">
<h3 class="newhome">Найти недвижимость</h3>
</div>
<div class="parametrs__block">
<div class="prm__top">
<div class="parametrs">
<div class="prm">
<div class="prm__inside">
<div class="prm__text"><h2>Квартира</h2></div>
<a href="#"><img src="assets/images/arrow.png" alt=""></a>
</div>
</div>
<div class="prm">
<div class="prm__inside">
<div class="prm__text"><h2>Купить</h2></div>
<a href="#"><img src="assets/images/arrow.png" alt=""></a>
</div>
</div>
<div class="prm">
<div class="prm__inside">
<div class="prm__text"><h2>Комнаты</h2></div>
<a href="#"><img src="assets/images/arrow.png" alt=""></a>
</div>
</div>
<div class="prm">
<div class="prm__inside">
<div class="prm__text"><h2>Цена</h2></div>
<a href="#"><img src="assets/images/arrow.png" alt=""></a>
</div>
</div>
</div>
</div>
</div>
<div class="suggestions__images">
<div class="podlozhka">
<div class="sugg__img"><a class="gradient" href="#"><img src="assets/images/1.jpg" alt=""></a></div>
<div class="sugg__text"><p>2-к. Квартира, 34 м кв</p><h2>2 900 000₽</h2></div>
</div>
<div class="podlozhka">
<div class="sugg__img"><a class="gradient" href="#"><img src="assets/images/1.jpg" alt=""></a></div>
<div class="sugg__text"><p>3-к. Квартира, 34 м кв</p><h2>4 900 000₽</h2></div>
</div>
<div class="podlozhka">
<div class="sugg__img"><a class="gradient" href="#"><img src="assets/images/3.jpg" alt=""></a></div>
<div class="sugg__text"><p>1-к. Квартира, 34 м кв</p><h2>1 900 000₽</h2></div>
</div>
<div class="podlozhka">
<div class="sugg__img"><a class="gradient" href="#"><img src="assets/images/4.jpg" alt=""></a></div>
<div class="sugg__text"><p>5-к. Квартира, 34 м кв</p><h2>10 900 000₽</h2></div>
</div>
<div class="podlozhka">
<div class="sugg__img"><a class="gradient" href="#"><img src="assets/images/6.jpg" alt=""></a></div>
<div class="sugg__text"><p>6-к. Квартира, 34 м кв</p><h2>15 900 000₽</h2></div>
</div>
<div class="podlozhka">
<div class="sugg__img"><a class="gradient" href="#"><img src="assets/images/6.jpg" alt=""></a></div>
<div class="sugg__text"><p>3-к. Квартира, 34 м кв</p><h2>5 900 000₽</h2></div>
</div>
</div>
</section>
</body>
</html>
View Git Blame Copy Permalink