l>
      </nav>
    </div>
  </div>
{% else %}
  <!-- start of empty page -->
  <div>
    <div style="display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%;" >
      <img
      style="width: 150px; height: 150px"
      src="{% static 'images/ui/no-results.png' %}"
      class="oh-404__image mb-4"
      />
      <h5 class="oh-404__subtitle">
      {% trans "No search result found!" %}
      </h5>
    </div>
  </div>
  <!-- end of empty page -->
{% endif %}

<script