image-card.html

{% if include.image_path %}
{% assign image_path = site.directory.images | append: include.image_path %}
{% assign url = include.url %}
{% assign caption = include.caption %}
<div class="card frontpage-image-card">
    {% if image_path %}
    <img src="{{ image_path | relative_url }}" class="card-img" alt="{{ caption }}">
    {% else %}
        <!--
            WARNING: frontpage/image-card.html was included but now image was
                     defined
        -->
    {% endif %}
    <div class="card-img-overlay">
        {% if caption %}
        <h3 class="card-title">{{ caption }}</h3>
        {% endif %}
        {% if url %}
        <a href="{{ url }}" class="btn btn-outline-light">Learn more</a>
        {% endif %}
    </div>
</div>
{% else %}
    <!--
        WARNING: frontpage/image-card.html was included,
        but parameter image_path was not defined
    -->
{% endif %}