Tags: travel html planning Education Template: Html Parameterized Output: result (image)

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.

By Prompts Chat — Published on

Screenshots

Prompt template

<!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>
</body>
</html>

Parameters

${startdate} startdate Required
${enddate} enddate Required
${budget} budget Required
${flightdetails} flightdetails Required
${hotelname} hotelname Required
${weatherforecast} weatherforecast Required
${packingrecommendations} packingrecommendations Required
${attraction1} attraction1 Required
${ticketprice1} ticketprice1 Required
${opentime1} opentime1 Required
${restaurant1} restaurant1 Required
${attraction2} attraction2 Required
${ticketprice2} ticketprice2 Required
${opentime2} opentime2 Required
${restaurant2} restaurant2 Required
${transportdetails} transportdetails Required
${returnflightdetails} returnflightdetails Required

Comments — 0

Related prompts