legacy/pairent_frontend/Comparison.html

803 lines
49 KiB
HTML
Raw Normal View History

2023-04-28 11:35:58 +02:00
<!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, minimum-scale=1.0, maximum-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@500;600;700&display=swap" rel="stylesheet">
2023-04-28 12:47:49 +02:00
<link rel="stylesheet" href="src/styleComparison.css">
2023-04-28 11:35:58 +02:00
<title>Сравнения</title>
</head>
<body>
<header>
<section class="logoSection">
<!--Логотип-->
<a href="https://vvsu.ru">
2023-05-02 15:03:18 +02:00
<img src="./images/logo.png" alt="">
2023-04-28 11:35:58 +02:00
</a>
<div class="verticalLine"></div>
<!--Название сервиса-->
<h1>Pairent</h1>
<!--Кнопка локации-->
<a href="#">
<button class="btnLocation">
<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.88889 8.6665V12.9511L4.27722 13.854C4.14528 14.0487 3.85444 14.0487 3.7225 13.854L3.11111 12.9511V8.6665C3.39972 8.719 3.69611 8.75017 4 8.75017C4.30389 8.75017 4.60028 8.719 4.88889 8.6665ZM4 0C6.20917 0 8 1.76289 8 3.93758C8 6.11227 6.20917 7.87515 4 7.87515C1.79083 7.87515 0 6.11227 0 3.93758C0 1.76289 1.79083 0 4 0ZM4 2.07817C5.04167 2.07817 5.88889 2.91217 5.88889 3.93758C5.88889 4.1186 6.03833 4.26571 6.22222 4.26571C6.40611 4.26571 6.55556 4.1186 6.55556 3.93758C6.55556 2.5504 5.40889 1.4219 4 1.4219C3.81611 1.4219 3.66667 1.56902 3.66667 1.75003C3.66667 1.93105 3.81611 2.07817 4 2.07817Z" fill="#222222"/>
</svg>
Владивосток
</button>
</a>
</section>
<nav>
<!--Навигация-->
<div>
<a href="#">
<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.447 0.95727C12.7345 -0.502078 10.1877 -0.239583 8.61584 1.38226L8.00023 2.01663L7.38462 1.38226C5.8159 -0.239583 3.26595 -0.502078 1.55348 0.95727C-0.408984 2.63224 -0.512107 5.63843 1.24411 7.45403L7.29087 13.6977C7.68149 14.1008 8.31585 14.1008 8.70647 13.6977L14.7532 7.45403C16.5126 5.63843 16.4094 2.63224 14.447 0.95727Z"/>
</svg>
Избранное
</a>
</div>
<div>
<a href="#">
<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.4 9.33333H11.6C11.8 9.33333 12 9.1 12 8.86667V3.96667C12 3.73333 11.8 3.5 11.6 3.5H10.4C10.2 3.5 10 3.73333 10 3.96667V8.86667C10 9.1 10.2 9.33333 10.4 9.33333ZM13.4 9.33333H14.6C14.8 9.33333 15 9.1 15 8.86667V0.466667C15 0.233333 14.8 0 14.6 0H13.4C13.2 0 13 0.233333 13 0.466667V8.86667C13 9.1 13.2 9.33333 13.4 9.33333ZM4.4 9.33333H5.6C5.8 9.33333 6 9.1 6 8.86667V6.3C6 6.06667 5.8 5.83333 5.6 5.83333H4.4C4.2 5.83333 4 6.06667 4 6.3V8.86667C4 9.1 4.2 9.33333 4.4 9.33333ZM7.4 9.33333H8.6C8.8 9.33333 9 9.1 9 8.86667V1.63333C9 1.4 8.8 1.16667 8.6 1.16667H7.4C7.2 1.16667 7 1.4 7 1.63333V8.86667C7 9.1 7.2 9.33333 7.4 9.33333ZM15.5 11.6667H2V0.583333C2 0.261042 1.77625 0 1.5 0H0.5C0.22375 0 0 0.261042 0 0.583333V12.8333C0 13.4776 0.447812 14 1 14H15.5C15.7763 14 16 13.739 16 13.4167V12.25C16 11.9277 15.7763 11.6667 15.5 11.6667Z"/>
</svg>
Сравнения
</a>
</div>
<div>
<a href="#">
<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.5556 5C11.5556 2.2375 8.96944 0 5.77778 0C2.58611 0 0 2.2375 0 5C0 6.07188 0.391667 7.05937 1.05556 7.875C0.683333 8.81875 0.0694444 9.56875 0.0611111 9.57812C0 9.65 -0.0166667 9.75625 0.0194444 9.85C0.0555556 9.94375 0.133333 10 0.222222 10C1.23889 10 2.08056 9.61563 2.68611 9.21875C3.58056 9.70938 4.63889 10 5.77778 10C8.96944 10 11.5556 7.7625 11.5556 5ZM14.9444 11.875C15.6083 11.0625 16 10.0719 16 9C16 6.90938 14.5139 5.11875 12.4083 4.37187C12.4333 4.57812 12.4444 4.7875 12.4444 5C12.4444 8.30937 9.45278 11 5.77778 11C5.47778 11 5.18611 10.975 4.89722 10.9406C5.77222 12.7375 7.82778 14 10.2222 14C11.3611 14 12.4194 13.7125 13.3139 13.2188C13.9194 13.6156 14.7611 14 15.7778 14C15.8667 14 15.9472 13.9406 15.9806 13.85C16.0167 13.7594 16 13.6531 15.9389 13.5781C15.9306 13.5688 15.3167 12.8219 14.9444 11.875Z"/>
</svg>
Чаты
</a>
</div>
<!--Личный кабинет-->
<a href="#">
<button class="userIcon">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 0C7.16129 0 0 7.16129 0 16C0 24.8387 7.16129 32 16 32C24.8387 32 32 24.8387 32 16C32 7.16129 24.8387 0 16 0ZM16 6.19355C19.1355 6.19355 21.6774 8.73548 21.6774 11.871C21.6774 15.0065 19.1355 17.5484 16 17.5484C12.8645 17.5484 10.3226 15.0065 10.3226 11.871C10.3226 8.73548 12.8645 6.19355 16 6.19355ZM16 28.3871C12.2129 28.3871 8.81936 26.671 6.54839 23.9871C7.76129 21.7032 10.1355 20.129 12.9032 20.129C13.0581 20.129 13.2129 20.1548 13.3613 20.2C14.2 20.471 15.0774 20.6452 16 20.6452C16.9226 20.6452 17.8064 20.471 18.6387 20.2C18.7871 20.1548 18.9419 20.129 19.0968 20.129C21.8645 20.129 24.2387 21.7032 25.4516 23.9871C23.1806 26.671 19.7871 28.3871 16 28.3871Z" fill="#007EFF"/>
</svg>
</button>
</a>
</nav>
</header>
<main>
<!--Горизонтальная линия под шапкой-->
<div class="horizontalLine"></div>
<section class="titleSection">
<div class="titleSectionLeft">
<!--Кнопка "вернуться назад"-->
<button class="btnBack">
<svg width="10" height="16" viewBox="0 0 10 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.265172 7.37804L7.59868 0.257485C7.95225 -0.0858284 8.5258 -0.0858284 8.87936 0.257485L9.73478 1.08811C10.088 1.43105 10.0883 1.98651 9.73629 2.33019L3.92419 7.99982L9.73591 13.6698C10.0883 14.0135 10.0876 14.5689 9.7344 14.9119L8.87898 15.7425C8.52542 16.0858 7.95187 16.0858 7.59831 15.7425L0.265172 8.62159C-0.0883908 8.27828 -0.0883908 7.72135 0.265172 7.37804Z" fill="#CCCCCC"/>
</svg>
Вернуться назад
</button>
<!--Заголовок страницы-->
<h2>Сравнения квартир</h2>
</div>
<!--Кнопки "предыдущая" и "следующая"-->
<div class="titleSectionRight">
<button class="btnPrevious">
<svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.238707 8.62179L6.83881 15.7424C7.15713 16.0859 7.6732 16.0859 7.99148 15.7424L8.76127 14.9119C9.07904 14.5691 9.07965 14.0134 8.76263 13.6698L3.53193 7.99998L8.76263 2.33019C9.07965 1.98655 9.07904 1.43091 8.76127 1.08808L7.99148 0.257567C7.67316 -0.0858556 7.15709 -0.0858556 6.83881 0.257567L0.238741 7.37821C-0.0795746 7.72159 -0.0795746 8.27837 0.238707 8.62179Z" fill="black"/>
</svg>
</button>
<button class="btnNext">
<svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.76129 8.62179L2.16119 15.7424C1.84287 16.0859 1.3268 16.0859 1.00852 15.7424L0.238729 14.9119C-0.0790435 14.5691 -0.0796547 14.0134 0.237371 13.6698L5.46807 7.99998L0.237371 2.33019C-0.0796547 1.98655 -0.0790435 1.43091 0.238729 1.08808L1.00852 0.257567C1.32684 -0.0858556 1.84291 -0.0858556 2.16119 0.257567L8.76126 7.37821C9.07957 7.72159 9.07957 8.27837 8.76129 8.62179Z" fill="black"/>
</svg>
</button>
</div>
</section>
<!--Добавленные для сравнения квартиры-->
<section class="apartmentSection">
<div class="apartmentTittle">
<!--Наименования-->
<h3 class="photo">Фото</h3>
<h3 class="cost">Стоимость</h3>
<h3 class="address">Адрес</h3>
</div>
<!--Блок с квартирой-->
<div class="apartmentBlock">
<!--Фото квартиры-->
2023-05-09 04:26:41 +02:00
<img src="./images/Apartment.png" alt="">
2023-04-28 11:35:58 +02:00
<!--Стоимость квартиры-->
<h3>37 660 ₽ / мес.</h3>
<!--Адрес квартиры-->
<p class="addressApartment">Владивосток, Пушкина улица, 1А</p>
<!--Транспорт-->
<div class="transport">
<div class="transportBas">
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.0625 5.91797H18.75V4.04297C18.75 2.29297 14.875 0.917969 10 0.917969C5.125 0.917969 1.25 2.29297 1.25 4.04297V5.91797H0.9375C0.419922 5.91797 0 6.3375 0 6.85547V9.98047C0 10.498 0.419922 10.918 0.9375 10.918H1.25V17.168C1.25 17.8582 1.80977 18.418 2.5 18.418V19.668C2.5 20.3582 3.05977 20.918 3.75 20.918H5C5.69023 20.918 6.25 20.3582 6.25 19.668V18.418H13.75V19.668C13.75 20.3582 14.3098 20.918 15 20.918H16.25C16.9402 20.918 17.5 20.3582 17.5 19.668V18.418H17.75C18.375 18.418 18.75 17.918 18.75 17.418V10.918H19.0625C19.5801 10.918 20 10.498 20 9.98047V6.85547C20 6.3375 19.5801 5.91797 19.0625 5.91797ZM4.375 16.543C3.68477 16.543 3.125 15.9832 3.125 15.293C3.125 14.6027 3.68477 14.043 4.375 14.043C5.06523 14.043 5.625 14.6027 5.625 15.293C5.625 15.9832 5.06523 16.543 4.375 16.543ZM5 12.168C4.30977 12.168 3.75 11.6082 3.75 10.918V5.91797C3.75 5.22773 4.30977 4.66797 5 4.66797H15C15.6902 4.66797 16.25 5.22773 16.25 5.91797V10.918C16.25 11.6082 15.6902 12.168 15 12.168H5ZM15.625 16.543C14.9348 16.543 14.375 15.9832 14.375 15.293C14.375 14.6027 14.9348 14.043 15.625 14.043C16.3152 14.043 16.875 14.6027 16.875 15.293C16.875 15.9832 16.3152 16.543 15.625 16.543Z" fill="#A9A9A9"/>
</svg>
<!--Время транспорта-->
<p>10 мин</p>
</div>
<div class="transportSubway">
<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 3.75V13.75C18 15.774 15.524 17.5 12.7759 17.5L15.3063 19.4422C15.5453 19.6257 15.411 20 15.1071 20H2.89286C2.58838 20 2.45523 19.6252 2.69369 19.4422L5.2241 17.5C2.48384 17.5 0 15.7795 0 13.75V3.75C0 1.67895 2.57143 0 5.14286 0H12.8571C15.4687 0 18 1.67895 18 3.75ZM8.03571 9.0625V4.6875C8.03571 4.16973 7.604 3.75 7.07143 3.75H2.89286C2.36029 3.75 1.92857 4.16973 1.92857 4.6875V9.0625C1.92857 9.58027 2.36029 10 2.89286 10H7.07143C7.604 10 8.03571 9.58027 8.03571 9.0625ZM16.0714 9.0625V4.6875C16.0714 4.16973 15.6397 3.75 15.1071 3.75H10.9286C10.396 3.75 9.96429 4.16973 9.96429 4.6875V9.0625C9.96429 9.58027 10.396 10 10.9286 10H15.1071C15.6397 10 16.0714 9.58027 16.0714 9.0625ZM14.1429 11.25C13.0777 11.25 12.2143 12.0895 12.2143 13.125C12.2143 14.1605 13.0777 15 14.1429 15C15.208 15 16.0714 14.1605 16.0714 13.125C16.0714 12.0895 15.208 11.25 14.1429 11.25ZM3.85714 11.25C2.79201 11.25 1.92857 12.0895 1.92857 13.125C1.92857 14.1605 2.79201 15 3.85714 15C4.92228 15 5.78571 14.1605 5.78571 13.125C5.78571 12.0895 4.92228 11.25 3.85714 11.25Z" fill="#A9A9A9"/>
</svg>
<!--Время транспорта-->
<p>15 мин</p>
</div>
</div>
<!--Кнопка "показать контакты"-->
<button class="btnContact">Показать контакты</button>
</div>
<!--Блок с квартирой-->
<div class="apartmentBlock">
<!--Фото квартиры-->
2023-05-09 04:26:41 +02:00
<img src="./images/Apartment.png" alt="">
2023-04-28 11:35:58 +02:00
<!--Стоимость квартиры-->
<h3>37 660 ₽ / мес.</h3>
<!--Адрес квартиры-->
<p class="addressApartment">Владивосток, Пушкина улица, 1А</p>
<!--Транспорт-->
<div class="transport">
<div class="transportBas">
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.0625 5.91797H18.75V4.04297C18.75 2.29297 14.875 0.917969 10 0.917969C5.125 0.917969 1.25 2.29297 1.25 4.04297V5.91797H0.9375C0.419922 5.91797 0 6.3375 0 6.85547V9.98047C0 10.498 0.419922 10.918 0.9375 10.918H1.25V17.168C1.25 17.8582 1.80977 18.418 2.5 18.418V19.668C2.5 20.3582 3.05977 20.918 3.75 20.918H5C5.69023 20.918 6.25 20.3582 6.25 19.668V18.418H13.75V19.668C13.75 20.3582 14.3098 20.918 15 20.918H16.25C16.9402 20.918 17.5 20.3582 17.5 19.668V18.418H17.75C18.375 18.418 18.75 17.918 18.75 17.418V10.918H19.0625C19.5801 10.918 20 10.498 20 9.98047V6.85547C20 6.3375 19.5801 5.91797 19.0625 5.91797ZM4.375 16.543C3.68477 16.543 3.125 15.9832 3.125 15.293C3.125 14.6027 3.68477 14.043 4.375 14.043C5.06523 14.043 5.625 14.6027 5.625 15.293C5.625 15.9832 5.06523 16.543 4.375 16.543ZM5 12.168C4.30977 12.168 3.75 11.6082 3.75 10.918V5.91797C3.75 5.22773 4.30977 4.66797 5 4.66797H15C15.6902 4.66797 16.25 5.22773 16.25 5.91797V10.918C16.25 11.6082 15.6902 12.168 15 12.168H5ZM15.625 16.543C14.9348 16.543 14.375 15.9832 14.375 15.293C14.375 14.6027 14.9348 14.043 15.625 14.043C16.3152 14.043 16.875 14.6027 16.875 15.293C16.875 15.9832 16.3152 16.543 15.625 16.543Z" fill="#A9A9A9"/>
</svg>
<p>10 мин</p>
</div>
<div class="transportSubway">
<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 3.75V13.75C18 15.774 15.524 17.5 12.7759 17.5L15.3063 19.4422C15.5453 19.6257 15.411 20 15.1071 20H2.89286C2.58838 20 2.45523 19.6252 2.69369 19.4422L5.2241 17.5C2.48384 17.5 0 15.7795 0 13.75V3.75C0 1.67895 2.57143 0 5.14286 0H12.8571C15.4687 0 18 1.67895 18 3.75ZM8.03571 9.0625V4.6875C8.03571 4.16973 7.604 3.75 7.07143 3.75H2.89286C2.36029 3.75 1.92857 4.16973 1.92857 4.6875V9.0625C1.92857 9.58027 2.36029 10 2.89286 10H7.07143C7.604 10 8.03571 9.58027 8.03571 9.0625ZM16.0714 9.0625V4.6875C16.0714 4.16973 15.6397 3.75 15.1071 3.75H10.9286C10.396 3.75 9.96429 4.16973 9.96429 4.6875V9.0625C9.96429 9.58027 10.396 10 10.9286 10H15.1071C15.6397 10 16.0714 9.58027 16.0714 9.0625ZM14.1429 11.25C13.0777 11.25 12.2143 12.0895 12.2143 13.125C12.2143 14.1605 13.0777 15 14.1429 15C15.208 15 16.0714 14.1605 16.0714 13.125C16.0714 12.0895 15.208 11.25 14.1429 11.25ZM3.85714 11.25C2.79201 11.25 1.92857 12.0895 1.92857 13.125C1.92857 14.1605 2.79201 15 3.85714 15C4.92228 15 5.78571 14.1605 5.78571 13.125C5.78571 12.0895 4.92228 11.25 3.85714 11.25Z" fill="#A9A9A9"/>
</svg>
<p>15 мин</p>
</div>
</div>
<!--Кнопка "показать контакты"-->
<button class="btnContact">Показать контакты</button>
</div>
<!--Блок с квартирой-->
<div class="apartmentBlock">
<!--Фото квартиры-->
2023-05-09 04:26:41 +02:00
<img src="./images/Apartment.png" alt="">
2023-04-28 11:35:58 +02:00
<!--Стоимость квартиры-->
<h3>37 660 ₽ / мес.</h3>
<!--Адрес квартиры-->
<p class="addressApartment">Владивосток, Пушкина улица, 1А</p>
<!--Транспорт-->
<div class="transport">
<div class="transportBas">
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.0625 5.91797H18.75V4.04297C18.75 2.29297 14.875 0.917969 10 0.917969C5.125 0.917969 1.25 2.29297 1.25 4.04297V5.91797H0.9375C0.419922 5.91797 0 6.3375 0 6.85547V9.98047C0 10.498 0.419922 10.918 0.9375 10.918H1.25V17.168C1.25 17.8582 1.80977 18.418 2.5 18.418V19.668C2.5 20.3582 3.05977 20.918 3.75 20.918H5C5.69023 20.918 6.25 20.3582 6.25 19.668V18.418H13.75V19.668C13.75 20.3582 14.3098 20.918 15 20.918H16.25C16.9402 20.918 17.5 20.3582 17.5 19.668V18.418H17.75C18.375 18.418 18.75 17.918 18.75 17.418V10.918H19.0625C19.5801 10.918 20 10.498 20 9.98047V6.85547C20 6.3375 19.5801 5.91797 19.0625 5.91797ZM4.375 16.543C3.68477 16.543 3.125 15.9832 3.125 15.293C3.125 14.6027 3.68477 14.043 4.375 14.043C5.06523 14.043 5.625 14.6027 5.625 15.293C5.625 15.9832 5.06523 16.543 4.375 16.543ZM5 12.168C4.30977 12.168 3.75 11.6082 3.75 10.918V5.91797C3.75 5.22773 4.30977 4.66797 5 4.66797H15C15.6902 4.66797 16.25 5.22773 16.25 5.91797V10.918C16.25 11.6082 15.6902 12.168 15 12.168H5ZM15.625 16.543C14.9348 16.543 14.375 15.9832 14.375 15.293C14.375 14.6027 14.9348 14.043 15.625 14.043C16.3152 14.043 16.875 14.6027 16.875 15.293C16.875 15.9832 16.3152 16.543 15.625 16.543Z" fill="#A9A9A9"/>
</svg>
<p>10 мин</p>
</div>
<div class="transportSubway">
<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 3.75V13.75C18 15.774 15.524 17.5 12.7759 17.5L15.3063 19.4422C15.5453 19.6257 15.411 20 15.1071 20H2.89286C2.58838 20 2.45523 19.6252 2.69369 19.4422L5.2241 17.5C2.48384 17.5 0 15.7795 0 13.75V3.75C0 1.67895 2.57143 0 5.14286 0H12.8571C15.4687 0 18 1.67895 18 3.75ZM8.03571 9.0625V4.6875C8.03571 4.16973 7.604 3.75 7.07143 3.75H2.89286C2.36029 3.75 1.92857 4.16973 1.92857 4.6875V9.0625C1.92857 9.58027 2.36029 10 2.89286 10H7.07143C7.604 10 8.03571 9.58027 8.03571 9.0625ZM16.0714 9.0625V4.6875C16.0714 4.16973 15.6397 3.75 15.1071 3.75H10.9286C10.396 3.75 9.96429 4.16973 9.96429 4.6875V9.0625C9.96429 9.58027 10.396 10 10.9286 10H15.1071C15.6397 10 16.0714 9.58027 16.0714 9.0625ZM14.1429 11.25C13.0777 11.25 12.2143 12.0895 12.2143 13.125C12.2143 14.1605 13.0777 15 14.1429 15C15.208 15 16.0714 14.1605 16.0714 13.125C16.0714 12.0895 15.208 11.25 14.1429 11.25ZM3.85714 11.25C2.79201 11.25 1.92857 12.0895 1.92857 13.125C1.92857 14.1605 2.79201 15 3.85714 15C4.92228 15 5.78571 14.1605 5.78571 13.125C5.78571 12.0895 4.92228 11.25 3.85714 11.25Z" fill="#A9A9A9"/>
</svg>
<p>15 мин</p>
</div>
</div>
<!--Кнопка "показать контакты"-->
<button class="btnContact">Показать контакты</button>
</div>
<!--Блок с квартирой-->
<div class="apartmentBlock">
<!--Фото квартиры-->
2023-05-09 04:26:41 +02:00
<img src="./images/Apartment.png" alt="">
2023-04-28 11:35:58 +02:00
<!--Стоимость квартиры-->
<h3>37 660 ₽ / мес.</h3>
<!--Адрес квартиры-->
<p class="addressApartment">Владивосток, Пушкина улица, 1А</p>
<!--Транспорт-->
<div class="transport">
<div class="transportBas">
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.0625 5.91797H18.75V4.04297C18.75 2.29297 14.875 0.917969 10 0.917969C5.125 0.917969 1.25 2.29297 1.25 4.04297V5.91797H0.9375C0.419922 5.91797 0 6.3375 0 6.85547V9.98047C0 10.498 0.419922 10.918 0.9375 10.918H1.25V17.168C1.25 17.8582 1.80977 18.418 2.5 18.418V19.668C2.5 20.3582 3.05977 20.918 3.75 20.918H5C5.69023 20.918 6.25 20.3582 6.25 19.668V18.418H13.75V19.668C13.75 20.3582 14.3098 20.918 15 20.918H16.25C16.9402 20.918 17.5 20.3582 17.5 19.668V18.418H17.75C18.375 18.418 18.75 17.918 18.75 17.418V10.918H19.0625C19.5801 10.918 20 10.498 20 9.98047V6.85547C20 6.3375 19.5801 5.91797 19.0625 5.91797ZM4.375 16.543C3.68477 16.543 3.125 15.9832 3.125 15.293C3.125 14.6027 3.68477 14.043 4.375 14.043C5.06523 14.043 5.625 14.6027 5.625 15.293C5.625 15.9832 5.06523 16.543 4.375 16.543ZM5 12.168C4.30977 12.168 3.75 11.6082 3.75 10.918V5.91797C3.75 5.22773 4.30977 4.66797 5 4.66797H15C15.6902 4.66797 16.25 5.22773 16.25 5.91797V10.918C16.25 11.6082 15.6902 12.168 15 12.168H5ZM15.625 16.543C14.9348 16.543 14.375 15.9832 14.375 15.293C14.375 14.6027 14.9348 14.043 15.625 14.043C16.3152 14.043 16.875 14.6027 16.875 15.293C16.875 15.9832 16.3152 16.543 15.625 16.543Z" fill="#A9A9A9"/>
</svg>
<p>10 мин</p>
</div>
<div class="transportSubway">
<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 3.75V13.75C18 15.774 15.524 17.5 12.7759 17.5L15.3063 19.4422C15.5453 19.6257 15.411 20 15.1071 20H2.89286C2.58838 20 2.45523 19.6252 2.69369 19.4422L5.2241 17.5C2.48384 17.5 0 15.7795 0 13.75V3.75C0 1.67895 2.57143 0 5.14286 0H12.8571C15.4687 0 18 1.67895 18 3.75ZM8.03571 9.0625V4.6875C8.03571 4.16973 7.604 3.75 7.07143 3.75H2.89286C2.36029 3.75 1.92857 4.16973 1.92857 4.6875V9.0625C1.92857 9.58027 2.36029 10 2.89286 10H7.07143C7.604 10 8.03571 9.58027 8.03571 9.0625ZM16.0714 9.0625V4.6875C16.0714 4.16973 15.6397 3.75 15.1071 3.75H10.9286C10.396 3.75 9.96429 4.16973 9.96429 4.6875V9.0625C9.96429 9.58027 10.396 10 10.9286 10H15.1071C15.6397 10 16.0714 9.58027 16.0714 9.0625ZM14.1429 11.25C13.0777 11.25 12.2143 12.0895 12.2143 13.125C12.2143 14.1605 13.0777 15 14.1429 15C15.208 15 16.0714 14.1605 16.0714 13.125C16.0714 12.0895 15.208 11.25 14.1429 11.25ZM3.85714 11.25C2.79201 11.25 1.92857 12.0895 1.92857 13.125C1.92857 14.1605 2.79201 15 3.85714 15C4.92228 15 5.78571 14.1605 5.78571 13.125C5.78571 12.0895 4.92228 11.25 3.85714 11.25Z" fill="#A9A9A9"/>
</svg>
<p>15 мин</p>
</div>
</div>
<!--Кнопка "показать контакты"-->
<button class="btnContact">Показать контакты</button>
</div>
</section>
<!--Разделение секции-->
<div class="separation">
<p>Характеристики</p>
<div class="horizontalLine separationLine"></div>
</div>
<!--Характеристики-->
<section class="aboutSection characteristicsSection">
<!--Наименования характеристик-->
<div class="aboutTittle characteristicsTittle">
<h3>Количество комнат</h3>
<h3>Студия</h3>
<h3>Этаж</h3>
<h3>Общая площадь</h3>
<h3>Жилая</h3>
<h3>Санузел</h3>
<h3>Вид из окон</h3>
<h3>Балкон</h3>
</div>
<!--Характеристики квартиры-->
<div class="aboutBlock characteristicsBlock">
<!--Количество комнат-->
<p>1</p>
<!--Студия-->
<p class="notIndicated">Не указано</p>
<!--Этаж-->
<p>1 из 9</p>
<!--Общая площадь-->
<p>81,4 м²</p>
<!--Жилая-->
<p class="notIndicated">Не указано</p>
<!--Санузел-->
<p>Несколько</p>
<!--Вид из окон-->
<p>Во двор и на улицу</p>
<!--Балкон-->
<p class="notIndicated">Не указано</p>
</div>
<!--Характеристики квартиры-->
<div class="aboutBlock characteristicsBlock">
<!--Количество комнат-->
<p>1</p>
<!--Студия-->
<p class="notIndicated">Не указано</p>
<!--Этаж-->
<p>1 из 9</p>
<!--Общая площадь-->
<p>81,4 м²</p>
<!--Жилая-->
<p class="notIndicated">Не указано</p>
<!--Санузел-->
<p>Несколько</p>
<!--Вид из окон-->
<p>Во двор и на улицу</p>
<!--Балкон-->
<p class="notIndicated">Не указано</p>
</div>
<!--Характеристики квартиры-->
<div class="aboutBlock characteristicsBlock">
<!--Количество комнат-->
<p>1</p>
<!--Студия-->
<p class="notIndicated">Не указано</p>
<!--Этаж-->
<p>1 из 9</p>
<!--Общая площадь-->
<p>81,4 м²</p>
<!--Жилая-->
<p class="notIndicated">Не указано</p>
<!--Санузел-->
<p>Несколько</p>
<!--Вид из окон-->
<p>Во двор и на улицу</p>
<!--Балкон-->
<p class="notIndicated">Не указано</p>
</div>
<!--Характеристики квартиры-->
<div class="aboutBlock characteristicsBlock">
<!--Количество комнат-->
<p>1</p>
<!--Студия-->
<p class="notIndicated">Не указано</p>
<!--Этаж-->
<p>1 из 9</p>
<!--Общая площадь-->
<p>81,4 м²</p>
<!--Жилая-->
<p class="notIndicated">Не указано</p>
<!--Санузел-->
<p>Несколько</p>
<!--Вид из окон-->
<p>Во двор и на улицу</p>
<!--Балкон-->
<p class="notIndicated">Не указано</p>
</div>
</section>
<!--Разделение секции-->
<div class="separation">
<p>Удобства</p>
<div class="horizontalLine separationLine"></div>
</div>
<!--Удобства-->
<section class="aboutSection amenitiesSection">
<!--Наименования удобств-->
<div class="aboutTittle amenitiesTittle">
<h3>Телефон</h3>
<h3>Интернет</h3>
<h3>Мебель</h3>
<h3>Телевизор</h3>
<h3>Стиральная машина</h3>
<h3>Холодильник</h3>
<h3>Кондиционер</h3>
<h3>Встроенная техника</h3>
<h3>Посудомойка</h3>
<h3>Можно с детьми</h3>
<h3>Можно с животными</h3>
<h3>Свежий ремонт</h3>
</div>
<!--Удобства в квартире-->
<div class="aboutBlock amenitiesBlock">
<!--Телефон-->
<p class="notIndicated"></p>
<!--Интернет-->
<p class="notIndicated"></p>
<!--Мебель-->
<p class="notIndicated"></p>
<!--Телевизор-->
<p class="notIndicated"></p>
<!--Стиральная машина-->
<p class="notIndicated"></p>
<!--Холодильник-->
<p class="notIndicated"></p>
<!--Кондиционер-->
<p class="notIndicated"></p>
<!--Встроенная техника-->
<p class="notIndicated"></p>
<!--Посудомойка-->
<p class="notIndicated"></p>
<!--Можно с детьми-->
<p class="notIndicated"></p>
<!--Можно с животными-->
<p class="notIndicated"></p>
<!--Свежий ремонт-->
<p class="notIndicated"></p>
</div>
<!--Удобства в квартире-->
<div class="aboutBlock amenitiesBlock">
<!--Телефон-->
<p class="notIndicated"></p>
<!--Интернет-->
<p class="notIndicated"></p>
<!--Мебель-->
<p class="notIndicated"></p>
<!--Телевизор-->
<p class="notIndicated"></p>
<!--Стиральная машина-->
<p class="notIndicated"></p>
<!--Холодильник-->
<p class="notIndicated"></p>
<!--Кондиционер-->
<p class="notIndicated"></p>
<!--Встроенная техника-->
<p class="notIndicated"></p>
<!--Посудомойка-->
<p class="notIndicated"></p>
<!--Можно с детьми-->
<p class="notIndicated"></p>
<!--Можно с животными-->
<p class="notIndicated"></p>
<!--Свежий ремонт-->
<p class="notIndicated"></p>
</div>
<!--Удобства в квартире-->
<div class="aboutBlock amenitiesBlock">
<!--Телефон-->
<p class="notIndicated"></p>
<!--Интернет-->
<p class="notIndicated"></p>
<!--Мебель-->
<p class="notIndicated"></p>
<!--Телевизор-->
<p class="notIndicated"></p>
<!--Стиральная машина-->
<p class="notIndicated"></p>
<!--Холодильник-->
<p class="notIndicated"></p>
<!--Кондиционер-->
<p class="notIndicated"></p>
<!--Встроенная техника-->
<p class="notIndicated"></p>
<!--Посудомойка-->
<p class="notIndicated"></p>
<!--Можно с детьми-->
<p class="notIndicated"></p>
<!--Можно с животными-->
<p class="notIndicated"></p>
<!--Свежий ремонт-->
<p class="notIndicated"></p>
</div>
<!--Удобства в квартире-->
<div class="aboutBlock amenitiesBlock">
<!--Телефон-->
<p class="notIndicated"></p>
<!--Интернет-->
<p class="notIndicated"></p>
<!--Мебель-->
<p class="notIndicated"></p>
<!--Телевизор-->
<p class="notIndicated"></p>
<!--Стиральная машина-->
<p class="notIndicated"></p>
<!--Холодильник-->
<p class="notIndicated"></p>
<!--Кондиционер-->
<p class="notIndicated"></p>
<!--Встроенная техника-->
<p class="notIndicated"></p>
<!--Посудомойка-->
<p class="notIndicated"></p>
<!--Можно с детьми-->
<p class="notIndicated"></p>
<!--Можно с животными-->
<p class="notIndicated"></p>
<!--Свежий ремонт-->
<p class="notIndicated"></p>
</div>
</section>
<!--Разделение секции-->
<div class="separation">
<p>Сервисы</p>
<div class="horizontalLine separationLine"></div>
</div>
<!--Сервисы-->
<section class="aboutSection servicesSection">
<!--Наименования сервисов-->
<div class="aboutTittle servicesTittle">
<h3>Кафе</h3>
<h3>Ресторан</h3>
<h3>Аптека</h3>
<h3>Больница</h3>
<h3>Продуктовый</h3>
<h3>Магазин одежды</h3>
<h3>Кинотеатр</h3>
<h3>Парк</h3>
<h3>Комп. клуб</h3>
<h3>Банк</h3>
</div>
<!--Сервисы около квартиры-->
<div class="aboutBlock servicesBlock">
<!--Кафе-->
<p class="notIndicated"></p>
<!--Ресторан-->
<p class="notIndicated"></p>
<!--Аптека-->
<p class="notIndicated"></p>
<!--Больница-->
<p class="notIndicated"></p>
<!--Продуктовый-->
<p class="notIndicated"></p>
<!--Магазин одежды-->
<p class="notIndicated"></p>
<!--Кинотеатр-->
<p class="notIndicated"></p>
<!--Парк-->
<p class="notIndicated"></p>
<!--Комп. клуб-->
<p class="notIndicated"></p>
<!--Банк-->
<p class="notIndicated"></p>
</div>
<!--Сервисы около квартиры-->
<div class="aboutBlock servicesBlock">
<!--Кафе-->
<p class="notIndicated"></p>
<!--Ресторан-->
<p class="notIndicated"></p>
<!--Аптека-->
<p class="notIndicated"></p>
<!--Больница-->
<p class="notIndicated"></p>
<!--Продуктовый-->
<p class="notIndicated"></p>
<!--Магазин одежды-->
<p class="notIndicated"></p>
<!--Кинотеатр-->
<p class="notIndicated"></p>
<!--Парк-->
<p class="notIndicated"></p>
<!--Комп. клуб-->
<p class="notIndicated"></p>
<!--Банк-->
<p class="notIndicated"></p>
</div>
<!--Сервисы около квартиры-->
<div class="aboutBlock servicesBlock">
<!--Кафе-->
<p class="notIndicated"></p>
<!--Ресторан-->
<p class="notIndicated"></p>
<!--Аптека-->
<p class="notIndicated"></p>
<!--Больница-->
<p class="notIndicated"></p>
<!--Продуктовый-->
<p class="notIndicated"></p>
<!--Магазин одежды-->
<p class="notIndicated"></p>
<!--Кинотеатр-->
<p class="notIndicated"></p>
<!--Парк-->
<p class="notIndicated"></p>
<!--Комп. клуб-->
<p class="notIndicated"></p>
<!--Банк-->
<p class="notIndicated"></p>
</div>
<!--Сервисы около квартиры-->
<div class="aboutBlock servicesBlock">
<!--Кафе-->
<p class="notIndicated"></p>
<!--Ресторан-->
<p class="notIndicated"></p>
<!--Аптека-->
<p class="notIndicated"></p>
<!--Больница-->
<p class="notIndicated"></p>
<!--Продуктовый-->
<p class="notIndicated"></p>
<!--Магазин одежды-->
<p class="notIndicated"></p>
<!--Кинотеатр-->
<p class="notIndicated"></p>
<!--Парк-->
<p class="notIndicated"></p>
<!--Комп. клуб-->
<p class="notIndicated"></p>
<!--Банк-->
<p class="notIndicated"></p>
</div>
</section>
<!--Разделение секции-->
<div class="separation">
<p>О здании</p>
<div class="horizontalLine separationLine"></div>
</div>
<!--О здании-->
<section class="aboutSection buildingSection">
<!--Наименования характеристик здания-->
<div class="aboutTittle buildingTittle">
<h3>Тип здания</h3>
<h3>Год постройки дома</h3>
<h3>Высота потолков</h3>
<h3>Количество этажей</h3>
<h3>Количество квартир</h3>
<h3>Лифт</h3>
<h3>Мусоропровод</h3>
<h3>Парковка</h3>
<h3>Охрана или консьерж</h3>
<h3>Закрытая территория</h3>
</div>
<!--Характеристики здания-->
<div class="aboutBlock buildingBlock">
<!--Тип здания-->
<p>Монолитное</p>
<!--Год постройки дома-->
<p>2021</p>
<!--Высота потолков-->
<p>3,1 м</p>
<!--Количество этажей-->
<p>9</p>
<!--Количество квартир-->
<p class="notIndicated">Не указано</p>
<!--Лифт-->
<p>&#10003</p>
<!--Мусоропровод-->
<p class="notIndicated"></p>
<!--Парковка-->
<p>Закрытая</p>
<!--Охрана или консьерж-->
<p>&#10003</p>
<!--Закрытая территория-->
<p>&#10003</p>
</div>
<!--Характеристики здания-->
<div class="aboutBlock buildingBlock">
<!--Тип здания-->
<p>Монолитное</p>
<!--Год постройки дома-->
<p>2021</p>
<!--Высота потолков-->
<p>3,1 м</p>
<!--Количество этажей-->
<p>9</p>
<!--Количество квартир-->
<p class="notIndicated">Не указано</p>
<!--Лифт-->
<p>&#10003</p>
<!--Мусоропровод-->
<p class="notIndicated"></p>
<!--Парковка-->
<p>Закрытая</p>
<!--Охрана или консьерж-->
<p>&#10003</p>
<!--Закрытая территория-->
<p>&#10003</p>
</div>
<!--Характеристики здания-->
<div class="aboutBlock buildingBlock">
<!--Тип здания-->
<p>Монолитное</p>
<!--Год постройки дома-->
<p>2021</p>
<!--Высота потолков-->
<p>3,1 м</p>
<!--Количество этажей-->
<p>9</p>
<!--Количество квартир-->
<p class="notIndicated">Не указано</p>
<!--Лифт-->
<p>&#10003</p>
<!--Мусоропровод-->
<p class="notIndicated"></p>
<!--Парковка-->
<p>Закрытая</p>
<!--Охрана или консьерж-->
<p>&#10003</p>
<!--Закрытая территория-->
<p>&#10003</p>
</div>
<!--Характеристики здания-->
<div class="aboutBlock buildingBlock">
<!--Тип здания-->
<p>Монолитное</p>
<!--Год постройки дома-->
<p>2021</p>
<!--Высота потолков-->
<p>3,1 м</p>
<!--Количество этажей-->
<p>9</p>
<!--Количество квартир-->
<p class="notIndicated">Не указано</p>
<!--Лифт-->
<p>&#10003</p>
<!--Мусоропровод-->
<p class="notIndicated"></p>
<!--Парковка-->
<p>Закрытая</p>
<!--Охрана или консьерж-->
<p>&#10003</p>
<!--Закрытая территория-->
<p>&#10003</p>
</div>
</section>
<!--Кнопки с вопросами-->
<section class="questionBtnSection">
<button class="questionBtn orangeBtn">
<h3>Рестик или кафешка?</h3>
<p>Какой общепит предпочтительнее для вас возле жилища?</p>
</button>
<button class="questionBtn greenBtn">
<h3>Двушка или однушка?</h3>
<p>Как выбрать квартиру под себя, чтобы не переплачивать?</p>
</button>
<button class="questionBtn blueBtn">
<h3>Совмещенный или отдельно?</h3>
<p>Какой санузел будет для вас лучшим вариантом?</p>
</button>
</section>
<!--Недавно просмотренные-->
<section class="viewedSection">
<div class="viewedTittle">
<h2>Недавно просмотренные <span>15</span></h2>
<!--Кнопки-->
<div class="viewedBtnSection">
<!--Кнопка "посмотреть все недавние"-->
<button class="btnViewed">Посмотреть все Недавние</button>
<!--Кнопки "предыдущие" и "следующие"-->
<div class="viewedBtn">
<button class="btnPrevious">
<svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.238707 8.62179L6.83881 15.7424C7.15713 16.0859 7.6732 16.0859 7.99148 15.7424L8.76127 14.9119C9.07904 14.5691 9.07965 14.0134 8.76263 13.6698L3.53193 7.99998L8.76263 2.33019C9.07965 1.98655 9.07904 1.43091 8.76127 1.08808L7.99148 0.257567C7.67316 -0.0858556 7.15709 -0.0858556 6.83881 0.257567L0.238741 7.37821C-0.0795746 7.72159 -0.0795746 8.27837 0.238707 8.62179Z" fill="black"/>
</svg>
</button>
<button class="btnNext">
<svg width="9" height="16" viewBox="0 0 9 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.76129 8.62179L2.16119 15.7424C1.84287 16.0859 1.3268 16.0859 1.00852 15.7424L0.238729 14.9119C-0.0790435 14.5691 -0.0796547 14.0134 0.237371 13.6698L5.46807 7.99998L0.237371 2.33019C-0.0796547 1.98655 -0.0790435 1.43091 0.238729 1.08808L1.00852 0.257567C1.32684 -0.0858556 1.84291 -0.0858556 2.16119 0.257567L8.76126 7.37821C9.07957 7.72159 9.07957 8.27837 8.76129 8.62179Z" fill="black"/>
</svg>
</button>
</div>
</div>
</div>
<!--Недавно просмотренные квартиры-->
<div class="viewedBlock">
<!--Квартира-->
<div class="viewedElem">
2023-05-09 04:26:41 +02:00
<img src="./images/Apartment.png" alt="">
2023-04-28 11:35:58 +02:00
<p>56 м², 2-х комнатная</p>
<h3>36 тыс. / мес.</h3>
<p>Владивосток, ул. Нейбута 15А</p>
</div>
<!--Квартира-->
<div class="viewedElem">
2023-05-09 04:26:41 +02:00
<img src="./images/Apartment.png" alt="">
2023-04-28 11:35:58 +02:00
<p>56 м², 2-х комнатная</p>
<h3>36 тыс. / мес.</h3>
<p>Владивосток, ул. Нейбута 15А</p>
</div>
<!--Квартира-->
<div class="viewedElem">
2023-05-09 04:26:41 +02:00
<img src="./images/Apartment.png" alt="">
2023-04-28 11:35:58 +02:00
<p>56 м², 2-х комнатная</p>
<h3>36 тыс. / мес.</h3>
<p>Владивосток, ул. Нейбута 15А</p>
</div>
<!--Квартира-->
<div class="viewedElem">
2023-05-09 04:26:41 +02:00
<img src="./images/Apartment.png" alt="">
2023-04-28 11:35:58 +02:00
<p>56 м², 2-х комнатная</p>
<h3>36 тыс. / мес.</h3>
<p>Владивосток, ул. Нейбута 15А</p>
</div>
</div>
</section>
</main>
<footer>
<!--Домики на футере-->
<div class="footerHouses">
<svg width="64" height="112" viewBox="0 0 64 112" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 16L31.5 0.5L64 16V112H0V16Z" fill="#D9D9D9"/>
<rect x="45" width="8" height="16" fill="#D9D9D9"/>
<rect x="37" y="27" width="16" height="16" fill="white"/>
<rect x="10" y="27" width="16" height="16" fill="white"/>
<rect x="37" y="79" width="16" height="16" fill="white"/>
<rect x="10" y="79" width="16" height="16" fill="white"/>
<rect x="37" y="53" width="16" height="16" fill="white"/>
<rect x="10" y="53" width="16" height="16" fill="white"/>
</svg>
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="64" height="64" fill="#D9D9D9"/>
<rect x="38" y="38" width="16" height="16" fill="white"/>
<rect x="11" y="38" width="16" height="16" fill="white"/>
<rect x="38" y="12" width="16" height="16" fill="white"/>
<rect x="11" y="12" width="16" height="16" fill="white"/>
</svg>
</div>
<!--Футер-->
<div class="footerBlock"></div>
</footer>
</body>
</html>