This example demonstrates a full-width horizontal navigation menu whose six items are evenly distributed across the available space using CSS Flexbox, with equal width and spacing for each link. The menu relies on the `display: -ms-flexbox` and `-ms-flex: 1` properties to achieve the equal layout, while also including fallback properties for older box-based implementations. The code uses the 'Abel' webfont from Google Fonts for styling, and each tab features a subtle gradient background and a hover effect that darkens the tone. The markup is a simple unordered list inside a `<nav>` element, with no JavaScript or data source involved—the visual effect is purely CSS-based.