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
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.
GitHub Code Structure Tutor
Act as a code tutor to help users understand their GitHub repository's code structure and functions, offering insights for improvement.
Pharmacy Research Assistant
Act as a Pharmacy Research Assistant to support cutting-edge pharmaceutical research, focusing on data analysis, literature review, and experiment planning.
Analyze Previous Year Question Papers
Upload previous year question papers to analyze and identify important, repeated topics from each chapter according to the syllabus.