Skip to content

Commit

Permalink
✔️ Сборка #8
Browse files Browse the repository at this point in the history
  • Loading branch information
Keks committed Oct 26, 2023
1 parent f14aa60 commit 93ffd26
Show file tree
Hide file tree
Showing 6 changed files with 674 additions and 48 deletions.
32 changes: 23 additions & 9 deletions 8/catalog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -69,6 +69,7 @@ <h2 class="visually-hidden" hidden>Блок фильтров</h2>
<fieldset data-test="filter" class="filter">
<legend class="search-filter-title">Инфраструктура</legend>
<ul class="search-filter-list">

<li class="earch-filter-item">
<label class="control">
<input class="control-input" type="checkbox" name="pool" checked>
Expand Down Expand Up @@ -98,21 +99,21 @@ <h2 class="visually-hidden" hidden>Блок фильтров</h2>
<ul class="search-filter-list">
<li class="earch-filter-item">
<label class="control">
<input class="control-input" type="radio" name="type of housing" value="hostel" checked>
<input class="control-input-list" type="radio" name="type of housing" value="hostel" checked>

Гостиница
</label>
</li>
<li class="earch-filter-item">
<label class="control">
<input class="control-input" type="radio" name="type of housing" value="motel">
<input class="control-input-list" type="radio" name="type of housing" value="motel">

Мотель
</label>
</li>
<li class="earch-filter-item">
<label class="control">
<input class="control-input" type="radio" name="type of housing" value="apartaments">
<input class="control-input-list" type="radio" name="type of housing" value="apartaments">

