Image Card


<div class="image-card{% if variant %} {{variant}}{% endif %}  matchHeights">
	{% if heading %}
	<div class="image-card__heading">
		<{{type}}{% if id %} id="{{id}}"{% endif %}>
		<a href="{{href}}">{{heading}}</a>
		</{{type}}>
	{% endif %}
	</div>
	<div class="image-card__content">
		<img class="image{% if variant %} image--{{variant}}{% endif %}"{% if id %} id="{{id}}"{% endif %} src="{{source}}" alt="{{alt}}">
		{% if text %}
		<p class="image-card__paragraph"{% if id %} id="{{id}}"{% endif %}>
		    {% if bold %}<strong>{% endif %}{{- text }}{% if bold %}</strong>{% endif %}
		</p>
		{% endif %}
	</div>
</div>

{% include "../../components/molecules/image-card.html" with {
	type: 'h3',
	href: '#',
	heading: 'Art Directions',
	source: '/assets/images/content/project-image.jpg',
	alt: 'Artdirection',
	text: 'This is a current live build which I restyled from a bootstrap framework before I started my first job as a Front End Developer',
	href: 'http://www.artdirections.co.uk/'
}%}