<nav class="navbar navbar-expand navbar-light navbar-bg">
    <a class="sidebar-toggle js-sidebar-toggle">
        <i class="hamburger align-self-center"></i>
    </a>

    <div class="ms-auto d-flex align-items-center">
        {% for name, values in index_data.items() %}
        <span class="me-3">
            {{ name }}
            <strong>{{ values.price }}</strong>
            {% if values.diff >= 0 %}
            <span class="text-danger">
                <i class="bi bi-caret-up-fill"></i> +{{ values.diff }}
            </span>
            {% else %}
            <span class="text-success">
                <i class="bi bi-caret-down-fill"></i> {{ values.diff }}
            </span>
            {% endif %}
        </span>
        {% endfor %}
    </div>

</nav>