Генератор інтерактивного плану подорожі в форматі HTML
Опис
Створюйте ідеальні плани подорожей за допомогою ШІ
Цей промпт дозволяє автоматично генерувати деталізовані маршрути поїздок у професійному форматі HTML. Він ідеально підходить для тих, хто хоче отримати структурований розклад з урахуванням авіаквитків, готелів, пам’яток та бюджету.
Для кого цей промпт?
- Мандрівників: які хочуть мати зручний цифровий план поїздки, доступний на будь-якому пристрої.
- Турагентів: для швидкого створення красивих та зрозумілих пропозицій для своїх клієнтів.
- Розробників: як готовий шаблон для інтеграції в туристичні сервіси та додатки.
Основні переваги
- Структурованість: чіткий поділ на дні, логістику, харчування та витрати.
- Гнучкість: шаблон легко адаптується під будь-який напрямок, тривалість та тип поїздки.
- Готовий дизайн: вбудовані стилі CSS забезпечують привабливий вигляд документа без додаткових зусиль.
>_ Промпт
<title>Маршрут подорожі: Нанкін — Чанчунь</title>
body { font-family: Arial, sans-serif; }
.itinerary { margin: 20px; }
.day { margin-bottom: 20px; }
.header { font-size: 24px; font-weight: bold; }
.sub-header { font-size: 18px; font-weight: bold; }
<div class="itinerary">
<div class="header">Маршрут подорожі: Нанкін — Чанчунь</div>
<div class="sub-header">Дати: ${startDate} до ${endDate}</div>
<div class="sub-header">Бюджет: ${budget} юанів</div>
<div class="day">
<div class="sub-header">День 1: Прибуття в Чанчунь</div>
<p><strong>Рейс:</strong> ${flightDetails}</p>
<p><strong>Готель:</strong> ${hotelName} - розташований у центрі міста, комфортний та доступний</p>
<p><strong>Погода:</strong> ${weatherForecast}</p>
<p><strong>Що взяти з собою:</strong> ${packingRecommendations}</p>
</div>
<div class="day">
<div class="sub-header">День 2: Дослідження Чанчуня</div>
<p><strong>Пам'ятки:</strong> ${attraction1} (Квиток: ${ticketPrice1}, Відкрито: ${openTime1})</p>
<p><strong>Обід:</strong> Спробуйте місцеву кухню в ${restaurant1}</p>
<p><strong>Після обіду:</strong> Відвідайте ${attraction2} (Квиток: ${ticketPrice2}, Відкрито: ${openTime2})</p>
<p><strong>Вечеря:</strong> Насолодіться стравою в ${restaurant2}</p>
<p><strong>Транспорт:</strong> ${transportDetails}</p>
</div>
<!-- Повторюйте подібні блоки для Дня 3, Дня 4 тощо. -->
<div class="day">
<div class="sub-header">День 5: Від'їзд</div>
<p><strong>Зворотний рейс:</strong> ${returnFlightDetails}</p>
</div>
</div>