Guide Content {% include 'components/mean-bean/guide-content' %}
#
HTML
<div class="mean-bean clearfix">
    <div class="grey-section">
        <div class="inner clearfix">
            <div class="large-col-6">
                <picture>
                    <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/OnYourMarks_Desktop.png, /images/mainsite5/mean-bean/2019/OnYourMarks_Desktop_@2x.png 2x">
                        <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/OnYourMarks_Mobile.png, /images/mainsite5/mean-bean/2019/OnYourMarks_Mobile_@2x.png 2x">
                            <img class="mb-on-your-marks" src="/images/mainsite5/mean-bean/2019/OnYourMarks_Mobile.png" alt="On Your Marks">
                        </picture>
                    </div>
                    <div class="large-col-6">
                        <div class="mean-bean-step">
                            <h3>
                                <span>STEP 1</span> SIGN UP
                            </h3>
                            <p>The easy bit. Want to take on the beans in the name of smashing poverty? <a href="http://www.tearfund.org/meanbean">Sign up here.</a></p>
                        </div>
                    </div>
                    <div class="large-col-12">
                        <div class="mean-bean-step mean-bean-step--step-2 clearfix">
                            <h3>
                                <span>STEP 2</span> Bean team… assemble!
                            </h3>
                            <picture>
                                <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/Invite_Your_Friends_Mobile.png, /images/mainsite5/mean-bean/2019/Invite_Your_Friends_Mobile_@2x.png 2x">
                                    <img class="mobile-only" src="/images/mainsite5/mean-bean/2019/Invite_Your_Friends_Mobile.png" alt="Mean Bean Team Assemble">
                                </picture>
                                <div class="large-col-6">
                                    <p>Beaners are better together. Share your challenge and invite your friends to sign up here <a href="http://www.tearfund.org/meanbean">www.tearfund.org/meanbean</a>. The challenge is more fun (and easier!) when you have someone to support you.</p>
                                    <a href="#" class="button button--mean-bean button--mean-bean-red">
                                        <div class="button-bottom"></div>
                                        <div class="button-top">Invite a friend</div>
                                    </a>
                                </div>
                                <div class="large-col-6">
                                    <picture>
                                        <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/Invite_Your_Friends_Desktop.png, /images/mainsite5/mean-bean/2019/Invite_Your_Friends_Desktop_@2x.png 2x">
                                            <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/Invite_Your_Friends_Fistbump_Beans.png, /images/mainsite5/mean-bean/2019/Invite_Your_Friends_Fistbump_Beans_@2x.png 2x">
                                                <img style="margin-bottom: -5px;" src="/images/mainsite5/mean-bean/2019/Invite_Your_Friends_Fistbump_Beans.png.png" alt="Mean Bean Team Assemble">
                                            </picture>
                                        </div>
                                    </div>
                                </div>
                                <div class="large-col-6">
                                    <picture>
                                        <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/MeanBeanGuide_Fundraise_Bean_Desktop.png, /images/mainsite5/mean-bean/2019/MeanBeanGuide_Fundraise_Bean_Desktop_@2x.png 2x">
                                            <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/MeanBeanGuide_Fundraise_Bean_Mobile.png, /images/mainsite5/mean-bean/2019/MeanBeanGuide_Fundraise_Bean_Mobile_@2x.png 2x">
                                                <img src="/images/mainsite5/mean-bean/2019/MeanBeanGuide_Fundraise_Bean_Desktop.png" alt="Mean Bean Fundraising">
                                            </picture>
                                        </div>
                                        <div class="large-col-6">
                                            <div class="mean-bean-step">
                                                <h3>
                                                    <span>STEP 3</span> START FUNDRAISING!
                                                </h3>
                                                <p>When you sign up, we’ll create a JustGiving fundraising page for you (we’re nice like that). Personalised pages make more money, so make sure you add a picture and include your own motivation. Then it’s all about sharing the page with as many people as you can! Want a printed sponsorship form? No problem! You can find one in the resources section <a href="https://www.tearfund.org/en/about_you/fundraise/mean_bean_challenge/other_resources/">here</a>.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="inner clearfix">
                                    <div class="mobile-only large-col-6">
                                        <picture>
                                            <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/Get_Set_Mobile.png, /images/mainsite5/mean-bean/2019/Get_Set_Mobile_@2x.png 2x">
                                                <img src="/images/mainsite5/mean-bean/2019/Get_Set_Mobile.png" alt="Get Set">
                                            </picture>
                                        </div>
                                        <div class="large-col-6">
                                            <div class="mean-bean-step">
                                                <h3>
                                                    <span>STEP 4</span> BE<span class="secondary">AN</span> PREPARED
                                                </h3>
                                                <p>Time to fill your cupboards with rice, beans and oats. You’ll be eating plain porridge for breakfast, and plain rice and beans for lunch and dinner. The recommended amounts are a little further on. Any questions? You're in luck – we’ve put together a <a href="http://www.tearfund.org/meanbean/faq">super-handy FAQ page</a> to answer all the questions you could possibly have (plus a few that you didn’t even know needed answering).</p>
                                            </div>
                                            <div class="mean-bean-step">
                                                <h3>
                                                    <span>STEP 5</span> GET SOME FREEBIES
                                                </h3>
                                                <p>We’ve got some awesome resources designed to help you with your fundraising efforts, eg sponsorship forms and Facebook profile images. <a href="https://www.tearfund.org/en/about_you/fundraise/mean_bean_challenge/other_resources/">Check them out here</a>.</p>
                                            </div>
                                        </div>
                                        <div class="desktop-only large-col-6">
                                            <picture>
                                                <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/Get_Set_Desktop.png, /images/mainsite5/mean-bean/2019/Get_Set_Desktop_@2x.png 2x">
                                                    <img src="/images/mainsite5/mean-bean/2019/Get_Set_Mobile.png" alt="Get Set">
                                                </picture>
                                            </div>
                                        </div>
                                        <div class="grey-section">
                                            <div class="inner clearfix">
                                                <div class="large-col-6">
                                                    <picture>
                                                        <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/Go_Desktop.png, /images/mainsite5/mean-bean/2019/Go_Desktop_@2x.png 2x">
                                                            <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/Go_Mobile.png, /images/mainsite5/mean-bean/2019/Go_Mobile_@2x.png 2x">
                                                                <img src="/images/mainsite5/mean-bean/2019/Get_Set_Mobile.png" alt="Get Set">
                                                            </picture>
                                                        </div>
                                                        <div class="large-col-6">
                                                            <div class="mean-bean-step">
                                                                <h3>
                                                                    <span>STEP 6</span> POWER UP
                                                                </h3>
                                                                <p>This is it. Time to hit the beans. For motivation, check out Nida’s story [link] – people like [him/her] are the reason we’re doing this. Remember to pray as well – this is a spiritual challenge, as well as a physical one.</p>
                                                            </div>
                                                            <div class="mean-bean-step">
                                                                <h3>
                                                                    <span>STEP 7</span> SHARING THE LOVE
                                                                </h3>
                                                                <p>Join our Mean Beaner Facebook community here (they’re all lovely – it’s the beans that are mean). We’ll share words of encouragement, plus useful hints and tips every day. Use the hashtag #MeanBeanChallenge on social media to tell us about your experience.</p>
                                                            </div>
                                                            <div class="mean-bean-step">
                                                                <h3>
                                                                    <span>STEP 8</span> FINISH WELL
                                                                </h3>
                                                                <p>We’ll all finish the challenge together at 6pm on Sunday 24 March – including everyone taking part in the Mean Bean Weekender [link]. Why not meet with everyone you’ve been doing the challenge with to celebrate, as well as pray for people like Nida [link].</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
