Загрузка данных

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <style>
        .menu {
            list-style-type: none; /* Убираем маркеры */
            margin: 0;
            padding: 0;
            border-bottom: 2px solid #7B68EE; /* Фиолетовая полоса внизу */
        }

        .menu li {
            display: inline;      /* Горизонтальное положение */
            margin-right: -5px;   /* Убираем зазоры по заданию */
        }

        .menu a {
            display: inline-block;
            text-decoration: none; /* Убираем подчеркивание */
            color: #4B0082;        /* Цвет текста */
            background-color: #E6E6FA; /* Светло-фиолетовый фон как на фото */
            padding: 5px 15px;     /* Отступы внутри кнопок */
            border-left: 1px solid #B0C4DE; /* Тонкие разделители */
        }
    </style>
</head>
<body>

    <ul class="menu">
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Gallery</a></li>
        <li><a href="#">News</a></li>
        <li><a href="#">Contacts</a></li>
    </ul>

</body>
</html>