Cub 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

Save the HTML blocks as reusable blocks so you can use them elsewhere

Being a Cub

<div class="being-cub-box">
<div class="being-box-left">
<h1>Being a Cub</h1>
<p class="lead">When you join Cubs, 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-cub-box-right">
</div>
</div>

Cub Activities

<div class="activity-box">
<div class="activity-box-left">
<h1>Activities and what you'll get up to</h1>
<p class="lead">Prepare for excitement and adventure! Try huge variety of activities surrounding areas of fitness, global and beliefs; be creative and get involved in your local community. Learn exciting outdoor skills and take part in adventurous activities, as well as camps and residential experiences.</p>
<p><a href="https://www.scouts.org.uk/activities/?section=Cubs" title="Activities" class="btn btn-dark">Find Activities</a></p>
</div>
<div class="activity-box-right">
</div>
</div>

Cub Awards

<div class="awards-box">
<div class="awards-box-left">
<h1>Awards</h1>
<p class="lead">Completing the award, 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="/cubs/awards/" title="Cub Awards" class="btn btn-dark">Discover Awards</a></p>
</div>
<div class="awards-cubs-box-right">
</div>
</div>

Cub Promise

<div class="promise-box">
<div class="promise-box-left">
<h1>Cub 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/cubs/promise/" title="Cub Promise" class="btn btn-dark">Learn the Cub Promise</a></p>
</div>
<div class="promise-box-right">
</div>
</div>

Moving up to Scouts

<div class="moving-cub-box">
<div class="moving-box-left">
<h1>Moving up to Scouts</h1>
<p class="lead">Eventually, it’ll be time to say farewell to Cubs and embrace your next big adventure.</p>
<p><a href="/cubs/moving-up-to-scouts/" title="Moving up to Cubs" class="btn btn-dark">Find out about Scouts</a></p>
</div>
<div class="moving-cub-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/cub-uniform-pack/" title="Uniform" class="btn btn-pink">Learn about what to wear in Cubs</a>&nbsp;<a href="https://members.scouts.org.uk/documents/Cubs/Cubs_Uniform%20Diagrams%20(2017).pdf" title="Badges" class="btn btn-pink">Badge Placement</a></p>
</div>
<div class="uniform-box-right">
</div>
</div>

Cub leaders

<div class="volunteering-box">
<div class="volunteer-box-left">
<h1>Cub leaders</h1>
<p class="lead">All of our leaders are trained volunteers, working to make sure Scouting is safe, inclusive and accessible. Some lead the Pack week in and week out. Others visit occasionally to help run a session or drop in to share their skills.</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>