Twig
<div class="mean-bean clearfix">
	<div class="grey-section">
		<div class="inner clearfix">
			<div class="large-col-6">
				<picture>
					<source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/OnYourMarks_Desktop.png,  /images/mainsite5/mean-bean/2019/OnYourMarks_Desktop_@2x.png 2x">
			        <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/OnYourMarks_Mobile.png, /images/mainsite5/mean-bean/2019/OnYourMarks_Mobile_@2x.png 2x">
		            <img class="mb-on-your-marks" src="/images/mainsite5/mean-bean/2019/OnYourMarks_Mobile.png" alt="On Your Marks">
	    	    </picture>
			</div>
			<div class="large-col-6">
				<div class="mean-bean-step">
					<h3><span>STEP 1</span> SIGN UP</h3>
					<p>The easy bit. Want to take on the beans in the name of smashing poverty? <a href="http://www.tearfund.org/meanbean">Sign up here.</a></p>
				</div>
			</div>

			<div class="large-col-12">
				<div class="mean-bean-step mean-bean-step--step-2 clearfix">
					<h3><span>STEP 2</span> Bean team… assemble!</h3>
					<picture>
					        <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/Invite_Your_Friends_Mobile.png, /images/mainsite5/mean-bean/2019/Invite_Your_Friends_Mobile_@2x.png 2x">
				            <img class="mobile-only" src="/images/mainsite5/mean-bean/2019/Invite_Your_Friends_Mobile.png" alt="Mean Bean Team Assemble">
		    	    </picture>
		    	    <div class="large-col-6">
						<p>Beaners are better together. Share your challenge and invite your friends to sign up here <a href="http://www.tearfund.org/meanbean">www.tearfund.org/meanbean</a>.  The challenge is more fun (and easier!) when you have someone to support you.</p>
						<a href="#" class="button button--mean-bean button--mean-bean-red">
	                        <div class="button-bottom"></div>
	                        <div class="button-top">Invite a friend</div>
	                    </a>
                   	</div>
                   	<div class="large-col-6">
						<picture>
								<source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/Invite_Your_Friends_Desktop.png,  /images/mainsite5/mean-bean/2019/Invite_Your_Friends_Desktop_@2x.png 2x">
						        <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/Invite_Your_Friends_Fistbump_Beans.png, /images/mainsite5/mean-bean/2019/Invite_Your_Friends_Fistbump_Beans_@2x.png 2x">
					            <img style="margin-bottom: -5px;" src="/images/mainsite5/mean-bean/2019/Invite_Your_Friends_Fistbump_Beans.png.png" alt="Mean Bean Team Assemble">
			    	    </picture>
			    	</div>
				</div>
			</div>

			<div class="large-col-6">	
				<picture>
			        <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/MeanBeanGuide_Fundraise_Bean_Desktop.png,  /images/mainsite5/mean-bean/2019/MeanBeanGuide_Fundraise_Bean_Desktop_@2x.png 2x">
			        <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/MeanBeanGuide_Fundraise_Bean_Mobile.png, /images/mainsite5/mean-bean/2019/MeanBeanGuide_Fundraise_Bean_Mobile_@2x.png 2x">
		            <img src="/images/mainsite5/mean-bean/2019/MeanBeanGuide_Fundraise_Bean_Desktop.png" alt="Mean Bean Fundraising">
    	    </picture>
			</div>
			<div class="large-col-6">
				<div class="mean-bean-step">
					<h3><span>STEP 3</span> START FUNDRAISING!</h3>
					<p>When you sign up, we’ll create a JustGiving fundraising page for you (we’re nice like that). Personalised pages make more money, so make sure you add a picture and include your own motivation. Then it’s all about sharing the page with as many people as you can! Want a printed sponsorship form? No problem! You can find one in the resources section <a href="https://www.tearfund.org/en/about_you/fundraise/mean_bean_challenge/other_resources/">here</a>.</p>
				</div>
			</div>
		</div>
	</div>
	<div class="inner clearfix">
		<div class="mobile-only large-col-6">
			<picture>
		        <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/Get_Set_Mobile.png, /images/mainsite5/mean-bean/2019/Get_Set_Mobile_@2x.png 2x">
	            <img src="/images/mainsite5/mean-bean/2019/Get_Set_Mobile.png" alt="Get Set">
    	    </picture>
		</div>		
		<div class="large-col-6">
			<div class="mean-bean-step">
				<h3><span>STEP 4</span> BE<span class="secondary">AN</span> PREPARED</h3>
				<p>Time to fill your cupboards with rice, beans and oats. You’ll be eating plain porridge for breakfast, and plain rice and beans for lunch and dinner. The recommended amounts are a little further on. Any questions? You're in luck – we’ve put together a <a href="http://www.tearfund.org/meanbean/faq">super-handy FAQ page</a> to answer all the questions you could possibly have (plus a few that you didn’t even know needed answering).</p>
			</div>	

			<div class="mean-bean-step">
				<h3><span>STEP 5</span> GET SOME FREEBIES</h3>
				<p>We’ve got some awesome resources designed to help you with your fundraising efforts, eg sponsorship forms and Facebook profile images.  <a href="https://www.tearfund.org/en/about_you/fundraise/mean_bean_challenge/other_resources/">Check them out here</a>.</p>
			</div>	
		</div>
		<div class="desktop-only large-col-6">
			<picture>
		        <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/Get_Set_Desktop.png,  /images/mainsite5/mean-bean/2019/Get_Set_Desktop_@2x.png 2x">
	            <img src="/images/mainsite5/mean-bean/2019/Get_Set_Mobile.png" alt="Get Set">
    	    </picture>
		</div>		
	</div>
	<div class="grey-section">
		<div class="inner clearfix">
			<div class="large-col-6">
				<picture>
			        <source media="(min-width: 647px)" srcset="/images/mainsite5/mean-bean/2019/Go_Desktop.png,  /images/mainsite5/mean-bean/2019/Go_Desktop_@2x.png 2x">
			        <source media="(min-width: 375px)" srcset="/images/mainsite5/mean-bean/2019/Go_Mobile.png, /images/mainsite5/mean-bean/2019/Go_Mobile_@2x.png 2x">
		            <img src="/images/mainsite5/mean-bean/2019/Get_Set_Mobile.png" alt="Get Set">
	    	    </picture>
			</div>		
			<div class="large-col-6">
				<div class="mean-bean-step">
					<h3><span>STEP 6</span> POWER UP</h3>
					<p>This is it. Time to hit the beans. For motivation, check out Nida’s story [link] – people like [him/her] are the reason we’re doing this. Remember to pray as well – this is a spiritual challenge, as well as a physical one.</p>
				</div>

				<div class="mean-bean-step">
					<h3><span>STEP 7</span> SHARING THE LOVE</h3>
					<p>Join our Mean Beaner Facebook community here (they’re all lovely – it’s the beans that are mean). We’ll share words of encouragement, plus useful hints and tips every day. Use the hashtag #MeanBeanChallenge on social media to tell us about your experience.</p>
				</div>	

				<div class="mean-bean-step">
					<h3><span>STEP 8</span> FINISH WELL</h3>
					<p>We’ll all finish the challenge together at 6pm on Sunday 24 March – including everyone taking part in the Mean Bean Weekender [link]. Why not meet with everyone you’ve been doing the challenge with to celebrate, as well as pray for people like Nida [link].</p>
				</div>	
			</div>
		</div>
	</div>
