GCWeb-en.html

---
{
	"title": "Canada.ca theme",
	"language": "en",
	"category": "Themes",
	"categoryfile": "themesstyle",
	"description": "This theme implements the layout and design requirements for Canada.ca.",
	"altLangPage": "GCWeb-fr.html",
	"dateModified": "2014-10-09"
}
---
<span class="wb-prettify all-pre hide"></span>

<section>
	<h2>Purpose</h2>
	<p>This theme implements the layout and design requirements for Canada.ca.</p>
</section>

<section>
	<h2>Use when</h2>
	<ul>
		<li>This theme must be used on Canada.ca.</li>
	</ul>
</section>

<section>
	<h2>Do not use when</h2>
	<ul>
		<li>This theme can only be used on Canada.ca.</li>
	</ul>
</section>

<section>
	<h2>Working example</h2>
	<p><a href="../../../index-en.html">English and French examples</a></p>
</section>

<section>
	<h2>How to implement</h2>
	<section>
		<h3>General instructions</h3>
		<ol>
			<li>Use the <strong>*.html</strong> files to create your Web pages.</li>
			<li><strong>Optional:</strong> Create, install and link to one or more new CSS files (will be used for custom CSS)</li>
			<li>Correct all <strong>*.css</strong>, <strong>*.js</strong>, and <strong>*.gif</strong> file paths referenced in the installed <strong>*.html</strong> files</li>
			<li>Replace the page title (in between <code>&lt;title&gt;</code> and <code>&lt;/title&gt;</code>), the site title, and the content title (in between <code>&lt;h1 id="wb-cont"&gt;</code> and <code>&lt;/h1&gt;</code>)</li>
			<li>Correct the metadata values</li>
		</ol>
	</section>
	<section>
		<h3>Content page-specific instructions (content-*.html)</h3>
		<ol>
			<li>Correct the menu bar links or remove the menu bar</li>
			<li>Correct the <strong>English/<span lang="fr">Français</span></strong> link or remove the language selection link</li>
			<li><strong>Optional:</strong> Implement the <a href="../../../localnav/task1/index-en.html">section menu</a></li>
			<li>Correct the search field or remove the search field</li>
			<li>Correct the breadcrumb trail or remove the breadcrumb trail</li>
			<li>Correct the site footer links</li>
			<li>Correct the <strong>Date modified/<span lang="fr">Date de modification</span></strong> or change to <strong>Version</strong></li>
		</ol>
	</section>
	<section>
		<h3>Splash page-specific instructions (splashpage-*.html)</h3>
		<ol>
			<li>Correct the English and French language links</li>
		</ol>
	</section>
	<section>
		<h3>Server message page-specific instructions (serv*.html)</h3>
		<ol>
			<li>Replace the English and/or French messages.</li>
		</ol>
	</section>
</section>

<section>
	<h2>Source code</h2>
	<ul>
		<li><a href="https://github.com/wet-boew/{{site.repository}}/tree/master/src">Canada.ca theme source code on GitHub</a></li>
		<li><a href="https://github.com/wet-boew/{{site.repository}}/tree/master/site/pages">Canada.ca theme demo pages source code on GitHub</a></li>
	</ul>
</section>