Career Blog Page - Copy this Html, Tailwind Component to your project

Please create a responsive webpage featuring a top navigation bar with specific elements and a blog section. The navbar should have the logo "Whimsey" on the left side and include navigation links for "Find Job," "Mentorship," "Resume," "Career Guidance," "Support," and "Career Activity." On the right side of the navbar, add "Login" and "Register" buttons. Use the colors #333 (for text), #f5f7fa (for background), #0073e6 (for primary accents), and #005bb5 (for secondary accents). Ensure the design is responsive across all devices: on mobile, incorporate a hamburger menu that toggles the navbar visibility when clicked. Below the navbar, include a blog section where each blog post contains the following details: a title, a brief explanation of the title ("What is <Title>"), a list of required skills, an ordered list of potential future roles or career paths, average salary information, an outline of the required education journey, a list of recommended colleges, and additional resources for further learning. The overall design should be clean, modern, and optimized for mobile, tablet, and desktop views.