Zero Block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
Таможенный калькулятор
Рассчитайте примерную стоимость автомобиля из Японии под ключ
с учетом актуального курса, пошлины, доставки и сборов.
Расчет является предварительным.
Финальная стоимость зависит от курса валют,
характеристик автомобиля и таможенных ставок.
Расчет стоимости
Стоимость авто —
Таможенная пошлина —
Утилизационный сбор —
Таможенный сбор —
Доставка —
Итоговая стоимость
—
Загрузка курса валют...
# ГОТОВЫЙ КОД ДЛЯ TILDA — ПРОСТО СКОПИРОВАТЬ И ВСТАВИТЬ
## КУДА ВСТАВЛЯТЬ
1. Добавь блок T123 в Tilda
2. Вставь ВЕСЬ код ниже целиком
3. Опубликуй страницу
---
## ГОТОВЫЙ КОД
```html
```
---
## HTML
Вставить в HTML-блок T123.
```html
```
---
# CSS
Вставить в настройки страницы → Дополнительный CSS
```css
.jd-calc-wrap {
width: 100%;
display: flex;
justify-content: center;
padding: 40px 20px;
box-sizing: border-box;
}
.jd-calc-card {
width: 100%;
max-width: 420px;
background: linear-gradient(180deg, rgba(15,18,25,0.96) 0%, rgba(7,10,15,0.98) 100%);
border: 1px solid rgba(255,255,255,0.06);
border-radius: 26px;
padding: 28px;
box-sizing: border-box;
backdrop-filter: blur(16px);
box-shadow:
0 0 0 1px rgba(255,255,255,0.03),
0 30px 60px rgba(0,0,0,0.55),
0 0 40px rgba(255,0,0,0.08);
position: relative;
overflow: hidden;
}
.jd-calc-card::before {
content: '';
position: absolute;
top: -120px;
right: -120px;
width: 240px;
height: 240px;
background: radial-gradient(circle, rgba(255,0,0,0.18) 0%, rgba(255,0,0,0) 70%);
pointer-events: none;
}
.jd-calc-header h2 {
color: #ffffff;
font-size: 30px;
line-height: 1;
margin: 0 0 12px;
font-weight: 800;
letter-spacing: 1px;
}
.jd-calc-header p {
margin: 0 0 26px;
color: rgba(255,255,255,0.6);
font-size: 14px;
line-height: 1.5;
}
.jd-calc-grid {
display: flex;
flex-direction: column;
gap: 18px;
}
.jd-field {
display: flex;
flex-direction: column;
gap: 10px;
}
.jd-field label {
color: rgba(255,255,255,0.72);
font-size: 13px;
letter-spacing: 0.4px;
}
.jd-field input {
width: 100%;
height: 56px;
border-radius: 16px;
border: 1px solid rgba(255,255,255,0.08);
background: rgba(255,255,255,0.03);
padding: 0 18px;
box-sizing: border-box;
color: #ffffff;
font-size: 16px;
outline: none;
transition: 0.25s ease;
}
.jd-field input:focus {
border-color: rgba(255,0,0,0.6);
box-shadow: 0 0 0 4px rgba(255,0,0,0.12);
}
.jd-field input::-webkit-outer-spin-button,
.jd-field input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.jd-calc-btn {
width: 100%;
height: 60px;
margin-top: 28px;
border: none;
border-radius: 18px;
background: linear-gradient(180deg, #ff2a2a 0%, #d80000 100%);
color: #ffffff;
font-size: 15px;
font-weight: 700;
letter-spacing: 1px;
cursor: pointer;
transition: 0.3s ease;
box-shadow: 0 14px 34px rgba(255,0,0,0.28);
}
.jd-calc-btn:hover {
transform: translateY(-2px);
box-shadow: 0 18px 40px rgba(255,0,0,0.35);
}
.jd-result-card {
margin-top: 26px;
padding: 22px;
border-radius: 22px;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.05);
}
.jd-result-card span {
display: block;
color: rgba(255,255,255,0.58);
font-size: 12px;
letter-spacing: 1px;
margin-bottom: 10px;
}
.jd-result-card h3 {
margin: 0;
color: #ffffff;
font-size: 42px;
line-height: 1;
font-weight: 800;
}
@media screen and (max-width: 640px) {
.jd-calc-wrap {
padding: 20px 14px;
}
.jd-calc-card {
border-radius: 22px;
padding: 22px;
}
.jd-calc-header h2 {
font-size: 24px;
}
.jd-field input {
height: 52px;
font-size: 15px;
}
.jd-calc-btn {
height: 56px;
}
.jd-result-card h3 {
font-size: 34px;
}
}
```
---
# JavaScript
Вставить перед закрывающим тегом
КАЛЬКУЛЯТОР РАСЧЕТА
Рассчитайте предварительную стоимость автомобиля
ПРИМЕРНАЯ СТОИМОСТЬ В РФ
1 412 000 ₽
КАЛЬКУЛЯТОР РАСЧЕТА
Рассчитайте предварительную стоимость автомобиля
ПРИМЕРНАЯ СТОИМОСТЬ В РФ
