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.

Fill in the blanks

Your answers go straight into the prompt below. Leave a field empty to keep it as a placeholder.

Start date

End date

Budget

Flight details

Hotel name

Weather forecast

Packing recommendations

Attraction1

Ticket price1

Open time1

Restaurant1

Attraction2

Ticket price2

Open time2

Restaurant2

Transport details

Return flight details

Prompt

ChatGPT Claude

<!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: Start date to End date</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> Flight details</p>
            <p><strong>Hotel:</strong> Hotel name - Located in city center, comfortable and affordable</p>
            <p><strong>Weather:</strong> Weather forecast</p>
            <p><strong>Packing Tips:</strong> Packing recommendations</p>
        </div>

        <div class="day">
            <div class="sub-header">Day 2: Exploring Changchun</div>
            <p><strong>Attractions:</strong> Attraction1 (Ticket: Ticket price1, Open: Open time1)</p>
            <p><strong>Lunch:</strong> Try local cuisine at Restaurant1</p>
            <p><strong>Afternoon:</strong> Visit Attraction2 (Ticket: Ticket price2, Open: Open time2)</p>
            <p><strong>Dinner:</strong> Enjoy a meal at Restaurant2</p>
            <p><strong>Transportation:</strong> Transport details</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> Return flight details</p>
        </div>

    </div>
</body>
</html>