Totaliser {% include 'components/mean-bean/totaliser' %}
#
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.
£288 could restore hope and value to a 4 women like Birungi through business skills training.
Slide the bean to see how your fundraising could help change lives.
Sign Up Today