<div class=“row”>

<div class="col hero-slider__slider">
{% for slide in page.slides %}
{% assign url_first_char = slide.url | slice: 0 %}
  {% if forloop.first == true %}
  <div>
    <a
      {% if slide.url contains "https://" or slide.url contains "http://" %}href="{{ slide.url }}"
      {% elsif url_first_char == '.' or url_first_char == '/' or slide.url == '#' %}href="{{ slide.url }}"
      {% else %}href="{{ page.baseurl }}{{ slide.url }}"{%- endif -%}
      {% if slide.new_tab == true %} target="_blank" rel="noopener noreferrer"{%- endif -%}>
      <img src="{{page.baseurl}}{{slide.image}}"
        class="img-fluid hero-slider__slider--slide-img {% if slide.white_background %} hero-slider__slide-img--border{% endif %}"
        alt="{{slide.alt-text}}" />
    </a>
    {% if slide.text and slide.text != '' %}
    <div class="hero-slider__slider--heading-container text-center">
      <h3 class="hero-slider__slider--slide-heading">{{slide.text}}</h3>
    </div>
    {% endif %}
  </div>
  {%- else -%}
  <div>
    <a
      {% if slide.url contains "https://" or slide.url contains "http://" %}href="{{ slide.url }}"
      {% elsif url_first_char == "." or url_first_char == "/" or slide.url == '#' %}href="{{ slide.url }}"
      {% else %}href="{{ page.baseurl }}{{ slide.url }}"{%- endif -%}
      {% if slide.new_tab == true %} target="_blank" rel="noopener noreferrer"{%- endif -%}>
      <img src="{{ page.baseurl }}assets/img/placeholder_16to9.jpg"
        data-src="{{page.baseurl}}{{slide.image}}"
        class="img-fluid hero-slider__slider--slide-img {% if slide.white_background %} hero-slider__slide-img--border{% endif %}"
        alt="{{slide.alt-text}}" />
    </a>
    {% if slide.text and slide.text != "" %}<div class="hero-slider__slider--heading-container text-center">
    <h3 class="hero-slider__slider--slide-heading">{{slide.text}}</h3>
    </div>{% endif %}
  </div>
  {% endif %}
{%- endfor -%}
</div>

</div>