Skip to content

Commit

Permalink
Работа над ошибками
Browse files Browse the repository at this point in the history
  • Loading branch information
@KershDKas
KershDKas authored Sep 25, 2024
1 parent 6491d35 commit 7c20d37
Show file tree
Hide file tree
Showing 4 changed files with 36 additions and 57 deletions.
53 changes: 7 additions & 46 deletions catalog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -220,20 +220,8 @@ <h3 class="hotel-card-title">Amara Resort & Spa</h3>
<a class="button hotel-card-button-favorites" href="#">В избранное</a>
</div>
<div class="hotel-card-stars-raiting-row">
<div class="hotel-card-stars">
<div class="hotel-card-stars four-stars">
<p class="visually-hidden">Рейтинг гостиницы - 4 звезды"</p>
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 0L11.1 6.5H18L12.4 10.5L14.6 17L9 13L3.4 17L5.6 10.5L0 6.5H6.9L9 0Z" fill="#83B3D3" />
</svg>
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 0L11.1 6.5H18L12.4 10.5L14.6 17L9 13L3.4 17L5.6 10.5L0 6.5H6.9L9 0Z" fill="#83B3D3" />
</svg>
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 0L11.1 6.5H18L12.4 10.5L14.6 17L9 13L3.4 17L5.6 10.5L0 6.5H6.9L9 0Z" fill="#83B3D3" />
</svg>
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 0L11.1 6.5H18L12.4 10.5L14.6 17L9 13L3.4 17L5.6 10.5L0 6.5H6.9L9 0Z" fill="#83B3D3" />
</svg>
</div>
<p class="hotel-card-raiting">Рейтинг: 8,5</p>
</div>
Expand All @@ -252,20 +240,8 @@ <h3 class="hotel-card-title">Villas at Poco Diablo</h3>
<a class="button hotel-card-button-infavorites" href="#">В избранном</a>
</div>
<div class="hotel-card-stars-raiting-row">
<div class="hotel-card-stars">
<p class="visually-hidden hotel-card-stars">Рейтинг гостиницы - 4 звезды"</p>
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 0L11.1 6.5H18L12.4 10.5L14.6 17L9 13L3.4 17L5.6 10.5L0 6.5H6.9L9 0Z" fill="#83B3D3" />
</svg>
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 0L11.1 6.5H18L12.4 10.5L14.6 17L9 13L3.4 17L5.6 10.5L0 6.5H6.9L9 0Z" fill="#83B3D3" />
</svg>
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 0L11.1 6.5H18L12.4 10.5L14.6 17L9 13L3.4 17L5.6 10.5L0 6.5H6.9L9 0Z" fill="#83B3D3" />
</svg>
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 0L11.1 6.5H18L12.4 10.5L14.6 17L9 13L3.4 17L5.6 10.5L0 6.5H6.9L9 0Z" fill="#83B3D3" />
</svg>
<div class="hotel-card-stars four-stars">
<p class="visually-hidden">Рейтинг гостиницы - 4 звезды"</p>
</div>
<p class="hotel-card-raiting">Рейтинг: 9,2</p>
</div>
Expand All @@ -284,17 +260,8 @@ <h3 class="hotel-card-title">Desert Quail Inn</h3>
<a class="button hotel-card-button-favorites" href="#">В избранное</a>
</div>
<div class="hotel-card-stars-raiting-row">
<div class="hotel-card-stars">
<p class="visually-hidden hotel-card-stars">Рейтинг гостиницы - 3 звезды"</p>
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 0L11.1 6.5H18L12.4 10.5L14.6 17L9 13L3.4 17L5.6 10.5L0 6.5H6.9L9 0Z" fill="#83B3D3" />
</svg>
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 0L11.1 6.5H18L12.4 10.5L14.6 17L9 13L3.4 17L5.6 10.5L0 6.5H6.9L9 0Z" fill="#83B3D3" />
</svg>
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 0L11.1 6.5H18L12.4 10.5L14.6 17L9 13L3.4 17L5.6 10.5L0 6.5H6.9L9 0Z" fill="#83B3D3" />
</svg>
<div class="hotel-card-stars three-stars">
<p class="visually-hidden">Рейтинг гостиницы - 3 звезды"</p>
</div>
<p class="hotel-card-raiting">Рейтинг: 6,9</p>
</div>
Expand All @@ -313,14 +280,8 @@ <h3 class="hotel-card-title">GreenTree Inn</h3>
<a class="button hotel-card-button-favorites" href="#">В избранное</a>
</div>
<div class="hotel-card-stars-raiting-row">
<div class="hotel-card-stars">
<p class="visually-hidden hotel-card-stars">Рейтинг гостиницы - 2 звезды</p>
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 0L11.1 6.5H18L12.4 10.5L14.6 17L9 13L3.4 17L5.6 10.5L0 6.5H6.9L9 0Z" fill="#83B3D3" />
</svg>
<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 0L11.1 6.5H18L12.4 10.5L14.6 17L9 13L3.4 17L5.6 10.5L0 6.5H6.9L9 0Z" fill="#83B3D3" />
</svg>
<div class="hotel-card-stars two-stars">
<p class="visually-hidden">Рейтинг гостиницы - 2 звезды</p>
</div>
<p class="hotel-card-raiting">Рейтинг: 5,0</p>
</div>
Expand Down
3 changes: 3 additions & 0 deletions images/star.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.
12 changes: 6 additions & 6 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -218,14 +218,14 @@ <h2 class="modal-title">Поиск гостиницы в Седоне</h2>
<label class="search-form-label" for="adults-count">Взрослые:</label>
<button class="search-count-adult-minus" type="button">
<span class="visually-hidden">Кнопка минус</span>
<svg width="14" height="2" viewBox="0 0 14 2" xmlns="http://www.w3.org/2000/svg">
<svg width="14" height="2" viewBox="0 0 14 2" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0L0 2L14 2V0L0 0Z" />
</svg>
</button>
<input class="search-count-input" type="number" id="adults-count" value="2" name="adults-count" required>
<button class="search-count-adult-plus" type="button">
<span class="visually-hidden">Кнопка плюс</span>
<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
<svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
<path d="M14 6H8V0H6V6H0V8H6V14H8V8H14V6Z" />
</svg>
</button>
Expand All @@ -235,27 +235,27 @@ <h2 class="modal-title">Поиск гостиницы в Седоне</h2>
<label class="search-form-label search-form-label-children" for="children-count">Дети:</label>
<span class="tooltip">
<button class="tooltip-toggle" type="button" aria-labelledby="tooltip-label-count">
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg width="26" height="26" viewBox="0 0 26 26" aria-hidden="true" focusable="false" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="13" cy="13" r="13" fill="#83B3D3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 7H14V9H12V7ZM14 19H12V10H14V19Z" fill="white"/>
</svg>
</button>
<svg class="tooltip-text-triangle" width="19" height="9" viewBox="0 0 19 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg class="tooltip-text-triangle" width="19" height="9" viewBox="0 0 19 9" aria-hidden="true" focusable="false" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.5 0L19 9H0L9.5 0Z" fill="#333333" />
</svg>
<span class="tooltip-text" role="tooltip" id="tooltip-label-count">Укажите количество детей, которые будут с вами, возраст которых от 6 до 18 лет. Дети до 6 лет размещаются бесплатно.</span>
</span>
</span>
<button class="search-count-children-minus" type="button">
<span class="visually-hidden">Кнопка минус</span>
<svg width="14" height="2" viewBox="0 0 14 2" xmlns="http://www.w3.org/2000/svg">
<svg width="14" height="2" viewBox="0 0 14 2" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0L0 2L14 2V0L0 0Z" />
</svg>
</button>
<input class="search-count-input" type="number" id="children-count" value="2" name="children-count" required>
<button class="search-count-children-plus" type="button">
<span class="visually-hidden">Кнопка плюс</span>
<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
<svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg">
<path d="M14 6H8V0H6V6H0V8H6V14H8V8H14V6Z" />
</svg>
</button>
Expand Down
25 changes: 20 additions & 5 deletions styles/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1084,7 +1084,8 @@ body {
}

.button-filter-reset:disabled {
background-color: #e5e5e5;
background-color: transparent;
color: rgba(255, 255, 255, 0.1);
}

/* Блок с гостиницами */
Expand All @@ -1108,6 +1109,8 @@ body {
line-height: 36px;
text-transform: uppercase;
margin: 6px 0;
margin-right: auto;
width: 500px;
}

.select-control-position {
Expand Down Expand Up @@ -1294,6 +1297,7 @@ body {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}

.hotel-card-stars, .hotel-card-raiting {
Expand All @@ -1315,10 +1319,21 @@ body {
}

.hotel-card-stars {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: center;
background-image: url("../images/star.svg");
background-repeat: space;
background-size: 18px 17px;
}

.two-stars {
width: 42px;
}

.three-stars {
width: 67px;
}

.four-stars {
width: 89px;
}

/* Пагинация */
Expand Down

0 comments on commit 7c20d37

Please sign in to comment.