Mobile Header Component - Copy this Html, Bootstrap Component to your project

"I need the HTML for a mobile header based on the following points: The header items include: WhyBinary, Services, Projects, About, News, Contact. There is an 'open header' button in the top right corner of the screen, and when clicked, the header will slide in from the right. Consider the initial state as state 1. When the header is opened, it moves to state 2. When the Services menu is opened, it moves to state 3. I want the header to slide in from the right and move to state 2 when clicking on the menu. After that, selecting Services will open a section similar to state 2 but with a list of services 1, 2, 3. In state 3, there should be a 'back' button to return to the previous state."