Header Story {% include 'components/mean-bean/header-story' %}
#
HTML
<div class="full-banner full-banner--mean-bean-lyson full-banner--image" data-image="/images/mainsite5/mean-bean/case-study-hero.jpg">
	<div class="inner">
		<div class="full-banner__content-wrapper"><!-- RESPONSIVE CONTAINER -->
			<!-- CONTENT START -->
			<div class="full-banner__content">
				<h1 class="full-banner__title">Life on the edge</h1>
				<p>Help Matunda - take on the mean bean challenge</p>
				<a class="button button--mean-bean">
					<div class="button--mean-bean__left-white"></div>
					<div class="button--mean-bean__top"></div>
					<div class="button--mean-bean__left"></div>
					Sign Up Today
					<div class="button--mean-bean__bottom-white"></div>
					<div class="button--mean-bean__right"></div>
					<div class="button--mean-bean__bottom"></div>
				</a>
			</div>
			<!-- CONTENT END -->
		</div>
	</div>
</div>
Twig
<div class="full-banner full-banner--mean-bean-lyson full-banner--image" data-image="/images/mainsite5/mean-bean/case-study-hero.jpg">
	<div class="inner">
		<div class="full-banner__content-wrapper"><!-- RESPONSIVE CONTAINER -->
			<!-- CONTENT START -->
			<div class="full-banner__content">
				<h1 class="full-banner__title">Life on the edge</h1>
				<p>Help Matunda - take on the mean bean challenge</p>
				<a class="button button--mean-bean">
					<div class="button--mean-bean__left-white"></div>
					<div class="button--mean-bean__top"></div>
					<div class="button--mean-bean__left"></div>
					Sign Up Today
					<div class="button--mean-bean__bottom-white"></div>
					<div class="button--mean-bean__right"></div>
					<div class="button--mean-bean__bottom"></div>
				</a>
			</div>
			<!-- CONTENT END -->
		</div>
	</div>
</div>
{}

Life on the edge

Help Matunda - take on the mean bean challenge

Sign Up Today