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

<!DOCTYPE html>
<html>
<head>
    <style>
        @font-face {
            font-family: "Regular";
            /* Исправил oft на otf */
            src: url("мустафин/assets/font/Regular.otf");
        }

        .custom-font {
            /* Добавил кавычки и запятую */
            font-family: "Regular", sans-serif;
        }
    </style>
</head>

<body style="margin: 0; font-family: sans-serif;">

    <div style="display: flex; width: 100%;">
        <div style="background: #4158D0; flex: 1; height: 60px;"></div>
        <div style="background: #C850C0; flex: 1; height: 60px;"></div>
        <div style="background: #FFCC70; flex: 1; height: 60px;"></div>
    </div>

    <div class="custom-font" style="background: #f0f0f0; width: 100%; height: 50px; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #000;">
        Слайдер
    </div>

    <div style="padding: 20px;">
        <p style="text-align: left;"><b>Услуги (Товары)</b></p>
    </div>

</body>
</html>