Hexagonal Navigation Interface - Copy this Html, Bootstrap Component to your project

The image you shared displays a webpage interface with a unique hexagonal menu and a large title. Here’s a detailed description: Title: At the top, there’s a large heading with the text "WELCOME TO MY PAGE" in uppercase white letters, which stands out prominently against the dark background, making it eye catching. Description: Below the title, there’s a short paragraph with a light gray font. The paragraph uses placeholder text ("Lorem ipsum...") to represent where a description about the page would go. Hexagonal Menu: The menu consists of hexagonal shapes arranged in a horizontal row. These hexagons have a dark background color with a subtle light border when not selected. One hexagon has a red border to indicate the currently selected item ("ABOUT"). Content in the Hexagons: Each hexagon contains a label representing a section, such as "WELCOME," "ABOUT," "SERVICES," "RESUME," "WORKS," "TESTIMONIAL," and "CONTACT." These labels are in uppercase and centered within the hexagons, creating a balanced look. Color Scheme: The entire interface uses a color scheme dominated by black and gray, giving it a modern and professional feel. The labels and borders are in white and red to add contrast and make the menu items easy to recognize. Hover Effect: When the user hovers over the hexagons, there’s a slight color change in the background, making the items stand out more. This design conveys a formal, modern, and somewhat minimalist feel, making it suitable for a personal or professional portfolio website.