</div>
{}
On Your Marks

STEP 1 SIGN UP

The easy bit. Want to take on the beans in the name of smashing poverty? Sign up here.

STEP 2 Bean team… assemble!

Mean Bean Team Assemble

Beaners are better together. Share your challenge and invite your friends to sign up here www.tearfund.org/meanbean. The challenge is more fun (and easier!) when you have someone to support you.

Invite a friend
Mean Bean Team Assemble
Mean Bean Fundraising

STEP 3 START FUNDRAISING!

When you sign up, we’ll create a JustGiving fundraising page for you (we’re nice like that). Personalised pages make more money, so make sure you add a picture and include your own motivation. Then it’s all about sharing the page with as many people as you can! Want a printed sponsorship form? No problem! You can find one in the resources section here.

Get Set

STEP 4 BEAN PREPARED

Time to fill your cupboards with rice, beans and oats. You’ll be eating plain porridge for breakfast, and plain rice and beans for lunch and dinner. The recommended amounts are a little further on. Any questions? You're in luck – we’ve put together a super-handy FAQ page to answer all the questions you could possibly have (plus a few that you didn’t even know needed answering).

STEP 5 GET SOME FREEBIES

We’ve got some awesome resources designed to help you with your fundraising efforts, eg sponsorship forms and Facebook profile images. Check them out here.

Get Set
Get Set

STEP 6 POWER UP

This is it. Time to hit the beans. For motivation, check out Nida’s story [link] – people like [him/her] are the reason we’re doing this. Remember to pray as well – this is a spiritual challenge, as well as a physical one.

STEP 7 SHARING THE LOVE

Join our Mean Beaner Facebook community here (they’re all lovely – it’s the beans that are mean). We’ll share words of encouragement, plus useful hints and tips every day. Use the hashtag #MeanBeanChallenge on social media to tell us about your experience.

STEP 8 FINISH WELL

We’ll all finish the challenge together at 6pm on Sunday 24 March – including everyone taking part in the Mean Bean Weekender [link]. Why not meet with everyone you’ve been doing the challenge with to celebrate, as well as pray for people like Nida [link].