Сделать «готовый лендинг» можно в двух форматах: (1) **полностью в Tilda** (блоки + Zero Block анимации) или (2) **одним HTML‑блоком T123** (вставить HTML/CSS/JS и сразу опубликовать). Tilda официально поддерживает вставку HTML/CSS/JS через блок T123 (Embed HTML Code).[1][2]
## Уточни 2 вещи (чтобы отдать 100% готовое)
1) Делаем на **Tilda** и ты хочешь **страницу из Zero Block’ов** (без кода), или можно **1 блок T123** (кодом)?[1]
2) Нужны ли **формы/оплата** (например, «Оставить заявку» → Telegram/WhatsApp/почта), или достаточно кнопки «Забронировать»?
Пока ты отвечаешь — ниже даю **готовый вариант “вставил и опубликовал”** через T123.
---
## Готовый лендинг (T123 одним блоком)
**Как поставить:**
- В Tilda → Добавить блок → Other → **T123 “Embed HTML code”** и вставить код ниже целиком.[1]
- Опубликовать страницу (в режиме редактирования код будет отображаться как текст — это нормально).[1]
### Код (HTML + CSS + JS)
```html
CHR1 • Shore excursion • 8 часов
Крайстчерч + Антарктика из порта Литтелтон
Приватный маршрут для круизных гостей: обзорная поездка по «городу‑саду», редкие животные Новой Зеландии в Willowbank и впечатления Антарктиды в International Antarctic Centre.
Что увидите
Крайстчерч
Обзор города и окрестностей
Must‑see
Willowbank + Antarctic Centre
Программа маршрута
Темп комфортный: успеваем увидеть главное, сделать фотостопы и вернуться вовремя к посадке на лайнер (точное расписание подстроим под ваш круиз).
1) Литтелтон → панорамы Banks Peninsula
Сразу после встречи у причала — живописный переезд: бухта, склоны древнего вулкана и лучшие обзорные точки по пути к Крайстчерчу.
Фотостопы Пейзажи гавани Комфортный старт
2) Крайстчерч: «город‑сад»
Обзорная по центру и ключевым кварталам: атмосфера английского наследия, зелёные набережные и город, который вдохновляюще обновился после землетрясений.
City highlights Фото‑точки Лёгкая прогулка
3) Willowbank Wildlife Reserve
Редкая возможность увидеть символ Новой Зеландии — птицу киви — и других животных в атмосферном природном парке.
Киви Туатара Идеально для семьи
4) International Antarctic Centre
«Антарктика под крышей»: ледяная зона со штормовым ветром, техника полярников (Hägglund), интерактивы и история реальных экспедиций.
Антарктический шторм Hägglund ride Вау‑эффект
Вау‑факты для эмоций
Ворота в Антарктиду
Крайстчерч известен как один из ключевых пунктов поддержки антарктических программ и полярной логистики.
Птица‑легенда
Киви — тот самый символ Новой Зеландии, которого вживую увидеть удаётся далеко не каждому туристу.
Лёд, ветер, техника
В Antarctic Centre можно буквально «почувствовать» полярные условия и увидеть технику, похожую на экспедиционную.
Стоимость
Цены указаны за тур (приватно), транспорт подбирается по размеру группы.
| Группа | Транспорт | Цена | Формат |
| 1–4 человека | Авто / минивен | AUD 850 | Комфортный приватный тур |
| 4–7 человек | Минивен | AUD 1100 | Идеально для семьи/компании |
| 8–11 человек | Микроавтобус | AUD 1250 | Для мини‑групп |
Примечание: входные билеты (если нужно) можно указать как «включены» или «оплачиваются отдельно» — под ваш оффер.
Бронирование
Напиши в мессенджер — уточним дату круиза, количество человек и подстроим тайминг под расписание лайнера.
```
***
## Что нужно заменить под тебя
- В блоке «Бронирование» замени ссылки `https://t.me/USERNAME`, `https://wa.me/...`, `mailto:...` на свои.[1]
- Если хочешь **реальные фото** внутри лендинга (не просто арктический дизайн), скажи: пришлёшь ссылки/папку, или можно взять стоки — и какие именно кадры обязательны (Литтелтон/город/киви/антарктический центр).
Хочешь, чтобы этот лендинг был **не кодом**, а как полноценный проект в Tilda (Zero Block + пошаговая анимация/параллакс)? Tilda позволяет настраивать параллакс и анимации в Zero Block.[3][4]
[1](https://help.tilda.cc/html)
[2](https://tilda.cc/en/answers/a/html-en/)
[3](https://help.tilda.cc/zero/animation)
[4](https://tilda.education/en/articles-zero-block)
[5](https://www.youtube.com/watch?v=jwA-4fkWcuE)
[6](https://help.tilda.cc/zero/advanced-animation)
[7](https://www.youtube.com/watch?v=_0vtxaf1fr0)
[8](https://help-center.atlasbeta.so/getatlas-shmn9hse3f/articles/131976-embedding-custom-html-css-javascript-on-tilda)
[9](https://help.tilda.cc/export)
[10](https://www.youtube.com/watch?v=FSp8yZ2-0Mc)
[11](https://github.com/FallenChromium/tilda-static-page-exporter)
[12](https://www.youtube.com/watch?v=NzRmOZGSMSc)
[13](https://nocodexport.com/tools/tilda-to-html)
[14](https://www.youtube.com/watch?v=KlUF6u_rzMM)
[15](https://www.youtube.com/watch?v=Mr9XnN9ILFs)
[16](https://tilda.cc/en/answers/a/document-limit/)
[17](https://tilda.education/en/courses/webanimation/scroll-parallax/)
[18](https://www.youtube.com/watch?v=nT9QzRcfDyw)
[19](https://tilda.cc/en/answers/a/export-en/)
[20](https://www.youtube.com/watch?v=7zJzN_OUsjA)
