Yellow Bar {% include 'components/mean-bean/yellow-bar' %}
#
HTML
<div class="mean-bean mean-bean-yellow-strip clearfix">
    <div class="inner">
        <div class="large-col-7">
            <h2>
                How your fundraiser will help
            </h2>
            <p><strong>£360 could enable 5 people like Birungi to learn a new skill restoring hope, value and potential.</strong></p>
            <div class="mean-bean-button">
                <a href="https://www.tearfund.org/en/about_you/fundraise/sign_up/?Fund={032ED83E-482D-4AFD-9A39-FA8CC8DCFA95}&amp;Activity={43F848A0-C674-479D-AE58-92F27BF88C9D}" class="button button--mean-bean">
                    <div class="button-bottom"></div>
                    <div class="button-top">Sign Up Today</div>
                </a>
            </div>
        </div>
        <div class="large-col-4 column-lift">
            <picture>
                <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/CaseStudy_Bean_Holding_Photograph_Desktop.png, /images/mainsite5/mean-bean/2019/CaseStudy_Bean_Holding_Photograph_Desktop_@2x.png 2x">
                    <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/CaseStudy_Bean_Holding_Photograph_Mobile.png, /images/mainsite5/mean-bean/2019/CaseStudy_Bean_Holding_Photograph_Mobile_@2x.png 2x">
                        <img src="/images/mainsite5/mean-bean/2019/CaseStudy_Bean_Holding_Photograph_Mobile.png" alt="Mean Bean Challenge">
                    </picture>
                </div>
            </div>
        </div>
Twig
<div class="mean-bean mean-bean-yellow-strip clearfix">

	<div class="inner">

		<div class="large-col-7">
			<h2>How your fundraiser will help</h2>
			<p><strong>£360 could enable 5 people like Birungi to learn a new skill restoring hope, value and potential.</strong></p>
			<div class="mean-bean-button">
				<a href="https://www.tearfund.org/en/about_you/fundraise/sign_up/?Fund={032ED83E-482D-4AFD-9A39-FA8CC8DCFA95}&amp;Activity={43F848A0-C674-479D-AE58-92F27BF88C9D}" class="button button--mean-bean">
					
					<div class="button-bottom"></div>
					<div class="button-top">Sign Up Today</div>
					
				</a>
			</div>
		</div>

		<div class="large-col-4 column-lift">
			<picture>
				  <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/CaseStudy_Bean_Holding_Photograph_Desktop.png, /images/mainsite5/mean-bean/2019/CaseStudy_Bean_Holding_Photograph_Desktop_@2x.png 2x">
				  <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/CaseStudy_Bean_Holding_Photograph_Mobile.png, /images/mainsite5/mean-bean/2019/CaseStudy_Bean_Holding_Photograph_Mobile_@2x.png 2x">
				  <img src="/images/mainsite5/mean-bean/2019/CaseStudy_Bean_Holding_Photograph_Mobile.png" alt="Mean Bean Challenge">
			</picture> 
		</div>

	</div>

</div>
{}

How your fundraiser will help

£360 could enable 5 people like Birungi to learn a new skill restoring hope, value and potential.

Mean Bean Challenge