Апартаменты
</label>
Expand All @@ -122,19 +123,24 @@ <h2 class="visually-hidden" hidden>Блок фильтров</h2>
<fieldset class="search-filter-group">
<legend class="search-filter-title">Стоимость, ₽:</legend>
<div class="fix-price">
<label for="price_do">от</label>
<input class="field" type="text" name="price" value="0" id="price_do" required>
<label for="price_of">до</label>
<input class="field" type="text" name="price" value="9000" id="price_of" required>
<div class="price-one">
<label class="do">от</label>
<input class="field-do" type="text" name="price" value="0" id="price_do" required>
</div>
<div class="price-two">
<label class="of">до</label>
<input class="field-of" type="text" name="price" value="9000" id="price_of" required>
</div>
</div>
<div class="button-price">
<button class="button" type="submit"></button>
<button class="button-two" type="submit"></button>
</div>
<div class="button-price-inactively"></div>
</fieldset>
<div class="button-filter">
<button class="button button-dark" type="submit">Применить</button>
<button class="button button-light" type="submit">Сбросить</button>
<button class="button button-dark" type="button">Применить</button>
<button class="button button-light" type="button">Сбросить</button>
</div>
</form>
</div>
Expand Down Expand Up @@ -187,6 +193,7 @@ <h2 class="inner-header">Найдено гостиниц: 38</h2>
alt="Звездное небо сквозь пещеру.">
<h3 class="catalog-card-title">Amara Resort & Spa</h3>
</a>
<div class="option">
<p class="price-name">Гостиница</p>
<p class="price-from">От 4000 ₽</p>
<a class="catalog-card-button-details" href="#">Подробнее</a>
Expand All @@ -199,13 +206,15 @@ <h3 class="catalog-card-title">Amara Resort & Spa</h3>
<img class="visually-rating" width="18" height="17" src="images/catalog/star.svg">
</div>
<a class="rating-result" href="#">Рейтинг: 8,5</a>
</div>
</li>
<li class="catalog-card">
<a class="catalog-card-link" href="catalog.html">
<img class="catalog-card-image" width="300" height="212" src="images/catalog/hotel-2.jpg"
alt="Радуга на небе.">
<h3 class="catalog-card-title">Villas at Poco Diablo</h3>
</a>
<div class="option">
<p class="price-name">Гостиница</p>
<p class="price-from">От 5000 ₽</p>
<a class="catalog-card-button-details" href="#">Подробнее</a>
Expand All @@ -218,13 +227,15 @@ <h3 class="catalog-card-title">Villas at Poco Diablo</h3>
<img class="visually-rating" width="18" height="17" src="images/catalog/star.svg">
</div>
<a class="rating-result" href="#">Рейтинг: 9,2</a>
</div>
</li>
<li class="catalog-card">
<a class="catalog-card-link" href="catalog.html">
<img class="catalog-card-image" width="300" height="212" src="images/catalog/hotel-3.jpg"
alt="Утро в горах.">
<h3 class="catalog-card-title"> Desert Quail Inn</h3>
</a>
<div class="option">
<p class="price-name">Гостиница</p>
<p class="price-from">От 2500 ₽</p>
<a class="catalog-card-button-details" href="#">Подробнее</a>
Expand All @@ -236,13 +247,15 @@ <h3 class="catalog-card-title"> Desert Quail Inn</h3>
<img class="visually-rating" width="18" height="17" src="images/catalog/star.svg">
</div>
<a class="rating-result" href="#">Рейтинг: 6,9</a>
</div>
</li>
<li class="catalog-card">
<a class="catalog-card-link" href="catalog.html">
<img class="catalog-card-image" width="300" height="212" src="images/catalog/hotel-4.jpg"
alt="Горы на фоне звездного неба.">
<h3 class="catalog-card-title"> GreenTree Inn</h3>
</a>
<div class="option">
<p class="price-name">Гостиница</p>
<p class="price-from">От 1500 ₽</p>
<a class="catalog-card-button-details" href="#">Подробнее</a>
Expand All @@ -253,6 +266,7 @@ <h3 class="catalog-card-title"> GreenTree Inn</h3>
<img class="visually-rating" width="18" height="17" src="images/catalog/star.svg">
</div>
<a class="rating-result" href="#">Рейтинг: 6,9</a>
</div>
</li>
</ul>
<ul class="pagination">
Expand Down
3 changes: 3 additions & 0 deletions 8/images/catalog/alternative.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions 8/images/catalog/sorting.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 changes: 5 additions & 8 deletions 8/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -83,28 +83,25 @@ <h2 class="title">Приезжайте в Седону отдохнуть в к
<li class="advantages-item-block3">
<img src="images/home.svg" width="75" height="72" alt="Изображение дома.">
<h3 class="advantages-titles">Жилье</h3>
<p class="advantages-descripsion">Рекомендуем пожить в настоящем мотеле, всё как в кино!</p>
<p class="advantages-descripsions">Рекомендуем пожить в настоящем мотеле, всё как в кино!</p>
</li>
<li class="advantages-item-block2">
<img src="images/food.svg" width="74" height="70" alt="Изображение бургера.">
<h3 class="advantages-titles">Еда</h3>
<p class="advantages-descripsion">Всегда заказывайте топовый фирменный бургер, вы не разочаруетесь!</p>
<p class="advantages-descripsions">Всегда заказывайте топовый фирменный бургер, вы не разочаруетесь!</p>
</li>
<li class="advantages-item-block3">
<img src="images/present.svg" width="64" height="76" alt="Изображение подарка.">
<h3 class="advantages-titles">Сувениры</h3>
<p class="advantages-descripsion">Не только китайского, но и настоящего местного производства!</p>
<p class="advantages-descripsions">Не только китайского, но и настоящего местного производства!</p>
</li>
</ul>
</section>
<section data-test="search" class="search">
<h2 class="page-main-title">Заинтересовались?</h2>
<p class="advantages-descripsion-search">Укажите предполагаемые даты поездки,<br> и мы покажем вам лучшие
предложения
гостиниц в Седоне</p>
<form action="#" method="post">
<button class="button-search" type="submit">Поиск гостиницы в Седоне</button>
</form>
предложения гостиниц в Седоне</p>
<a class="button-link" href="modal.html">Поиск гостиницы в Седоне</a>
</section>
<section class="subscribe" data-test="subscribe">
<h2 class="subscribe-title">Подпишитесь на рассылку</h2>
Expand Down
Loading

0 comments on commit 93ffd26

Please sign in to comment.