BBH

Search Suggest 

<div class="c-search-suggest">

    <div class="c-search-suggest__col">
        <div class="c-search-suggest__title">
            <h4 class="text-style-big">Branchen</h4>
        </div>
        <div class="c-search-suggest__results">

            <a class="c-search-suggest__result" href="">Nonumy eirmod</a>

            <a class="c-search-suggest__result" href="">Quis nostrud</a>

            <a class="c-search-suggest__result" href="">Quis nostrud</a>

            <a class="c-search-suggest__result" href="">Lorem ipsum dolor sit amet nonumy eirmod ipsum dolor sit amet</a>

            <a class="c-search-suggest__result" href="">Quis nostrud</a>

            <a class="c-search-suggest__result" href="">Lorem ipsum dolor sit amet nonumy eirmod ipsum dolor sit amet</a>

            <a class="c-search-suggest__result" href="">Lorem ipsum dolor sit amet nonumy eirmod ipsum dolor sit amet</a>

            <a class="c-search-suggest__result" href="">Quis nostrud</a>

        </div>
    </div>

    <div class="c-search-suggest__col">
        <div class="c-search-suggest__title">
            <h4 class="text-style-big">Einträge</h4>
        </div>
        <div class="c-search-suggest__results">

            <a class="c-search-suggest__result" href="">Ad minim veniam</a>

            <a class="c-search-suggest__result" href="">Temporinvidunt</a>

            <a class="c-search-suggest__result" href="">Quis nostrud</a>

            <a class="c-search-suggest__result" href="">Quis nostrud</a>

            <a class="c-search-suggest__result" href="">Ad minim veniam</a>

            <a class="c-search-suggest__result" href="">Lorem ipsum dolor sit amet nonumy eirmod ipsum dolor sit amet</a>

            <a class="c-search-suggest__result" href="">Ad minim veniam</a>

            <a class="c-search-suggest__result" href="">Ad minim veniam</a>

        </div>
    </div>

</div>
 
{% set result = [
  'Lorem ipsum dolor sit amet nonumy eirmod ipsum dolor sit amet',
  'Dolorent',
  'Ad minim veniam',
  'Quis nostrud',
  'Nonumy eirmod',
  'Temporinvidunt'
] %}

<div class="c-search-suggest">

  {% for column in [0, 1] %}
    <div class="c-search-suggest__col">
      <div class="c-search-suggest__title">
        <h4 class="text-style-big">{{ ['Branchen', 'Einträge'][column] }}</h4>
      </div>
      <div class="c-search-suggest__results">
        {% for index in [1, 2, 3, 4, 5, 6, 7, 8] %}
          
          {% set rnd6 = [0,1,2,3,4,5] | random %}
          <a class="c-search-suggest__result" href="">{{ result[rnd6] }}</a>

        {% endfor %}
      </div>
    </div>
  {% endfor %}

</div>
 
/* No context defined. */

No notes defined.