Flight Booking Confirmation - Copy this Html, Bootstrap Component to your project

Successful Flight Reservation (Using Bootstrap 4.4.1) Overall Design: A modern, responsive layout using Bootstrap 4.4.1 components for grid, buttons, and forms. Layout: Header (navbar): Include airline logo on the left, "Reservation Successful" as the heading with a success checkmark (<i class="fa fa check circle"></i>), centered in the middle. Main Section: Reservation Details (container fluid, row, col md *): Passenger name, flight number, departure/arrival cities, times, seat number, gate, and QR code. Use card components for a clean display of each information block. Booking Summary (alert alert info): Show cost breakdown, payment method, and total paid. Call to Action: Use btn btn primary for "Download Itinerary/Boarding Pass." Add additional buttons for "Add to Calendar" and "View/Change Reservation" (btn btn secondary). Footer (footer): Include social icons (fa classes), customer support, and terms links. Responsive Features: Ensure proper scaling with the grid system, so the page adjusts on mobile, tablet, and desktop views. Visual: Use Bootstrap 4's utility classes for spacing (mt 4, mb 3), alignment (text center, text left), and typography (font weight bold). Choose a calming color scheme with minimal distractions (light grays, blues, and whites).