Primer

HTML

<div class="inner mean-bean">
	<div class="mean-bean-totaliser">

		<div class="mean-bean-totaliser__character"></div>

		<div class="giving-bar__amount giving-bar__community-amount">
			<div class="giving-bar__amount-total">
				<div class="giving-bar__amount-currency">£<input type="number" min="5" max="12000" step="1" class="giving-bar__input" style="width: 33px;"></div>
			</div>
		</div>	

		<div class="giving-bar__content giving-bar__community-content" id="give">
			<div class="giving-description" data-min="72.00" data-max="288.00">
				£72 could restore hope and value to a 1 woman like Birungi through business skills training.  
			</div>
			<div class="giving-description hide" data-min="288.00" data-max="576.00">
				£288 could restore hope and value to a 4 women like Birungi through business skills training.  
			</div>

		</div>

		<div class="giving-bar__giving">		
			<div class="mean-bean-slider"></div>
			Slide the bean to see how your fundraising could help change lives.
		</div>

		<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>
</div>

Twig

<div class="inner mean-bean">
	<div class="mean-bean-totaliser">

		<div class="mean-bean-totaliser__character"></div>

		<div class="giving-bar__amount giving-bar__community-amount">
			<div class="giving-bar__amount-total">
				<div class="giving-bar__amount-currency">£<input type="number" min="5" max="12000" step="1" class="giving-bar__input" style="width: 33px;"></div>
			</div>
		</div>	

		<div class="giving-bar__content giving-bar__community-content" id="give">
			<div class="giving-description" data-min="72.00" data-max="288.00">
				£72 could restore hope and value to a 1 woman like Birungi through business skills training.  
			</div>
			<div class="giving-description hide" data-min="288.00" data-max="576.00">
				£288 could restore hope and value to a 4 women like Birungi through business skills training.  
			</div>

		</div>

		<div class="giving-bar__giving">		
			<div class="mean-bean-slider"></div>
			Slide the bean to see how your fundraising could help change lives.
		</div>

		<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>
</div>

{}

£72 could restore hope and value to a 1 woman like Birungi through business skills training.

Slide the bean to see how your fundraising could help change lives.