Footer Weekend {% include 'components/mean-bean/footer-weekend' %}
#
HTML
<div class="mean-bean">
    <div class="mean-bean-sign-section">
        <div class="inner clearfix">
            <picture>
                <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/Main_Footer_Desktop.png, /images/mainsite5/mean-bean/2019/Main_Footer_Desktop_@2x.png 2x">
                    <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/gifs/MeanBean_Main_Footer_Mobile.gif, /images/mainsite5/mean-bean/2019/gifs/MeanBean_Main_Footer_Mobile@2x.gif 2x">
                        <img src="/images/mainsite5/mean-bean/2019/MeanBean_Main_Footer_Mobile@2x.gif" alt="Mean Bean Challenge">
                    </picture>
                    <h2>
                        Eat Beans <span class="big">Fight</span> <span class="small">Hunger.</span>
                    </h2>
                    <div class="large-col-12">
                        <div>
                            <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 button--mean-bean-red">
                                <div class="button-bottom"></div>
                                <div class="button-top">Sign Up Today</div>
                            </a>
                        </div>
                        <p>Looking for the five-day challenge? <a href="/mean-bean">Check this out.</a></p>
                    </div>
                </div>
            </div>
        </div>
Twig
<div class="mean-bean">	
	<div class="mean-bean-sign-section">
		<div class="inner clearfix">
			
			<picture>
			  <source media="(min-width: 650px)" srcset="/images/mainsite5/mean-bean/2019/Main_Footer_Desktop.png, /images/mainsite5/mean-bean/2019/Main_Footer_Desktop_@2x.png 2x">
			  <source media="(min-width: 100px)" srcset="/images/mainsite5/mean-bean/2019/gifs/MeanBean_Main_Footer_Mobile.gif, /images/mainsite5/mean-bean/2019/gifs/MeanBean_Main_Footer_Mobile@2x.gif 2x">
			  <img src="/images/mainsite5/mean-bean/2019/MeanBean_Main_Footer_Mobile@2x.gif" alt="Mean Bean Challenge">
			</picture> 

			<h2>Eat Beans <span class="big">Fight</span> <span class="small">Hunger.</span></h2>

				<div class="large-col-12">
					<div>
						<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 button--mean-bean-red">
							
							<div class="button-bottom"></div>
							<div class="button-top">Sign Up Today</div>
							
						</a>
					</div>

					<p>Looking for the five-day challenge? <a href="/mean-bean">Check this out.</a></p>
				</div>
		</div>
	</div>
</div>
{}
Mean Bean Challenge

Eat Beans Fight Hunger.

Looking for the five-day challenge? Check this out.