Продажа чехлов для мебели, обивочных тканей и комлектующих
Рейтинг компании
на Яндекс картах
5.0
 
Book design is the art of incorporating the content, style, format, design, and sequence of the various components of a book into a coherent whole. In the words of Jan Tschichold, "Methods and rules that cannot be improved upon have been developed over centuries. To produce perfect books, these rules must be revived and applied." The front matter, or preliminaries, is the first section of a book and typically has the fewest pages. While all pages are counted, page numbers are generally not printed, whether the pages are blank or contain content.
Дизайн система — диспетчеры 24/7
Поддержка 24/7

Живые диспетчеры 24/7: помощь в любых ситуациях и рост от 30% к выручке

Наши опытные диспетчеры всегда на связи, оперативно решают любые вопросы и помогают получать дополнительные заказы, чтобы вы зарабатывали больше.

Круглосуточная поддержка

Диспетчеры на связи 24/7, без выходных и праздников.

Решение любых проблем

Помогаем с клиентами, маршрутизацией и вопросами в любой ситуации.

Дополнительные заказы

Диспетчеры ищут новых клиентов и предлагают дополнительные заказы.

Прирост от 30% к выручке

Благодаря активным продажам и эффективной загрузке водителей.

Надёжная команда

Опытные диспетчеры и профессиональные сотрудники, которые действительно заботятся о результате.

Диспетчеры на месте работы
CSS (styles.css) :root{ --bg: #f6f2ea; --text: #111827; --muted: #6b7280; --yellow: #f6c400; --card-shadow: 0 10px 22px rgba(0,0,0,.08); } { box-sizing: border-box; } html, body { height: 100%; } body { margin: 0; font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial; color: var(--text); background: radial-gradient(circle at 0% 0%, #fff 0, #f8f3e8 40%, #f3efe6 100%), var(--bg); } .container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; } .hero { display: grid; grid-template-columns: 1.15fr 0.85fr; align-items: center; gap: 2rem; padding: 48px 0 80px; } .badge { display: inline-flex; align-items: center; gap: 0.6rem; padding: 0.6rem 1rem; border-radius: 999px; background: #fff; font-weight: 600; color: #111; box-shadow: 0 6px 16px rgba(0,0,0,.08); margin-bottom: 10px; } .badge-icon { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--yellow); } .left h1 { font-family: Montserrat, sans-serif; font-weight: 800; font-size: 54px; line-height: 1.05; margin: 8px 0 12px; } .left .lead { font-size: 18px; color: var(--muted); max-width: 560px; } .accent { color: var(--yellow); } .features { display: grid; grid-template-columns: repeat(5, 1fr); gap: 28px; margin-top: 26px; } .card { background: #fff; border-radius: 20px; padding: 20px 20px 22px; box-shadow: var(--card-shadow); display: flex; flex-direction: column; justify-content: flex-start; } .card .icon { width: 56px; height: 56px; border-radius: 50%; background: var(--yellow); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 12px; } .card h3 { font-size: 18px; margin: 0 0 6px; } .card p { margin: 0; color: var(--muted); font-size: 13.8px; } .hero-img { width: 100%; height: 420px; object-fit: cover; border-radius: 0 28px 28px 0; display: block; } @media (max-width: 1100px) { .hero { grid-template-columns: 1fr; padding: 0 0 40px; } .hero-img { border-radius: 0; height: 360px; } } @media (max-width: 900px) { .left h1 { font-size: 46px; } } @media (max-width: 768px) { .features { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 420px) { .features { grid-template-columns: 1fr; } .left h1 { font-size: 38px; } .hero { padding: 0 0 20px; } }