Student Fee Receipt - Copy this Html, Bootstrap Component to your project

Create a visually appealing HTML and CSS design for a student fee receipt PDF. The PDF will be generated for a student management system and should include the following elements: Key Details to Display: School Information: School Name School Address (City, Zip Code) Title: "Fee Receipt" prominently displayed. Student Information: Student ID Student Name (First and Last) Class Aadhar Number Fee Details Table: Fee Head Amount To Be Paid (INR) Remaining Fee (INR) Deposited Fee (INR) Payment Information: Payment Method Transaction ID Payment Status Payment Date Design Requirements: Use a modern and professional color scheme (e.g., navy blue, light gray, white). The design should be clean and minimalistic, suitable for a school environment. Add a logo placeholder for the school at the top, centered. Use a simple, easy-to-read font such as Arial or Helvetica. The fee details table should have alternating row colors to improve readability. Add borders around the table and use padding for table cells to improve layout. Include a footer at the bottom with a note like "Thank you for your payment" and the school's contact details. Sample Structure: Header with the school name, address, and logo. Title "Fee Receipt" centered and in bold. Student information in a clear, organized format. A well-designed table for fee details. Section at the bottom for payment method, transaction ID, status, and date. Footer with a thank you note and school contact details.