Choose Canada theme - Documentation
Refer to the working example for a visual of the below code.
Working examples
Theme elements
Choose canada banner
<div class="bg-cover bg-center choose-canada-banner" data-bgimg-srcset="images/banner.jpg 1920w, https://wet-boew.github.io/vocab/wb/utilities#no-image 767w">
<div class="container p-0">
<div class="well header-rwd">
<h1 property="name" id="wb-cont">Choose Canada.ca</h1>
<p>Be your most flag‑flying, maple leaf buying, local‑adventuring self.</p>
<p>It’s time to choose Canada!</p>
</div>
</div>
</div>
Choose canada panel
<section class="choose-canada-card mb-4">
<img src="[image url]" alt="" class="img-responsive full-width">
<div class="card-body">
<h3 class="card-title mt-2"><a href="#" class="stretched-link">[Title]</a></h3>
<p>[Description]</p>
</div>
</section>
Page details
- Date modified: