Skip to content

Commit

Permalink
✔️ Сборка #4
Browse files Browse the repository at this point in the history
  • Loading branch information
Keks committed Oct 10, 2023
1 parent 3b4e3ad commit 568d1e2
Show file tree
Hide file tree
Showing 4 changed files with 140 additions and 55 deletions.
42 changes: 23 additions & 19 deletions 4/catalog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,11 +35,13 @@
</nav>
<a class="navigation-link-button" href="#"><button>Хочу сюда!</button></a>
</header>
<div class="header-catalog">
<img src="#" width="1200" height="412" alt="Фоновая картинка гор.">
<main data-test="main" class="main-catalog">
<h1 class="inner-header-title">Гостиницы Седона</h1>
<ul class="breadcrumbs">
<li class="breadcrumbs-item">
<a class="breadcrumbs-link" href="index.html"></a>
<a class="breadcrumbs-link-home" href="index.html"></a>
</li>
<p class="bread-crumbs"></p>
<li class="breadcrumbs-item">
Expand All @@ -48,22 +50,22 @@ <h1 class="inner-header-title">Гостиницы Седона</h1>
</ul>
</header>
<section class="filter-under">
<img src="#" width="1200" height="412" alt="Фоновая картинка гор.">
<h2 class="visually-hidden" hidden>Блок фильтров</h2>
<form class="form-filter" action="https://echo.htmlacademy.ru/" method="get">
<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">
<input class="control-input" type="checkbox" name="pool" checked>

Бассейн
</label>
</li>
<li class="earch-filter-item">
<label class="control">
<input class="control-input" type="checkbox" name="parking">
<input class="control-input" type="checkbox" name="parking" checked>


Паркинг
</label>
Expand All @@ -82,7 +84,7 @@ <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">
<input class="control-input" type="radio" name="type of housing" value="hostel" checked>

Гостиница
</label>
Expand All @@ -106,9 +108,10 @@ <h2 class="visually-hidden" hidden>Блок фильтров</h2>
<fieldset class="search-filter-group">
<legend class="search-filter-title">Стоимость, ₽:</legend>
<form>
<label for="price" hidden></label>
<input class="field" type="price" placeholder="от" name="price" id="price" value="0" required>
<input class="field" type="price" placeholder="до" name="price" id="price" value="9000" required>
<label for="price" hidden>от</label>
<input class="field" type="price" name="price" value="0" required>
<label for="price" hidden>до</label>
<input class="field" type="price" name="price" value="9000" required>
</form>
</fieldset>
<div class="button-price">
Expand All @@ -121,10 +124,10 @@ <h2 class="visually-hidden" hidden>Блок фильтров</h2>
</div>
</form>
</section>
<section class="search-filter>
<section class="search-filter">
<h2 class="inner-header">Найдено гостиниц: 38</h2>
<select class="sorting">
<option value="cheap">Сначала дешёвое</option>
<option value="cheap">Сначала дешёвые</option>
<option value="popular">Сначала популярное</option>
<option value="expensive">Сначала дорогое</option>
</select>
Expand Down Expand Up @@ -160,6 +163,7 @@ <h2 class="inner-header">Найдено гостиниц: 38</h2>
</svg>
</a>
</section>
</div>
<section data-test="catalog" class="catalog">
<ul class="catalog-list">
<li class="catalog-card">
Expand All @@ -178,7 +182,7 @@ <h3 class="catalog-card-title">Amara Resort & Spa</h3>
<img class="visually-rating" width="18" height="17" src="images/catalog/star.svg"></a>

