Beavers Page Layout

If you want to recreate the layout on the Mersey Weaver website you can either use the block editor using “Group blocks” and/or “Media and text blocks” or insert the following HTML into HTML blocks. 

💡 Top Tip

Being a Beaver

<div class="being-box">
<div class="being-box-left">
<h1>Being a Beaver</h1>
<p class="lead">When you join Beavers, you’ll be introduced to lots of new activities, people and things. Here's everything you need to know.</p>
<p><a href="/join/apply/" title="Join" class="btn btn-dark">Join Now</a></p>
</div>
<div class="being-box-right">
</div>
</div>

Beaver Activities

<div class="activity-box">
<div class="activity-box-left">
<h1>Activities and what you'll get up to</h1>
<p class="lead">Get an introduction to outdoor activities, have the opportunity to be creative, explore your local community and experience the excitement of a Beaver Scout sleepover with your friends.</p>
<p><a href="https://www.scouts.org.uk/activities/?section=Beavers" title="Activities" class="btn btn-dark">Find Activities</a></p>
</div>
<div class="activity-box-right">
</div>
</div><br>

Beaver Awards

<div class="awards-box">
<div class="awards-box-left">
<h1>Awards</h1>
<p class="lead">Completing awards challenges you to do more, learn more and be more. See what’s on offer and start your journey to the top.</p>
<p><a href="/beavers/awards/" title="Beaver Awards" class="btn btn-dark">Discover Awards</a></p>
</div>
<div class="awards-box-right">
</div>
</div><br>

Beaver Promise

<div class="promise-box">
<div class="promise-box-left">
<h1>Beaver Promise</h1>
<p class="lead">As a values based movement we all make the 'The Promise' an oath that helps us to be our best</p>
<p><a href="/sections/beavers/promise/" title="Beaver Promise" class="btn btn-dark">Learn the Beaver Promise</a></p>
</div>
<div class="promise-box-right">
</div>
</div><br>

Moving up to Cubs

<div class="moving-box">
<div class="moving-box-left">
<h1>Moving up to Cubs</h1>
<p class="lead">Eventually, it’ll be time to say farewell to Beavers and embrace your next big adventure.</p>
<p><a href="/beavers/moving-up-to-cubs/" title="Moving up to Cubs" class="btn btn-dark">Find out about Cubs</a></p>
</div>
<div class="moving-box-right">
</div>
</div>

Uniform and badge placement

<div class="uniform-box">
<div class="uniform-box-left">
<h1>Uniform and badge placement</h1>
<p class="lead">You don't need a uniform to join. But once you've settled in, you'll start speedily earning badges, and you'll need to know where to put them!</p>
<p><a href="https://shop.mwscouts.org/product/beaver-uniform-pack/" title="Uniform" class="btn btn-pink">Learn about what to wear in Beavers</a>&nbsp;<a href="https://members.scouts.org.uk/documents/Beavers/000%20PG%20Uniform%20Diagrams%20(2017)_Beaver%20with%20stripes.pdf" title="Badges" class="btn btn-pink">Badge Placement</a></p>
</div>
<div class="uniform-box-right">
</div>
</div>

Beaver leaders

<div class="volunteering-box">
<div class="volunteer-box-left">
<h1>Beaver leaders</h1>
<p class="lead">All of our leaders are trained volunteers, working to make sure Scouting is safe, inclusive and accessible.&nbsp;Some lead the Colony week in and week out. Others visit occasionally to help run a session or drop in to share their skills. No matter how much time you have to spare, find out about volunteering on your own terms.</p>
<p><a href="/volunteer/" title="Volunteer" class="btn btn-dark">Find out about volunteering</a></p>
</div>
<div class="volunteer-box-right">
</div>
</div><br>