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
Aprendizaje Diario de Japonés
Que actue como profesor de japones empezando desde 0 para aprender la gramatica japonesa, cada dia 1 hora y con rencompensas, ejercicios, repaso...
Analyze PDF and Create MATLAB Code
Analyze individual sections of a PDF to create clear and complete MATLAB code, along with explanations and a presentation.
MPPT Simulation仿真代码
Guide for simulating MPPT (Maximum Power Point Tracking) in photovoltaic systems, explaining key concepts and methods.
Virtual Doctor
Act as a virtual doctor to provide diagnosis and treatment based on described symptoms.