Вітрина
Mandarin Shop
@-webkit-keyframes anim {
from {
transform: rotate(0deg) translate(-20px) rotate(0deg);
-webkit-transform: rotate(0deg) translate(-20px) rotate(0deg);
}
to {
transform: rotate(360deg) translate(-20px) rotate(-360deg);
-webkit-transform: rotate(360deg) translate(-20px) rotate(-360deg);
}
}
@keyframes anim {
from {
transform: rotate(0deg) translate(-20px) rotate(0deg);
-webkit-transform: rotate(0deg) translate(-20px) rotate(0deg);
}
to {
transform: rotate(360deg) translate(-20px) rotate(-360deg);
-webkit-transform: rotate(360deg) translate(-20px) rotate(-360deg);
}
}
.m-body {
min-width: 280px;
max-width: 685px;
background-color: #fff !important;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
font-family: "Manrope", sans-serif !important;
font-size: 16px !important;
color: #171717 !important;
font-weight: 400;
overflow: hidden;
position: relative;
z-index: 0;
line-height: 1.4em;
}
.m-body img {
max-width: none !important;
}
.m-header {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
flex-wrap: wrap;
z-index: 3;
box-sizing: border-box;
position: relative;
padding: 35px 5% 55px;
background: url("https://i.postimg.cc/dtCTwKZk/header-bg.png") center / cover no-repeat;
}
.phone-row {
display: flex;
align-items: center;
justify-content: center;
color: #fff !important;
position: relative;
}
.phone-row::before {
content: "";
width: 97px;
height: 4px;
display: block;
background: #f62727;
box-shadow: 0 5px 15px 0 rgba(246, 39, 39, 0.1);
position: absolute;
bottom: -15px;
}
.phone, .phone:hover {
color: #fff !important;
text-decoration: none !important;
font-size: 16px;
line-height: 1.3em;
font-weight: 300;
margin: 0 10px;
}
.header-title {
margin: 70px auto 10px !important;
text-transform: uppercase;
font-size: 36px !important;
line-height: 1.2em;
color: #fff;
font-weight: 800 !important;
font-family: "Manrope", sans-serif !important;
}
.header-text {
color: #fff;
margin-bottom: 360px;
}
.base-btn {
width: 180px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
color: #fff !important;
text-decoration: none !important;
font-weight: 300 !important;
font-size: 16px;
transition: 0.3s ease-out;
z-index: 3;
background: #f7262d;
box-sizing: border-box;
position: relative;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 10px 20px 0 rgba(247, 38, 45, 0.3);
}
.base-btn:hover {
color: #ffffff !important;
text-decoration: none !important;
background: #5649ed;
box-shadow: 0 10px 20px 0 rgba(87, 73, 237, 0.3);
}
.base-btn:hover a {
color: #ffffff !important;
text-decoration: none !important;
}
.emoji-1 {
position: absolute;
left: -40px;
top: 20%;
-webkit-animation: anim 10s infinite linear;
animation: anim 10s infinite linear;
}
.emoji-2 {
position: absolute;
top: -30px;
right: 10%;
-webkit-animation: anim 13s infinite linear;
animation: anim 13s infinite linear;
}
.emoji-3 {
position: absolute;
left: 10%;
top: 45%;
-webkit-animation: anim 14s infinite linear;
animation: anim 14s infinite linear;
}
.emoji-4 {
position: absolute;
right: 25%;
top: 40%;
-webkit-animation: anim 10s infinite linear;
animation: anim 10s infinite linear;
}
.header-img-1 {
position: absolute;
right: -60px;
top: 25%;
-webkit-animation: anim 12s infinite linear;
animation: anim 12s infinite linear;
}
.header-img-2 {
position: absolute;
left: -175px;
top: 75%;
-webkit-animation: anim 10s infinite linear;
animation: anim 10s infinite linear;
}
.row {
width: 90%;
margin: 0 auto;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
z-index: 4;
}
.base__title {
width: 90%;
margin: 45px auto 45px !important;
position: relative;
line-height: 1.3em !important;
font-size: 18px !important;
font-weight: 800 !important;
text-align: center !important;
color: #3e6ef1 !important;
position: relative;
z-index: 1;
font-family: "Manrope", sans-serif !important;
box-sizing: border-box;
padding: 0;
}
.asset-item {
width: 255px;
height: 360px;
margin: 20px auto;
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
text-align: center;
box-sizing: border-box;
padding: 30px 1%;
border-radius: 8px;
border: 1px solid #17a6fb;
transition: all .3s linear;
}
.asset-item:hover {
color: #fff;
border: 1px solid transparent;
background-image: linear-gradient(to right bottom, #0eb3fd, #5944ec);
box-shadow: 0 10px 15px 0 rgba(90, 68, 236, 0.3);
}
.asset-ico {
width: 115px;
height: 115px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
border-radius: 50%;
background: #eef3ff;
transition: all .3s linear;
}
.asset-item:hover .asset-ico {
background: #fefeff;
}
.asset-ico svg * {
fill: #a2b3dc;
transition: all .3s linear;
}
.asset-item:hover .asset-ico svg * {
fill: #4562f1;
}
.about-text {
width: 50%;
margin: 50px auto;
position: relative;
z-index: 1;
}
.about-text::before {
content: url("https://i.postimg.cc/28gF7whv/about-line.png");
position: absolute;
z-index: -1;
left: -6%;
top: -60px;
}
.about-image {
width: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.about-image::after {
content: url("https://i.postimg.cc/8CSRqzyz/emoji-5.png");
position: absolute;
left: 0px;
bottom: 40px;
-webkit-animation: anim 13s infinite linear;
animation: anim 13s infinite linear;
}
.about-image::before {
content: url("https://i.postimg.cc/kGBKx65f/emoji-6.png");
position: absolute;
right: -5px;
top: -10px;
-webkit-animation: anim 10s infinite linear;
animation: anim 10s infinite linear;
}
.sale-item {
width: calc(100% / 3);
height: 270px;
margin: 0px auto;
background-image: linear-gradient(to right bottom, #edeefd, #edeefd);
border-radius: 0px;
box-sizing: border-box;
padding: 10px;
color: #3b4348 !important;
text-decoration: none !important;
font-weight: 600;
transition: all .3s linear;
position: relative;
z-index: 1;
border: 1px solid #b7c7ff;
}
.sale-image {
height: 75%;
display: flex;
align-items: center;
justify-content: center;
}
.sale-item:hover {
color: #fff !important;
text-decoration: none !important;
background-image: linear-gradient(to right bottom, #0eb3fd, #5944ec);
border-radius: 8px;
border: 1px solid transparent;
}
.sale-text {
margin-top: 20px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.sale-item-bg {
width: calc(100% - (100% / 3));
display: flex;
justify-content: flex-end;
flex-direction: column;
box-sizing: border-box;
padding: 3%;
background-image: url("https://i.postimg.cc/13cnVcHy/sale-bg.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
color: #fff !important;
}
.sale-title {
font-size: 18px;
font-weight: 900;
margin-bottom: 15px;
}
.sale-btn {
text-decoration: underline !important;
font-weight: 300;
}
.testimonial-item {
width: 295px;
box-sizing: border-box;
padding: 25px 15px;
border-radius: 10px;
position: relative;
background: #edeefd;
margin: 20px 1%;
}
.testimonial-emoji-1 {
position: absolute;
left: 30px;
top: -24px;
-webkit-animation: anim 10s infinite linear;
animation: anim 10s infinite linear;
}
.testimonial-emoji-2 {
position: absolute;
right: 30px;
top: -15px;
-webkit-animation: anim 12s infinite linear;
animation: anim 12s infinite linear;
}
.testimonial-emoji-3 {
position: absolute;
right: 50px;
top: -20px;
-webkit-animation: anim 11s infinite linear;
animation: anim 11s infinite linear;
}
.testimonial-item:nth-child(2) {
top: 75px;
}
.testimonial-row .base-btn {
margin-top: 75px;
}
.testimonial-row::before {
content: url("https://i.postimg.cc/BnGPvw2h/testimonial-line.png");
position: absolute;
right: -6%;
z-index: -1;
top: -20px;
}
.asset-item-second {
width: 155px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
text-align: center;
margin: 20px auto;
}
.asset-second-num {
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-bottom: 15px;
color: #373737;
font-size: 30px;
font-weight: 600;
transition: all .3s linear;
}
.asset-item-second:hover .asset-second-num {
transform: scale(1.5);
}
.asset-second-num::before {
content: url("https://i.postimg.cc/6pRVjvfP/elipse-1.png");
position: absolute;
top: -6px;
}
.shema-block {
width: 70%;
margin: 0 auto;
box-sizing: border-box;
position: relative;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
}
.shema-item {
width: 200px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
margin: 20px auto;
text-align: left;
box-sizing: border-box;
transition: all .3s linear;
}
.shema-ico {
width: 135px;
height: 135px;
margin: 0 0 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
border: 1px solid #17a6fb;
transition: all .3s linear;
position: relative;
z-index: 1;
}
.shema-ico svg * {
fill: #a2b3dc;
transition: all .3s linear;
}
.shema-item:hover .shema-ico svg * {
fill: #fff;
}
.shema-ico::before {
content: "";
position: absolute;
z-index: -1;
width: 115px;
height: 115px;
border-radius: 50%;
background: #eef3ff;
display: block;
transition: all .3s linear;
}
.shema-item:hover .shema-ico::before {
opacity: 0;
}
.shema-item:hover .shema-ico {
background-image: linear-gradient(to right bottom, #0eb3fd, #5944ec);
box-shadow: 0 10px 15px 0 rgba(90, 68, 236, 0.3);
}
.shema-image {
width: 30%;
}
.shema-image img {
position: relative;
left: -55px;
}
@media (max-width: 700px) {
.emoji-1, .header-img-1, .emoji-2 {
display: none;
}
.header-title, .header-text {
text-align: center;
}
.phone, .phone:hover {
font-size: 15px !important;
}
.about-text {
width: 100%;
}
.about-image {
width: 100%;
}
.sale-item, .sale-item-bg {
width: 100%;
}
.testimonial-item:nth-child(2) {
top: 0px;
}
.shema-block {
width: 100%;
}
.shema-image {
width: 100%;
}
}
(050) 069 00 02 | (067) 807 19 44
Mandarin Shop
Ми займається продажем товарів для сім'ї та дому
Відкрити каталог
Відмітні якості
Всі товари, які можна придбати на нашому сайті, поставляються безпосередньо від виробників
Якість товару гарантовано, він проходить кілька ступенів перевірки на якість перед відправкою
Вартість товарів для наших клієнтів досить прийнятна. До того ж ми регулярно проводимо акції, роздаємо подарунки
Ми довіряємо покупцям, тому пропонуємо їм оплатити товар післяплатою після отримання
Ми постійно поповнюємо асортимент наших товарів. Працюємо на пряму з імпортерами та постачальниками, тому наші ціни Вас приємно здивують! З будь-яких питань можете звертатися до наших менеджерів за телефоном або за формою зворотнього зв'язку. Ми зв'яжемося з Вами в найкоротший час і допоможемо визначитися з вибором.
Топ продаж
Samsung Smart TV 42* ULTRA HD, 4K Рюкзак SwissGear 8810 П USB, AUX Селфи кільце Лампа 30 см Мультиварка Грант GT 525 на 5 л Кращу якість за кращою ціною Більше товарів
Відгуки покупців
По перше великий вибір По друге відповідальний продавець В третіх відправляють в день замовлення. Все сподобалося.
Все супер!) рюкзак відмінний,якості класне,дуже місткий.І приємні подаруночки до нього. Продавцю спасибі.
Зв'язалися швидко. Відправили товар в той же день. Враження хороші рекомендую.
Більше відгуків
Переваги
1
Всі товари на сайті в наявності
2
Бонусна система знижок для постійних клієнтів
3
Власний сервісний центр
4
Постійні акції та знижки
5
Всі ціни актуальні
6
При купівлі кожному клієнту даруємо цікаві потрібні подарунки
Як ми працюємо?
Замовлення на сайті або замовлення за телефоном (Viber)
Оплата на картку, або накладений платіж
Доставка поштовими службами Укрпошта, Нова Пошта
Ваш позитивний відгук про нашу роботу
