// Калькулятор document.getElementById('fulfillment-calc').addEventListener('submit', function(e) { e.preventDefault(); const volume = document.getElementById('volume').value; const orders = document.getElementById('orders').value; const price = volume * 500 + orders * 20; // Пример расчета document.getElementById('result').innerHTML = `

Примерная стоимость: ${price} ₽/мес

На основе ${volume} м³ и ${orders} заказов/день.

`; document.getElementById('result').style.display = 'block'; }); // Обновление значения объема document.getElementById('volume').addEventListener('input', function() { document.getElementById('volume-value').textContent = this.value + ' м³'; }); // Анимация tilt для изображения VanillaTilt.init(document.querySelector(".hero-image"), { max: 10, speed: 400, glare: true });
/* Основные стили */ body { font-family: 'Roboto', sans-serif; margin: 0; color: #333; } .container { width: 90%; max-width: 1200px; margin: 0 auto; } .btn { background: #4CAF50; color: white; padding: 12px 25px; border-radius: 30px; text-decoration: none; font-weight: 600; transition: all 0.3s; } .btn:hover { background: #3e8e41; transform: translateY(-3px); } /* Шапка */ .header { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; } .logo { font-size: 24px; font-weight: 700; } .logo span { color: #4CAF50; } .nav a { margin: 0 15px; text-decoration: none; color: #333; } /* Hero-блок */ .hero { display: flex; align-items: center; padding: 80px 0; } .hero h1 { font-size: 48px; margin-bottom: 20px; } .hero-image { border-radius: 20px; overflow: hidden; box-shadow: 0 20px 40px rgba(0,0,0,0.1); } /* Преимущества */ .features { padding: 80px 0; background: #f9f9f9; } .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 40px; } .feature { text-align: center; padding: 30px; background: white; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .feature i { font-size: 40px; color: #4CAF50; margin-bottom: 20px; } /* Калькулятор */ .calculator { padding: 80px 0; } .form-group { margin-bottom: 20px; } input[type="range"] { width: 100%; } .result { margin-top: 30px; padding: 20px; background: #f0f8ff; border-radius: 10px; display: none; } /* Адаптивность */ @media (max-width: 768px) { .hero { flex-direction: column; } .features-grid { grid-template-columns: 1fr; } } Fulfillment Pro — Умный фулфилмент для бизнеса

Фулфилмент под ключ
для вашего бизнеса

Хранение, упаковка и доставка без головной боли

Рассчитать стоимость
Склад

Почему выбирают нас

Хранение от 1 дня

Гибкие условия для любого объема.

Автоматизация

Интеграция с Wildberries, Ozon, Shopify.

Доставка 24/7

По всей России и СНГ.

Калькулятор тарифов

10 м³
OUR COMPANY
Bring Your Ideas to Life
Everything that you dreamed of can be brought to life exactly at the moment when you decide to win.
Made on
Tilda