Scout 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 Scout

<div class="being-scout-box">
<div class="being-box-left">
<h1>Being a Scout</h1>
<p class="lead">When you join Scouts, you’ll be introduced to lots of new activities, people and things.</p>
<p><a href="/join/apply/" title="Join" class="btn btn-dark">Join Now</a></p>
</div>
<div class="being-scout-box-right">
</div>
</div>

Scout Activities

<div class="activity-box">
<div class="activity-box-left">
<h1>Activities and what you'll get up to</h1>
<p class="lead">Build and develop your confidence, sense of adventure and outdoor skills. Explore you beliefs and attitudes and be creative.  Gain independence and put these skills into practice at camps and even on international trips.</p>
<p><a href="https://www.scouts.org.uk/activities/?section=Scouts" title="Activities" class="btn btn-dark">Find Activities</a></p>
</div>
<div class="activity-box-right">
</div>
</div>

Scout Awards

<div class="awards-box">
<div class="awards-box-left">
<h1>Awards</h1>
<p class="lead">Scouts start small but think big, always challenging themselves to do more and be more. It starts with an award. Who knows where it might lead?</p>
<p><a href="/scouts/awards/" title="Beaver Awards" class="btn btn-dark">Dive right in</a></p>
</div>
<div class="awards-scouts-box-right">
</div>
</div><br>

Scout Promise

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

Moving up to Explorers

<div class="moving-scout-box">
<div class="moving-box-left">
<h1>Moving up to Explorers</h1>
<p class="lead">Eventually, it’ll be time embrace your next big adventure.</p>
<p><a href="/scouts/moving-up-to-explorers/" title="Moving up to Explorers" class="btn btn-dark">Discover Explorers: our section for 14 to 18 year olds</a></p>
</div>
<div class="moving-scout-box-right">
</div>
</div><br>

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/scout-uniform-pack/" title="Uniform" class="btn btn-pink">Learn about what to wear in Scouts</a>&nbsp;<a href="https://members.scouts.org.uk/documents/Scouts/Scouts_Uniform%20Diagrams%20(2017).pdf" title="Badges" class="btn btn-pink">Badge Placement</a></p>
</div>
<div class="uniform-box-right">
</div>
</div><br>

Scout leaders

<div class="volunteering-box">
<div class="volunteer-box-left">
<h1>Scout leaders</h1>
<p class="lead">All of our leaders are trained volunteers working to make Scouts the best it can be, but we don’t just need swashbuckling adventurers to lead our expeditions. We also need tidy-uppers and tea-makers and great listeners from all walks of life – for as much or as little time as they can spare.</p>
<p><a href="/volunteer/" title="Volunteer" class="btn btn-dark">Volunteer on your own terms</a></p>
</div>
<div class="volunteer-box-right">
</div>
</div><br>