Help Block

{% set content %}
  {% include '@heading' with {
    'type': 'h2',
    'heading_text': 'How can we help you further?'
  } %}

  <div class="help-block-section">
    {% include '@heading' with {
      'type': 'h3',
      'heading_text': '1. Maybe you were looking for this?'
    } %}
    {% include '@link' with {
      'link': 'javascript:(void);',
      'text': 'Filip Watteeuw',
      'modifier': 'standalone-link'
    } %}
    {% include '@paragraph' with {
      'text': 'Donec condimentum morbi et mollis ultrices eleifend a montes ante ad morbi est ad eleifend ullamcorper. Sapien tristique lectus integer ac condimentum orci nunc quisque',
    } %}
    {% include '@link' with {
      'link': 'javascript:(void);',
      'text': 'This is another link',
      'modifier': 'standalone-link'
    } %}
    {% include '@paragraph' with {
    'text': 'Donec condimentum morbi et mollis ultrices eleifend a montes ante ad morbi est ad eleifend ullamcorper.',
    } %}
    {% include '@link' with {
      'link': 'javascript:(void);',
      'text': 'And a third link',
      'modifier': 'standalone-link'
    } %}
    {% include '@paragraph' with {
    'text': 'Donec condimentum morbi et mollis ultrices eleifend a montes ante ad morbi est ad eleifend ullamcorper. Sapien tristique lectus integer ac condimentum orci nunc quisque',
    } %}
  </div>

  <div class="help-block-section">
    {% include '@heading' with {
      'type': 'h3',
      'heading_text': '2. Try to find the page through our search function:'
    } %}
    <label class="visually-hidden" for="search_field_403">What are you looking for?</label>
    {% include '@search' with {
      'text': 'Search!',
      'for': 'search_field_403',
      'search_id': 'search_field_403'
    } %}
  </div>

  <div class="help-block-section">
    {% include '@heading' with {
      'type': 'h3',
      'heading_text': '3. Continue to navigate from here?'
    } %}
    {% include '@paragraph' with {
      'text': 'This can be done in several ways:',
    } %}
    {% include '@list' with {
      'type': 'icon-list',
      'icon_items': [
        '<i class="icon-home" aria-hidden="true"></i><span>Return to the <a href="javascript:(void);" alt="Homepage">homepage</a></span>',
        '<i class="icon-fancyback" aria-hidden="true"></i>Use the back button of your browser'
      ]
    } %}
  </div>
{% endset %}

{% include "@highlight--no-image" with {
  content: content,
  classes: ['help-block']
} %}