Good-Production/template-for-verstka
13
2
Fork 0
Code Pull Requests Releases Wiki Activity

сделал кабинент зарегистрированного пользователя

Browse Source
This commit is contained in:
Kirill Pet
2024-10-23 18:44:16 +03:00
parent 2e065c9e45
commit 094e94ad7d
5 changed files with 417 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

176
registration.html
View File

@@ -225,48 +225,48 @@
</header>
<main class="wrapper">
<div class="registration">
<div class="registration__orders">
<div class="registration-card registration-card--green">
<div class="registration-card__content">
<div class="registration-card__element">
<p class="registration-card__text registration-card__text--grey">Имя и фамилия не указано</p>
<div class="cabinet">
<div class="cabinet__orders">
<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="registration-card__element">
<p class="registration-card__label">Телефон:</p>
<p class="registration-card__text registration-card__text--grey">Не заполнено</p>
<div class="cabinet-card__element">
<p class="cabinet-card__label">Телефон:</p>
<p class="cabinet-card__text cabinet-card__text--grey">Не заполнено</p>
</div>
<div class="registration-card__element">
<p class="registration-card__label">Почта:</p>
<p class="registration-card__text">example@example.com</p>
<p class="registration-card__status registration-card__status--chek">Почта подтверждена</p>
<!-- <p class="registration-card__status registration-card__status--cancelled">Почта не подтверждена</p> -->
<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> -->
</div>
<div class="registration-card__element">
<p class="registration-card__label">Связанные аккаунты:</p>
<div class="registration-card__block-accounts">
<div class="registration-card__account">
<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="registration-card__account">
<div class="cabinet-card__account">
<img src="assets/img/svg/main/vk-white.svg" alt="">
</div>
<div class="registration-card__account">
<div class="cabinet-card__account">
<img src="assets/img/svg/main/ya-white.svg" alt="">
</div>
</div>
</div>
<div class="registration-card__element">
<div class="registration-card__block-buttons">
<button class="registration-card__button">
<div class="cabinet-card__element">
<div class="cabinet-card__block-buttons">
<button class="cabinet-card__button">
Изменить
</button>
<button class="registration-card__button">
<button class="cabinet-card__button">
Выйти
</button>
</div>
@@ -274,18 +274,18 @@
</div>
</div>
<div class="registration-card registration-card--green">
<div class="registration-card__content">
<p class="registration-card__text">Мои адреса</p>
<div class="cabinet-card cabinet-card--green">
<div class="cabinet-card__content">
<p class="cabinet-card__text">Мои адреса</p>
<div class="registration-card__element registration-card__element--margin-top-32">
<p class="registration-card__label">Курьер</p>
<p class="registration-card__text registration-card__text--grey">Не заполнено</p>
<div class="cabinet-card__element cabinet-card__element--margin-top-32">
<p class="cabinet-card__label">Курьер</p>
<p class="cabinet-card__text cabinet-card__text--grey">Не заполнено</p>
<button class="registration-card__element-change"></button>
<button class="cabinet-card__element-change"></button>
</div>
<div class="registration-card__element registration-card__element--margin-top-32">
<div class="cabinet-card__element cabinet-card__element--margin-top-32">
<button class="button button--white button--100-perc">
Добавить адрес
</button>
@@ -293,22 +293,120 @@
</div>
</div>
<div class="registration-card registration-card--green">
<div class="registration-card__content">
<button class="registration-card__block-add-pets">
<div class="registration-card-add-pets__circle">
<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">
<div class="cabinet-card-add-pets__circle">
<img src="assets/img/svg/main/plus-grey.svg" alt="">
</div>
<p class="registration-card-add-pets__text">
<p class="cabinet-card-add-pets__text">
Добавить питомца
</p>
</button>
</div>
</div>
</div>
<div class="registration__profile">
s
<div class="cabinet__profile">
<div class="cabinet-card cabinet-card--green-white">
<div class="cabinet-card__content">
<p class="cabinet-card__title">
Подписка на корм
</p>
<div class="cabinet-card__element">
<p class="cabinet-card__text">Еженедельная доставка корма для вашего питомца</p>
</div>
<div class="cabinet-card__element">
<button class="button button--gradient button--high-46">
Узнать подробности
</button>
</div>
</div>
</div>
<div class="cabinet-card cabinet-card--red-blue">
<div class="cabinet-card__content">
<div class="cabinet-card__discount">
<p class="cabinet-card-discount__title">МОЯ СКИДКА</p>
<p class="cabinet-card-discount__percent">3</p>
<div class="cabinet-card-discount__arrow"></div>
</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>
<button class="cabinet-card-order__open-detail">Детали заказа</button>
</div>
</div>
</div>
</div>
<div class="cabinet-card__no-orders">
<div class="cabinet-card-no-orders__element">
<p class="cabinet-card-no-orders__title">Пока нет заказов</p>
</div>
<div class="cabinet-card-no-orders__element">
<button class="to-know button--100-perc to-know--background-none">
<p>Перейти в каталог</p>
</button>
</div>
</div>
</div>
</div>
</main>