Mega Dropdown Navigation - Copy this Html, Bootstrap Component to your project

Create a responsive mega dropdown navigation menu with smooth animation. On desktop, the 'Services' menu should display when hovered, using a subtle fade in and slide down animation. The dropdown contains three columns: 'Web Development,' 'Software Development,' and 'Consulting,' each with relevant links such as 'Front End,' 'Mobile Apps,' and 'Cloud Consulting.' The design should feature a dark, modern navbar with white text and light gray background for the dropdown sections. On mobile view, the dropdown should activate with a click, sliding down smoothly. The mobile version stacks the sections vertically, adapting to smaller screens with touch friendly spacing and bold typography. The animations should be seamless, offering a refined user experience on all screen sizes.