</div>
<a class="catalog-card-button" href="#">Рейтинг: 8,5</a>
<a class="rating-result" href="#">Рейтинг: 8,5</a>
</li>
</ul>
<ul class="catalog-list">
Expand All @@ -197,7 +201,7 @@ <h3 class="catalog-card-title">Villas at Poco Diablo</h3>
<img class="visually-rating" width="18" height="17" src="images/catalog/star.svg"></a>
<img class="visually-rating" width="18" height="17" src="images/catalog/star.svg"></a>
</div>
<a class=catalog-card-button" href="#">Рейтинг: 9,2</a>
<a class="rating-result" href="#">Рейтинг: 9,2</a>
</li>
</ul>
<ul class="catalog-list">
Expand All @@ -215,7 +219,7 @@ <h3 class="catalog-card-title"> Desert Quail Inn</h3>
<img class="visually-rating" width="18" height="17" src="images/catalog/star.svg"></a>
<img class="visually-rating" width="18" height="17" src="images/catalog/star.svg" ></a>
</div>
<a class="catalog-card-button" href="#">Рейтинг: 6,9</a>
<a class="rating-result" href="#">Рейтинг: 6,9</a>
</li>
</ul>
<ul class="catalog-list">
Expand All @@ -232,7 +236,7 @@ <h3 class="catalog-card-title"> GreenTree Inn</h3>
<img class="visually-rating" width="18" height="17" src="images/catalog/star.svg" alt="Двухзвездочный отель."></a>
<img class="visually-rating" width="18" height="17" src="images/catalog/star.svg"></a>
</div>
<a class="catalog-card-button" href="#">Рейтинг: 6,9</a>
<a class="rating-result" href="#">Рейтинг: 6,9</a>
</li>
</ul>
<ul class="pagination">
Expand Down Expand Up @@ -262,14 +266,14 @@ <h3 class="catalog-card-title"> GreenTree Inn</h3>
</ul>
</section>
<section class="subscription-two" data-test="subscribe">
<h2 class="subscribe-title">Рассылка</h2>
<h2 class="subscribe-title-link">Подпишитесь на рассылку</h2>
<form action="https://echo.htmlacademy.ru/" method="post">
<p class="subscribe-title-dark">Подпишитесь на рассылку</p>
<p clas="subscribe-title-text-dark">Только полезная информация и никакого спама, честное бойскаутское!</p>
<p clas="subscribe-title-dark">Только полезная информация и никакого спама, честное бойскаутское!</p>
<p class="subscribe-form-name">
<label for="newsletter-email" hidden>Email</label>
<input class="field" type="email" placeholder="Ваш e-mail" name="newsletter-email" id="newsletter-email"
required>
<input type="submit" value="Подписаться">
required></p>
<button class="subscribe-button" type="submit">Подписаться</button>
</form>
</section>
</main>
Expand Down
Binary file added 4/images/mountains.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
21 changes: 9 additions & 12 deletions 4/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,15 +36,11 @@
<a class="navigation-link-button" href="#"><button>Хочу сюда!</button></a>
</header>
<main data-test="main" class="main">
<div class="fond">
<img src="images/welcome.svg" width="458" height="352" alt="Welcome to the gorgeous Sedona , because the Grand Canyon sucks!"></div>
<section data-test="hero" class="hero">
<div class="hero-background">
<img src="images/welcome.svg" width="458" height="352" alt="Welcome to the gorgeous Sedona , because the Grand Canyon sucks!">
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="57" viewBox="0 0 1200 57" fill="none">
<path d="M0 57V0L250 24V0L600 57L950 0V24L1200 0V57H0Z" fill="white"/>
</svg></div>
<h1 class="visually-hidden">Седона городок</h1>
<p class="hero">Седона — небольшой городок в Аризоне, заслуживающий большего!</p>
<p class="about">Рассмотрим причины, по которым Седона круче, чем Гранд-Каньон!</p>
<h1 class="about">Седона — небольшой городок в Аризоне, заслуживающий большего!</h1>
<p class="subject">Рассмотрим причины, по которым Седона круче, чем Гранд-Каньон!</p>
</section>
<section data-test="advantages" class="advantages">
<ul class="advantages-list">
Expand Down Expand Up @@ -96,15 +92,16 @@ <h2 class="page-main-title">Заинтересовались?</h2>
<button class="button" type="submit">Поиск гостиницы в Седоне</button>
</form>
</section>
<img src="#" width="1200" height="414.86" alt="Фон для подписки на рассылку.">
<section class="subscribe" data-test="subscribe">
<h2 class="subscribe-title">Подпишитесь на рассылку</h2>
<img src="#" width="1200" height="414.86" alt="Фон для подписки на рассылку.">
<p class="subscribe-title-light">Только полезная информация и никакого спама, честное бойскаутское!</p>
<form action="https://echo.htmlacademy.ru/" method="post">
<p class="subscribe-title-light">Только полезная информация и никакого спама, честное бойскаутское!</p>
<p class="subscribe-form-name">
<label for="newsletter-email" hidden>Email</label>
<input class="field" type="email" placeholder="Ваш e-mail" name="newsletter-email" id="newsletter-email"
required>
<input type="submit" value="Подписаться">
required></p>
<button class="subscribe-button" type="submit">Подписаться</button>
</form>
</section>
</main>
Expand Down
Loading

0 comments on commit 568d1e2

Please sign in to comment.