Compare commits
2 Commits
224c9254e8
...
288265bca3
| Author | SHA1 | Date | |
|---|---|---|---|
|
288265bca3 | ||
|
|
4047de51bf |
@@ -1210,6 +1210,12 @@ button{
|
|||||||
transition: opacity .2s ease-out;
|
transition: opacity .2s ease-out;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.to-know--start{
|
||||||
|
justify-content: start;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.to-know:hover{
|
.to-know:hover{
|
||||||
opacity: .8;
|
opacity: .8;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -209,6 +209,9 @@ main{
|
|||||||
.cabinet__orders .cabinet-card:nth-child(2){
|
.cabinet__orders .cabinet-card:nth-child(2){
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
.cabinet__orders--no-cab .cabinet-card:nth-child(2){
|
||||||
|
margin-top: 32px;
|
||||||
|
}
|
||||||
/* cabinet */
|
/* cabinet */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
199
new.html
199
new.html
@@ -224,7 +224,204 @@
|
|||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<div class="form-input__tabs">
|
||||||
|
<label for="boy" class="form-input-tabs__button">
|
||||||
|
Мальчик
|
||||||
|
<input type="radio" ed="" name="floor" id="boy" class="form-input-tabs__input">
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<label for="girl" class="form-input-tabs__button active">
|
||||||
|
Девочка
|
||||||
|
<input type="radio" name="floor" id="girl" class="form-input-tabs__input">
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cabinet__profile cabinet-content">
|
||||||
|
<div class="cabinet-card cabinet-card--green">
|
||||||
|
<div class="cabinet-card__content">
|
||||||
|
<div class="cabinet-card__element">
|
||||||
|
<p class="cabinet-card__text cabinet-card__text--grey">Имя и фамилия не указано</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cabinet-card__element">
|
||||||
|
<p class="cabinet-card__label">Телефон:</p>
|
||||||
|
<p class="cabinet-card__text cabinet-card__text--grey">Не заполнено</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cabinet-card__element">
|
||||||
|
<p class="cabinet-card__label">Почта:</p>
|
||||||
|
<p class="cabinet-card__text">example@example.com</p>
|
||||||
|
<!-- <p class="cabinet-card__status cabinet-card__status--chek">Почта подтверждена</p> -->
|
||||||
|
<p class="cabinet-card__status cabinet-card__status--cancelled">Почта не подтверждена</p>
|
||||||
|
<button class="cabinet-card__confirm">
|
||||||
|
Подтвердить
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cabinet-card__element">
|
||||||
|
<p class="cabinet-card__label">Связанные аккаунты:</p>
|
||||||
|
<div class="cabinet-card__block-accounts">
|
||||||
|
<div class="cabinet-card__account">
|
||||||
|
<img src="assets/img/svg/main/google-white.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="cabinet-card__account">
|
||||||
|
<img src="assets/img/svg/main/vk-white.svg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="cabinet-card__account">
|
||||||
|
<img src="assets/img/svg/main/ya-white.svg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cabinet-card__element">
|
||||||
|
<div class="cabinet-card__block-buttons">
|
||||||
|
<button class="cabinet-card__button form-open" data-form="form-data">
|
||||||
|
Изменить
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button class="cabinet-card__button">
|
||||||
|
Выйти
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cabinet-card cabinet-card--green">
|
||||||
|
<div class="cabinet-card__content">
|
||||||
|
<div class="cabinet-card__pet">
|
||||||
|
<div class="cabinet-card-pet__icon">
|
||||||
|
<div class="cabinet-card-pet-icon__content">
|
||||||
|
<img src="assets/img/pet/mini-dog.png" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="cabinet-card-pet__name">Барон</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cabinet-card__element">
|
||||||
|
<p class="cabinet-card__label">Порода:</p>
|
||||||
|
<p class="cabinet-card__text">Немецкая овчарка</p>
|
||||||
|
</div>
|
||||||
|
<div class="cabinet-card__element">
|
||||||
|
<p class="cabinet-card__label">Вес:</p>
|
||||||
|
<p class="cabinet-card__text">от 25 до 40 кг</p>
|
||||||
|
</div>
|
||||||
|
<div class="cabinet-card__element">
|
||||||
|
<p class="cabinet-card__label">Возраст:</p>
|
||||||
|
<p class="cabinet-card__text">3 года</p>
|
||||||
|
</div>
|
||||||
|
<div class="cabinet-card__element">
|
||||||
|
<p class="cabinet-card__label">Активность:</p>
|
||||||
|
<p class="cabinet-card__text">Активный</p>
|
||||||
|
</div>
|
||||||
|
<div class="cabinet-card__element">
|
||||||
|
<button class="cabinet-card__button">
|
||||||
|
Изменить
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cabinet-card cabinet-card--green">
|
||||||
|
<div class="cabinet-card__content">
|
||||||
|
<button class="cabinet-card__block-add-pets form-open" data-form="form-pet">
|
||||||
|
<div class="cabinet-card-add-pets__circle">
|
||||||
|
<img src="assets/img/svg/main/plus-grey.svg" alt="">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="cabinet-card-add-pets__text">
|
||||||
|
Добавить питомца
|
||||||
|
</p>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cabinet-card cabinet-card--grey">
|
||||||
|
<div class="cabinet-card__content">
|
||||||
|
<div class="cabinet-card__order">
|
||||||
|
<div class="cabinet-card-order__header">
|
||||||
|
<div class="cabinet-card-order__main">
|
||||||
|
<p class="cabinet-card-order-main__date">Заказ от 06.09.2024</p>
|
||||||
|
<p class="cabinet-card-order-main__number">763276427364</p>
|
||||||
|
</div>
|
||||||
|
<div class="cabinet-card-order__payment">
|
||||||
|
<p class="cabinet-card-order-payment__title">Оплачено:</p>
|
||||||
|
<p class="cabinet-card-order-payment__price">8960</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cabinet-card-order__content">
|
||||||
|
<div class="cabinet-card-order__status">
|
||||||
|
<p class="cabinet-card-order-status__title">Статус:</p>
|
||||||
|
<p class="cabinet-card-order-status__pointer cabinet-card-order-status__pointer--grey">Доставлен</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cabinet-card-order__block-detail">
|
||||||
|
<div class="cabinet-card-order__detail">
|
||||||
|
<div class="cabinet-card-order-detail__address">
|
||||||
|
<p class="cabinet-card-order-detail-address__title">Адрес доставки: </p>
|
||||||
|
<p class="cabinet-card-order-detail-address__text">Постомат: г.Москва, Каланчевская набережная, д.16</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cabinet-card-order-detail__main">
|
||||||
|
<div class="cabinet-card-order-detail-main__products">
|
||||||
|
<div class="cabinet-card-order-detail-main__product">
|
||||||
|
<img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-main-product__img">
|
||||||
|
|
||||||
|
<div class="cabinet-card-order-detail-main-product__content">
|
||||||
|
<div class="cabinet-card-order-detail-main-product__description">
|
||||||
|
<p class="cabinet-card-order-detail-main-product-description__what">Сухой корм, для крупных и средних пород </p>
|
||||||
|
<p class="cabinet-card-order-detail-main-product-description__with-what">Индейка, 2 кг</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="cabinet-card-order-detail-main-product__count">3</p>
|
||||||
|
|
||||||
|
<p class="cabinet-card-order-detail-main-product__price">10280</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="cabinet-card-order-detail-main__product">
|
||||||
|
<img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-main-product__img">
|
||||||
|
|
||||||
|
<div class="cabinet-card-order-detail-main-product__content">
|
||||||
|
<div class="cabinet-card-order-detail-main-product__description">
|
||||||
|
<p class="cabinet-card-order-detail-main-product-description__what">Сухой корм, для крупных и средних пород </p>
|
||||||
|
<p class="cabinet-card-order-detail-main-product-description__with-what">Индейка, 2 кг</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="cabinet-card-order-detail-main-product__count">3</p>
|
||||||
|
|
||||||
|
<p class="cabinet-card-order-detail-main-product__price">10280</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cabinet-card-order-detail-main__links">
|
||||||
|
<a href="#" class="cabinet-card__button cabinet-card-order-detail-main__link">
|
||||||
|
Электронный чек
|
||||||
|
</a>
|
||||||
|
<button class="cabinet-card__button cabinet-card-order-detail-main__link">
|
||||||
|
Отследить заказ
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button class="cabinet-card-order__open-detail">Детали заказа</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="cabinet-card-order__detail-short">
|
||||||
|
<img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-short__item">
|
||||||
|
<img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-short__item">
|
||||||
|
<img src="assets/img/product/mini-card.png" alt="" class="cabinet-card-order-detail-short__item">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
<footer class="footer">
|
<footer class="footer">
|
||||||
<div class="footer__wrapper wrapper">
|
<div class="footer__wrapper wrapper">
|
||||||
|
|||||||
854
subscription.html
Normal file
854
subscription.html
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user