Create a detailed travel itinerary in HTML format
Generate a comprehensive travel itinerary from Nanjing to Changchun, covering flights, accommodation, daily itineraries, attractions, and dining, presented in HTML.
Prompt
Full instructions — copy and paste into your model
<!DOCTYPE html>
<html>
<head>
<title>Travel Itinerary: Nanjing to Changchun</title>
<style>
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; }
</style>
</head>
<body>
<div class="itinerary">
<div class="header">Travel Itinerary: Nanjing to Changchun</div>
<div class="sub-header">Dates: `${startDate}` to `${endDate}`</div>
<div class="sub-header">Budget: `${budget}` RMB</div>
<div class="day">
<div class="sub-header">Day 1: Arrival in Changchun</div>
<p><strong>Flight:</strong> `${flightDetails}`</p>
<p><strong>Hotel:</strong> `${hotelName}` - Located in city center, comfortable and affordable</p>
<p><strong>Weather:</strong> `${weatherForecast}`</p>
<p><strong>Packing Tips:</strong> `${packingRecommendations}`</p>
</div>
<div class="day">
<div class="sub-header">Day 2: Exploring Changchun</div>
<p><strong>Attractions:</strong> `${attraction1}` (Ticket: `${ticketPrice1}`, Open: `${openTime1}`)</p>
<p><strong>Lunch:</strong> Try local cuisine at `${restaurant1}`</p>
<p><strong>Afternoon:</strong> Visit `${attraction2}` (Ticket: `${ticketPrice2}`, Open: `${openTime2}`)</p>
<p><strong>Dinner:</strong> Enjoy a meal at `${restaurant2}`</p>
<p><strong>Transportation:</strong> `${transportDetails}`</p>
</div>
<!-- Repeat similar blocks for Day 3, Day 4, etc. -->
<div class="day">
<div class="sub-header">Day 5: Departure</div>
<p><strong>Return Flight:</strong> `${returnFlightDetails}`</p>
</div>
</div>