    <a href="{% url 'jobs_by_location' 'jobs' %}" class="hover:text-purple-600 transition-colors">Location</a>
            </h3>
            <ul class="space-y-1">
              {% for location in total_locations|slice:"17" %}
              <li>
                <a href="{{ location.get_job_url }}"
                  class="text-gray-600 hover:text-purple-600 transition-colors text-xs block hover:bg-purple-50 px-2 py-1">
                  Jobs in {{ location.name }}
                </a>
              </li>
  