63 lines
2.1 KiB
HTML
63 lines
2.1 KiB
HTML
<!doctype html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>Аланья до 1 сентября: семейные туры</title>
|
||
<link rel="stylesheet" href="./styles.css" />
|
||
</head>
|
||
<body>
|
||
<header class="topbar">
|
||
<div>
|
||
<p class="eyebrow">Travelata / Москва / семья 2+2</p>
|
||
<h1>Аланья до 1 сентября</h1>
|
||
</div>
|
||
<div class="rate" id="rate"></div>
|
||
</header>
|
||
|
||
<main>
|
||
<section class="summary" aria-label="Краткий вывод">
|
||
<div>
|
||
<h2>Короткий вывод</h2>
|
||
<p id="criteria"></p>
|
||
</div>
|
||
<ol id="notes"></ol>
|
||
</section>
|
||
|
||
<nav class="filters" aria-label="Фильтры">
|
||
<button class="filter active" data-filter="all">Все</button>
|
||
<button class="filter" data-filter="8-9">8-9 тыс. BYN</button>
|
||
<button class="filter" data-filter="near-9">Рядом с 9 тыс.</button>
|
||
<button class="filter" data-filter="10-11">10-11 тыс. BYN</button>
|
||
</nav>
|
||
|
||
<section class="table-wrap" aria-label="Сводная таблица">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>Отель</th>
|
||
<th>Даты</th>
|
||
<th>Ночи</th>
|
||
<th>Цена</th>
|
||
<th>Трансфер</th>
|
||
<th>Вердикт</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="summaryRows"></tbody>
|
||
</table>
|
||
</section>
|
||
|
||
<section id="cards" class="cards" aria-label="Карточки отелей"></section>
|
||
</main>
|
||
|
||
<div class="lightbox" id="lightbox" aria-hidden="true">
|
||
<button class="close" id="closeLightbox" aria-label="Закрыть">×</button>
|
||
<img id="lightboxImage" alt="" />
|
||
<a id="lightboxSource" href="#" target="_blank" rel="noreferrer">Источник фото</a>
|
||
</div>
|
||
|
||
<script src="./data.js"></script>
|
||
<script src="./app.js"></script>
|
||
</body>
|
||
</html>
|