diff --git a/assets/css/gp-style-core.css b/assets/css/gp-style-core.css index 1e8a163..8587d6e 100644 --- a/assets/css/gp-style-core.css +++ b/assets/css/gp-style-core.css @@ -929,6 +929,8 @@ button{ top: 0; left: 0; + padding: 20px; + width: 100%; height: 100%; @@ -939,6 +941,10 @@ button{ opacity: 0; transition: opacity .2s ease-out; pointer-events: none; + + display: flex; + justify-content: center; + align-items: center; } .modal.active{ opacity: 1; @@ -1205,6 +1211,101 @@ button{ background-color: var(--background-black); border-radius: 2px; } + +.notification{ + padding: 24px; + + border-radius: 20px; + + position: relative; +} +.notification--white{ + border: 1px solid var(--background-black); + background: var(--background-white); +} +.notification--green-gradient{ + background: var(--gradient-blue); +} +.notification--width-584{ + width: 584px; +} +.notification__close{ + position: absolute; + top: 24px; + right: 24px; + + width: 24px; + aspect-ratio: 1; + + border: none; + background: none; + background-image: url(../img/svg/main/black-x.svg); + background-repeat: no-repeat; + background-size: 24px; + background-position: center; + + transition: opacity .2s ease-out; +} +.notification__close--white{ + background-image: url(../img/svg/main/white-x.svg); +} +.notification__close:hover{ + opacity: .8; +} +.notification__title{ + padding-right: 50px; + + font-family: var(--font-family); + font-weight: 700; + font-size: 26px; + line-height: 123%; + text-transform: uppercase; + color: var(--text-dark); +} +.notification__text--center{ + text-align: center; +} +.notification__text--center-pc{ + text-align: center; +} +.notification__title--green-gradient{ + background: var(--gradient-blue); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.notification__title--white{ + color: var(--text-white); +} +.notification__element{ + margin-top: 24px; +} +.notification__element--center{ + display: flex; + justify-content: center; +} +.notification__element--top-40{ + margin-top: 40px; +} +.notification__text{ + font-family: var(--font-family); + font-weight: 400; + font-size: 20px; + line-height: 120%; + color: var(--text-black); +} +.notification__text--weight-500{ + font-weight: 500; +} +.notification__text--white{ + color: var(--text-white); +} +.notification__img{ + width: 100%; + height: 360px; + + object-fit: contain; +} /* modal */ /* toggle */ diff --git a/assets/css/gp-style-desktop.css b/assets/css/gp-style-desktop.css index 3ae97c3..f22c1d3 100644 --- a/assets/css/gp-style-desktop.css +++ b/assets/css/gp-style-desktop.css @@ -1691,7 +1691,10 @@ main{ .cabinet-card-order-status__pointer--red{ color: var(--text-red); } -.cabinet-card-order__block-detail{} +.cabinet-card-order__block-detail{ + height: 0; + overflow: hidden; +} .cabinet-card-order__detail{ padding-top: 24px; } @@ -1837,6 +1840,15 @@ main{ width: 106px; height: 96px; } +.cabinet-card__download{ + margin-top: 32px; +} +.cabinet-card__order.active .cabinet-card-order__detail-short{ + opacity: 0; +} +.cabinet-card__order.active .cabinet-card-order__open-detail::after{ + transform: rotate(180deg); +} /* .cabinet-card-no-orders__ */ /* cabinet */ diff --git a/assets/css/gp-style-mobile.css b/assets/css/gp-style-mobile.css index 037aae7..4b339fd 100644 --- a/assets/css/gp-style-mobile.css +++ b/assets/css/gp-style-mobile.css @@ -53,6 +53,21 @@ .modal-basket__item--return .modal-basket-item__title{ margin-right: auto; } +.notification--width-584{ + width: 100%; +} +.notification__title{ + font-size: 20px; +} +.notification__text--center-pc{ + text-align: start; +} +.notification__img{ + height: 360px; +} +.notification__title{ + padding-right: 96px; +} /* modal */ /* footer */ diff --git a/assets/img/modal/about_slider.png b/assets/img/modal/about_slider.png new file mode 100644 index 0000000..f3a8325 Binary files /dev/null and b/assets/img/modal/about_slider.png differ diff --git a/assets/img/svg/main/white-x.svg b/assets/img/svg/main/white-x.svg new file mode 100644 index 0000000..3697346 --- /dev/null +++ b/assets/img/svg/main/white-x.svg @@ -0,0 +1,3 @@ + + + diff --git a/new.html b/new.html new file mode 100644 index 0000000..2da4bb6 --- /dev/null +++ b/new.html @@ -0,0 +1,325 @@ + + + + + + + SEO title + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + + +
+
+
+ +
+ +
+ +
+
+
+ + + + +
+
+ +
+
+
+
+
+
+
+ Кошкам + +
+
+ Собакам + +
+
+
+ +
+
+ + ГЛАВНАЯ + +
+
+ + ПРОДУКЦИЯ + + Кошкам + + Собакам + +
+
+ + О COSMOPET + +
+
+ + ПРОИЗВОДСТВО + +
+
+ + БЛОГ + +
+
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/notification-decorated.html b/notification-decorated.html new file mode 100644 index 0000000..7d75ce4 --- /dev/null +++ b/notification-decorated.html @@ -0,0 +1,254 @@ + + + + + + + SEO title + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + + +
+
+
+ +
+ +
+ +
+
+
+ + + + +
+
+ +
+
+
+
+
+
+
+ Кошкам + +
+
+ Собакам + +
+
+
+ +
+
+ + ГЛАВНАЯ + +
+
+ + ПРОДУКЦИЯ + + Кошкам + + Собакам + +
+
+ + О COSMOPET + +
+
+ + ПРОИЗВОДСТВО + +
+
+ + БЛОГ + +
+
+
+
+ +
+
+ + +

Ваш заказ оформлен

+ +
+

+ Подтвердите вашу почту +

+
+ +
+ +
+ +
+ +
+
+
+ + + + + \ No newline at end of file diff --git a/notification-sub.html b/notification-sub.html new file mode 100644 index 0000000..51a4016 --- /dev/null +++ b/notification-sub.html @@ -0,0 +1,250 @@ + + + + + + + SEO title + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + + +
+
+
+ +
+ +
+ +
+
+
+ + + + +
+
+ +
+
+
+
+
+
+
+ Кошкам + +
+
+ Собакам + +
+
+
+ +
+
+ + ГЛАВНАЯ + +
+
+ + ПРОДУКЦИЯ + + Кошкам + + Собакам + +
+
+ + О COSMOPET + +
+
+ + ПРОИЗВОДСТВО + +
+
+ + БЛОГ + +
+
+
+
+ +
+
+ + +

Подписка на корм

+ +
+

+ Спасибо за интерес к нашему новому виду услуг, данная функция находится в разработке, если вы хотите узнать первыми о запуске подпишитесь на рассылку. +

+
+ +
+ +
+
+
+ + + + + \ No newline at end of file diff --git a/notification.html b/notification.html new file mode 100644 index 0000000..2da4bb6 --- /dev/null +++ b/notification.html @@ -0,0 +1,325 @@ + + + + + + + SEO title + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + + + + +
+
+
+ +
+ +
+ +
+
+
+ + + + +
+
+ +
+
+
+
+
+
+
+ Кошкам + +
+
+ Собакам + +
+
+
+ +
+
+ + ГЛАВНАЯ + +
+
+ + ПРОДУКЦИЯ + + Кошкам + + Собакам + +
+
+ + О COSMOPET + +
+
+ + ПРОИЗВОДСТВО + +
+
+ + БЛОГ + +
+
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/registration.html b/registration.html index 4c73d15..5f2e8f2 100644 --- a/registration.html +++ b/registration.html @@ -454,6 +454,89 @@ +
+
+
+
+
+

Заказ от 06.09.2024

+

763276427364

+
+
+

Оплачено:

+

8960

+
+
+ +
+
+

Статус:

+

Доставлен

+
+ +
+
+
+

Адрес доставки:

+

Постомат: г.Москва, Каланчевская набережная, д.16

+
+ +
+
+
+ + +
+
+

Сухой корм, для крупных и средних пород

+

Индейка, 2 кг

+
+ +

3

+ +

10280

+
+
+
+ + +
+
+

Сухой корм, для крупных и средних пород

+

Индейка, 2 кг

+
+ +

3

+ +

10280

+
+
+
+ +
+ + Электронный чек + + +
+
+
+
+ + +
+ +
+ + + +
+
+
+
+

Пока нет заказов

@@ -464,6 +547,12 @@
+ +
+ +