<div style="padding: 11px 24px 9px; font-size: 12px;">
    <ol style="list-style: none; display: flex; align-items: center; padding: 0;">
        <li style="margin-right: 8px;">
            <a href="{{ route('my-profile') }}" style="color: #000;">
                <span style="font-size: 10px; opacity: 0.6;">▸</span> Home
            </a>
        </li>
        @foreach ($extraBreadcrumbItems as $item)
            <li style="margin-right: 8px;">
                <span style="font-size: 10px; opacity: 0.6;">▸</span>
                <a href="{{ $item['url'] }}" style="color: #000;">{{ $item['name'] }}</a>
            </li>
        @endforeach
    </ol>
</div>