F a Q Video Background - Copy this Html, Bootstrap Component to your project

Problem Statement: Build a FAQ Webpage with a Video Background 1. Objective: Develop a FAQ (Frequently Asked Questions) webpage for the IT department of Lotte Mart. The page should display a full screen video background and contain content related to frequently asked questions about accounts, orders, shipping, and technical issues. The webpage must be responsive (compatible with various devices) and ensure smooth user experience. 2. Functional Requirements: Video Background: The video background should autoplay, be muted, and loop infinitely. The video should scale proportionally and adjust to the user’s screen size without obstructing the main content. Display User's IP Address: The page should display the IP address of the user at the top of the page. Main Content: Include sections for FAQ information, divided into main groups such as: Account, Orders, Shipping, and Returns. Use accordions (expandable sections) to display answers when users click on the questions. Sidebar Navigation: A sidebar on the left side of the screen should allow users to navigate between different FAQ sections. Footer: The footer should be displayed at the bottom of the page, containing a thank you message and contact information for the IT department. 3. Technical Requirements: Languages and Frameworks: Use Django to develop the back end of the website. Use Bootstrap 5 for the front end to create a responsive and user friendly interface. The video background should be managed using CSS, with the possibility of using JavaScript to enhance user experience. Static Files: Use Django’s static file management system to load CSS, videos, and images. Design Requirements: The design should be simple, modern, and user friendly. Ensure compatibility with various browsers and devices (responsive design). 4. File Structure: Django Project: The static/ folder will contain CSS and the background video. The templates/ folder will contain the HTML files like faq.html. Static Files: The background video should be placed in the static/videos/ folder. Custom CSS file should be in static/css/faq_style.css. 5. Backend Requirements: Use Django to retrieve the user’s IP address and display it on the webpage. 6. Additional Suggestions: Provide setup instructions or a README to ensure easy deployment and operation of the website. Summary of Requirements: Create a FAQ webpage with a video background, user friendly interface, IP address display, and accordion FAQ sections. The webpage should be responsive and use Django for the back end and Bootstrap for the front end.