Language selection

Search

Home page - Meta information

Status
Stable for GCWeb V5
Type
Template
Last review
2019-05-09
Conforming to
Going to be: Content and IA spec 2.0
Specification
Home page for Canada.ca

Technical specification

Home page banner

Version
2
Updated
2019-05-09

The background image is loaded with the provisional plugin bgimg which set the background image. The background image is hosted in the WMS at this location. https://www.canada.ca/content/dam/canada/carousel/bkg-home-banner.jpg.

The intend is to publish background image that represent natural Canadian landscape and may get updated montly or seasonal.

Previous version

Version 1 - 2018-12-27

The default background is gray (#eee) without image. The background image is hosted in the WMS at this location. https://www.canada.ca/content/dam/canada/carousel/bkg-home-banner.jpg.

The intend is to publish background image that represent natural Canadian landscape and may get updated montly or seasonal.

Promotional banner

The promotional banner are over, at the bottom, of the home page banner background image.

Version
2
Updated
2019-05-09
Notes
Provisional color was removed.
<div class="provisional bg-cover" data-bgimg="https://www.canada.ca/content/dam/canada/carousel/bkg-home-banner.jpg">
	<div class="container p-0 p-sm-3">
		<div class="well header-rwd brdr-0 brdr-rds-0 text-white bg-gctheme">
			<h1 property="name" id="wb-cont">Canada.ca</h1>
			<p class="mrgn-tp-md">The official website of the Government of Canada</p>
		</div>
	</div>
	<div class="bg-gctheme opct-90">
		<div class="container">
			<a class="figcaption text-white" href="#">
				<figure class="clearfix">
					<div><p class="pull-left mrgn-tp-md mrgn-bttm-md">Featured:</p></div>
					<figcaption class="pull-left mrgn-tp-md mrgn-bttm-md">[Promotion title]</figcaption>
				</figure>
			</a>
		</div>
	</div>
</div>

Previous version

Version 1 - 2018-12-27
<div class="home-banner">
	<div class="container">
		<div class="innerbox">
			<h1 property="name" id="wb-cont">Canada.ca</h1>
			<p>The official website of the Government of Canada</p>
		</div>
	</div>
	<div class="promo">
		<div class="container">
			<a class="figcaption" href="#">
				<figure class="clearfix">
					<div><p class="pull-left mrgn-tp-md mrgn-bttm-md">Featured:</p></div>
					<figcaption class="pull-left mrgn-tp-md mrgn-bttm-md">[Promotion title]</figcaption>
				</figure>
			</a>
		</div>
	</div>
</div>
Provisional

Support for a set of predefined color to match the season. The intend is to set the color of the inner box with the site title to match the promotional banner background color.

The promotional color theme are set on the div.home-banner. Here the supported theme with their corresponding CSS class name

Evaluation and report

There is no report

Previous version

Test cases

Report a problem on this page
Please select all that apply:

Thank you for your help!

You will not receive a reply. For enquiries, please contact us.

Date modified: