Design Seeds Boiler - Component Library

Card: Img 

<div class="card card--img">
    <div class="card__img">
        <img src="https://picsum.photos/370/280">
    </div>
    <div class="card__details">
        <div class="tags">tags</div>
        <h3 class="card__heading">Title</h3>

    </div>
    <div class="card__btm">
        <button class="btn btn--alt btn--icon ">
            View project

            <svg viewBox="0 0 20 20" class="a-icon__svg svg-icon__arrow-dims">
                <use xlink:href="#icon__arrow"></use>
            </svg>

        </button>
    </div>
</div>
 
<div class="card card--img">
    <div class="card__img">
        <img src="https://picsum.photos/370/280">
    </div>
    <div class="card__details">
        {% if not hidetags %}
        <div class="tags">{{ tags | default('tags')}}</div>
        {% endif %}
        <h3 class="card__heading">{{ name | default('Title') }}</h3>

    </div>
    <div class="card__btm">
        {% render "@button--default" with {classess:'btn--alt btn--icon', icon: '@icon--icon__arrow', 'svgsize':'a-icon__svg--x2', 'name' : 'View project'} %}

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

No notes defined.