{% macro full_width_feature(heading, subtitle, illustration, know_more) %}

<div class='row' style="margin-top:5em;">
	<div class='col-sm-12 col-md-7'>
		<div class='card h-100'>
			<div>
				<img src="/assets/influxerp_com/images/features/{{ illustration }}"></img>
			</div>
		</div>
	</div>
	<div class='col-sm-12 col-md-5'>
		<h3 class='feature-title'>{{ heading }}</h3>
		<p class='feature-description'>{{ subtitle }}</p>
		{% if know_more %}
		<a class='text-muted small' href="{{know_more}}">Know More</a>
		{% endif %}
	</div>
</div>
{% endmacro %}

{% macro full_width_feature_reverse(heading, subtitle, illustration, know_more) %}

<div class='row' style="margin-top:5em;">
	<div class='col-sm-12 col-md-5'>
		<h3 class='feature-title'>{{ heading }}</h3>
		<p class='feature-description'>{{ subtitle }}</p>
		{% if know_more %}
		<a class='text-muted small' href="{{know_more}}">Know More</a>
		{% endif %}
	</div>
	<div class='col-sm-12 col-md-7'>
		<div class='card h-100'>
			<div>
				<img src="/assets/influxerp_com/images/features/{{ illustration }}"></img>
			</div>
		</div>
	</div>
</div>
{% endmacro %}

<!-- {% macro half_width_feature(heading, subtitle, illustration, know_more)%}
<div class="mt-5">
	<div class='card h-100'>
		<div>
			<img src="/assets/influxerp_com/images/features/{{ illustration }}"></img>
		</div>
	</div>
	<div class="mt-3">
		<h3 class='feature-title'>{{ heading }}</h3>
		<p class='text-muted'>{{ subtitle }}</p>
		<a class='text-muted small' href="{{know_more}}">Know More</a>
	</div>
</div>
{% endmacro %} -->
