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.
Content
<!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>
🖼️Example Output
This is an example image generated using this prompt.
Related Prompts
Academic Graduation Presentation Guide
Create a structured and impactful academic graduation presentation. This guide helps you organize content, design slides, and deliver your presentation confidently.
Encyclopedia Assistant
Act as an encyclopedia assistant to provide detailed and accurate information on a wide range of topics.
Comprehensive DevOps Guide
A detailed guide covering foundational DevOps concepts, tools, principles, best practices, and the role of cloud and version control systems in a DevOps environment.
Algorithm Quick Guide
Act as an algorithm expert to quickly explain and simplify algorithm concepts for better understanding.