Modern Blog Homepage - Copy this Html, Bootstrap Component to your project

Design a modern and visually appealing blog homepage for a Django based website. The layout should have a clean, user friendly structure and include the following elements: Sidebar: Create a collapsible sidebar on the left side of the page that includes: Navigation links such as 'Home', 'Categories', 'About', and 'Contact'. Sections for recent posts and popular categories. Optional social media icons (Twitter, Facebook, Instagram) at the bottom. Main Blog Section: Display a list of recent blog posts in the center of the page with: Post titles, featured images, short excerpts, and a 'Read more' button for each. Include pagination at the bottom to navigate through older posts. Dark/Light Mode Toggle: Add a toggle switch in the top right corner of the page to switch between dark mode and light mode. Ensure both modes have distinct and elegant color schemes that provide excellent readability. Responsive Design: Ensure the layout adapts well to different screen sizes, from mobile to desktop, keeping all elements intuitive and easy to access. The overall aesthetic should be modern and minimalist, using fonts and colors that create a visually cohesive and attractive experience.