, чтобы создать эту панель навигации, вы можете начать с нуля или использовать Bootstrap, чтобы ускорить процесс. Чтобы панель навигации была похожа на ту, что представлена на изображении, вам понадобится комбинация HTML и CSS. Вы можете создать контейнер div, используя <div></div>, и присвоить ему такой класс, как .navbar, а затем, используя CSS, вы можете назначить класс background-color: aquablue;. Дайте классу margin-top: 5%; или около того, чтобы воспроизвести предоставленное вами изображение, а затем также поле слева. Оттуда вам просто нужно создать неупорядоченный список <ul></ul> и добавить элементы панели навигации, используя теги <li></li>, и указать для них все желаемые шрифты и расположение, используя CSS. Я полагаю, что непрозрачность панели навигации на изображении составляет примерно 0,7, поэтому фон все еще виден. Вы также можете посетить документацию Bootstrap по этой ссылке: https://getbootstrap.com/docs/4.1/getting-started/introduction/, чтобы использовать их панели навигации на своем веб-сайте с их настраиваемыми CSS, готовыми для вас. Что касается изображения lo go, я бы предположил, что это часть всего изображения, присутствующего в верхней части веб-страницы, и синяя полоса была помещена поверх него, но я не могу сказать, не проверив, все ли lo go является гиперссылкой или нет ... Надеюсь, это поможет!
(Вам все равно потребуется назначить атрибуты ширины и высоты для панели навигации в CSS и многое другое, но это вкратце, как это сделать это)