github-content-en.html

<!DOCTYPE html><!--[if lt IE 9]><html class="no-js lt-ie9" lang="en" dir="ltr"><![endif]--><!--[if gt IE 8]><!-->
<html class="no-js" lang="en" dir="ltr">
<!--<![endif]--><head>
<meta charset="utf-8">
<!-- Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
		wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html -->
<title>Content page - Canada.ca</title>
<meta content="width=device-width,initial-scale=1" name="viewport">
<meta name="description" content="Web Experience Toolkit (WET) includes reusable components for building and maintaining innovative Web sites that are accessible, usable, and interoperable. These reusable components are open source software and free for use by departments and external Web communities">
<!--[if gte IE 9 | !IE ]><!-->
<link href="/rsa-renewal/GCWeb/assets/favicon.ico" rel="icon" type="image/x-icon">
<link rel="stylesheet" href="/rsa-renewal/GCWeb/css/theme.min.css">
<!--<![endif]-->
<!--[if lt IE 9]>
		<link href="/rsa-renewal/GCWeb/assets/favicon.ico" rel="shortcut icon" />
		
		<link rel="stylesheet" href="/rsa-renewal/GCWeb/css/ie8-theme.min.css" />
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
		<script src="/rsa-renewal/wet-boew/js/ie8-wet-boew.min.js"></script>
		<![endif]-->
<!--[if lte IE 9]>
		
		
		<![endif]-->


<noscript>
<link rel="stylesheet" href="/rsa-renewal/wet-boew/css/noscript.min.css" />
</noscript>
<!-- Google Tag Manager DO NOT REMOVE OR MODIFY - NE PAS SUPPRIMER OU MODIFIER -->
<script>dataLayer1 = [];</script>
<!-- End Google Tag Manager -->
</head><body vocab="http://schema.org/" typeof="WebPage">
<!-- Google Tag Manager DO NOT REMOVE OR MODIFY - NE PAS SUPPRIMER OU MODIFIER -->
<noscript>
<iframe title="Google Tag Manager" src="//www.googletagmanager.com/ns.html?id=GTM-TLGQ9K" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer1'?'&l='+l:'';j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer1','GTM-TLGQ9K');</script> 
<!-- End Google Tag Manager -->
<ul id="wb-tphp">
	<li class="wb-slc"> <a class="wb-sl" href="#wb-cont">Skip to main content</a> </li>
	<li class="wb-slc"> <a class="wb-sl" href="#wb-info">Skip to "About government"</a> </li>
</ul>
<header role="banner">
	<div id="wb-bnr" class="container">
		<section id="wb-lng" class="visible-md visible-lg text-right">
			<h2 class="wb-inv">Language selection</h2>
			<div class="row">
				<div class="col-md-12">
					<ul class="list-inline margin-bottom-none">
						<li><a lang="fr" href="content-fr.html">Français</a></li>
					</ul>
				</div>
			</div>
		</section>
		<div class="row">
			<div class="brand col-xs-8 col-sm-9 col-md-6"> <a href="https://www.canada.ca/en.html"><img src="/rsa-renewal/GCWeb/assets/sig-blk-en.svg" alt=""><span class="wb-inv"> Government of Canada / <span lang="fr">Gouvernement du Canada</span></span></a> </div>
			<section class="wb-mb-links col-xs-4 col-sm-3 visible-sm visible-xs" id="wb-glb-mn">
				<h2>Search and menus</h2>
				<ul class="list-inline text-right chvrn">
					<li><a href="#mb-pnl" title="Search and menus" aria-controls="mb-pnl" class="overlay-lnk" role="button"><span class="glyphicon glyphicon-search"><span class="glyphicon glyphicon-th-list"><span class="wb-inv">Search and menus</span></span></span></a></li>
				</ul>
				<div id="mb-pnl"></div>
			</section>
			<section id="wb-srch" class="col-xs-6 text-right visible-md visible-lg">
				<h2>Search</h2>
				<form action="#" method="post" name="cse-search-box" role="search" class="form-inline">
					<div class="form-group">
						<label for="wb-srch-q" class="wb-inv">Search website</label>
						<input id="wb-srch-q" list="wb-srch-q-ac" class="wb-srch-q form-control" name="q" type="search" value="" size="27" maxlength="150" placeholder="Search Canada.ca">
						<datalist id="wb-srch-q-ac"> 
							<!--[if lte IE 9]><select><![endif]--> 
							<!--[if lte IE 9]></select><![endif]--> 
						</datalist>
					</div>
					<div class="form-group submit">
						<button type="submit" id="wb-srch-sub" class="btn btn-primary btn-small" name="wb-srch-sub"><span class="glyphicon-search glyphicon"></span><span class="wb-inv">Search</span></button>
					</div>
				</form>
			</section>
		</div>
	</div>
	<nav role="navigation" id="wb-sm" data-ajax-replace="ajax/sitemenu-en.html" data-trgt="mb-pnl" class="wb-menu visible-md visible-lg" typeof="SiteNavigationElement">
		<div class="container nvbar">
			<h2>Topics menu</h2>
			<div class="row">
				<ul class="list-inline menu">
					<li><a href="https://www.canada.ca/en/services/jobs.html">Jobs</a></li>
					<li><a href="https://www.canada.ca/en/services/immigration-citizenship.html">Immigration</a></li>
					<li><a href="https://travel.gc.ca/">Travel</a></li>
					<li><a href="https://www.canada.ca/en/services/business.html">Business</a></li>
					<li><a href="https://www.canada.ca/en/services/benefits.html">Benefits</a></li>
					<li><a href="https://www.canada.ca/en/services/health.html">Health</a></li>
					<li><a href="https://www.canada.ca/en/services/taxes.html">Taxes</a></li>
					<li><a href="https://www.canada.ca/en/services.html">More services</a></li>
				</ul>
			</div>
		</div>
	</nav>
	<nav role="navigation" id="wb-bc" property="breadcrumb">
		<h2>You are here:</h2>
		<div class="container">
			<div class="row">
				<ol class="breadcrumb">
					<li><a href="https://www.canada.ca/en.html">Home</a></li>
				</ol>
			</div>
		</div>
	</nav>
</header>
<main role="main" property="mainContentOfPage" class="container">
	<h1 property="name" id="wb-cont">Content page</h1>
	<p><strong>From <a href="#">[Institution name]</a></strong></p>
	<section>
		<h2>Heading&#32;2&#32;(<code>h2</code>)</h2>
		<section>
			<h3>Heading&#32;3&#32;(<code>h3</code>)</h3>
			<section>
				<h4>Heading&#32;4&#32;(<code>h4</code>)</h4>
				<section>
					<h5>Heading&#32;5&#32;(<code>h5</code>)</h5>
					<section>
						<h6>Heading&#32;6&#32;(<code>h6</code>)</h6>
						<p>Paragraph - default appearance</p>
					</section>
				</section>
			</section>
		</section>
	</section>
	<p><a href="#">Link</a></p>
	<ul>
		<li>unordered list&#32;(<code>ul</code>) - level&#32;1
			<ul>
				<li>unordered list&#32;(<code>ul</code>) - level&#32;2
					<ul>
						<li>unordered list&#32;(<code>ul</code>) - level&#32;3</li>
					</ul>
				</li>
			</ul>
		</li>
	</ul>
	<ol>
		<li>ordered list&#32;(<code>ol</code>) - level&#32;1</li>
		<li>ordered list&#32;(<code>ol</code>) - level&#32;1
			<ol>
				<li>ordered list&#32;(<code>ol</code>) - level&#32;2</li>
				<li>ordered list&#32;(<code>ol</code>) - level&#32;2
					<ol>
						<li>ordered list&#32;(<code>ol</code>) - level&#32;3</li>
						<li>ordered list&#32;(<code>ol</code>) - level&#32;3</li>
					</ol>
				</li>
			</ol>
		</li>
	</ol>
	<table class="wb-tables table table-striped" data-wb-tables="{ &quot;ordering&quot; : false}"> 
		<caption>
		Table caption
		</caption>
		<thead>
			<tr>
				<th scope="col">Table header&#32;(<code>th</code>)</th>
				<th scope="col">Table header&#32;(<code>th</code>)</th>
				<th scope="col">Table header&#32;(<code>th</code>)</th>
				<th scope="col">Table header&#32;(<code>th</code>)</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>Table data&#32;(<code>td</code>)</td>
				<td>Table data&#32;(<code>td</code>)</td>
				<td>Table data&#32;(<code>td</code>)</td>
				<td>Table data&#32;(<code>td</code>)</td>
			</tr>
			<tr>
				<td>Table data&#32;(<code>td</code>)</td>
				<td>Table data&#32;(<code>td</code>)</td>
				<td>Table data&#32;(<code>td</code>)</td>
				<td>Table data&#32;(<code>td</code>)</td>
			</tr>
			<tr>
				<td>Table data&#32;(<code>td</code>)</td>
				<td>Table data&#32;(<code>td</code>)</td>
				<td>Table data&#32;(<code>td</code>)</td>
				<td>Table data&#32;(<code>td</code>)</td>
			</tr>
		</tbody>
	</table>
	<form method="post" action="#" class="form-horizontal">
		<div class="form-group">
			<label for="data1" class="col-sm-3 control-label">Form&#32;<code>input</code></label>
			<div class="col-sm-9">
				<input type="text" id="data1" name="data1" class="form-control">
			</div>
		</div>
		<div class="form-group">
			<label for="data2" class="col-sm-3 control-label">Form&#32;<code>textarea</code></label>
			<div class="col-sm-9">
				<textarea id="data2" rows="3" cols="15" name="data2" class="form-control"></textarea>
			</div>
		</div>
		<div class="form-group">
			<label for="data4" class="col-sm-3 control-label">Form&#32;<code>select</code></label>
			<div class="col-sm-9">
				<select name="data4" id="data4" class="form-control">
					<option value="1">Option&#32;1</option>
					<option value="2">Option&#32;2</option>
					<option value="3">Option&#32;3</option>
					<option value="4">Option&#32;4</option>
				</select>
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-offset-3 col-sm-9">
				<button type="submit" class="btn btn-primary">Submit</button>
			</div>
		</div>
	</form>
	<blockquote>
		<p>"<code>blockquote</code>"</p>
		<footer><code>footer</code> <cite><code>cite</code></cite></footer>
	</blockquote>
	<div class="pagedetails">
		<dl id="wb-dtmd">
			<dt>Date modified:&#32;</dt>
			<dd>
				<time property="dateModified">2017-09-29</time>
			</dd>
		</dl>
		<div class="row">
			<div class="col-sm-6 col-md-5 col-lg-4">
				<details class="brdr-0">
					<summary class="btn btn-default text-center">Report a problem on this page</summary>
					<div class="well row">
						<div class="gc-rprt-prblm">
							<div class="gc-rprt-prblm-frm gc-rprt-prblm-tggl">
								<form action="#">
									<fieldset>
										<legend><span class="field-name">Please select all that apply: </span></legend>
										<div class="checkbox">
											<label for="problem1">
												<input type="checkbox" data-reveal="#broken" name="problem" value="Something is broken" id="problem1">
												Something is broken</label>
										</div>
										<div class="form-group hide" id="broken">
											<label for="problem1-detail">Provide more details (optional):</label>
											<input type="text" class="form-control full-width" id="problem1-detail">
										</div>
										<div class="checkbox">
											<label for="problem2">
												<input type="checkbox" data-reveal="#spelling" name="problem" value="It has spelling or grammar mistakes" id="problem2">
												The page has spelling or grammar mistakes</label>
										</div>
										<div class="form-group hide" id="spelling">
											<label for="problem2-detail">Provide more details (optional):</label>
											<input type="text" class="form-control full-width" id="problem2-detail">
										</div>
										<div class="checkbox">
											<label for="problem3">
												<input type="checkbox" data-reveal="#wrong" name="problem" value="The information is wrong" id="problem3">
												The information is wrong</label>
										</div>
										<div class="form-group hide" id="wrong">
											<label for="problem3-detail">Provide more details (optional):</label>
											<input type="text" class="form-control full-width" id="problem3-detail">
										</div>
										<div class="checkbox">
											<label for="problem4">
												<input type="checkbox" data-reveal="#outdated" name="problem" value="The information is outdated" id="problem4">
												The information is outdated</label>
										</div>
										<div class="form-group hide" id="outdated">
											<label for="problem4-detail">Provide more details (optional):</label>
											<input type="text" class="form-control full-width" id="problem4-detail">
										</div>
										<div class="checkbox">
											<label for="problem5">
												<input type="checkbox" data-reveal="#find" name="problem" value="I can’t find what I’m looking for" id="problem5">
												I can’t find what I’m looking for</label>
										</div>
										<div class="form-group hide" id="find">
											<label for="problem5-detail">Describe what you’re looking for (optional):</label>
											<input type="text" class="form-control full-width" id="problem5-detail">
										</div>
										<div class="checkbox">
											<label for="problem6">
												<input type="checkbox" data-reveal="#confusing" name="problem" value="It’s confusing" id="problem6">
												Other</label>
										</div>
										<div class="form-group hide" id="confusing">
											<label for="problem6-detail">Provide more details (optional):</label>
											<input type="text" class="form-control full-width" id="problem6-detail">
										</div>
									</fieldset>
									<button type="submit" class="btn btn-primary wb-toggle" data-toggle='{"stateOff": "hide", "stateOn": "show", "selector": ".gc-rprt-prblm-tggl"}'>Submit</button>
								</form>
							</div>
							<div class="gc-rprt-prblm-thnk gc-rprt-prblm-tggl hide">
								<h3>Thank you for your help!</h3>
								<p>You will not receive a reply. For enquiries, please <a href="https://www.canada.ca/en/contact.html">contact us</a>.</p>
							</div>
						</div>
					</div>
				</details>
			</div>
			<div class="wb-share col-sm-4 col-md-3 col-sm-offset-2 col-md-offset-4 col-lg-offset-5" data-wb-share='{"lnkClass": "btn btn-default btn-block"}'></div>
		</div>
	</div>
</main>
<footer role="contentinfo" id="wb-info">
	<nav role="navigation" class="container wb-navcurr">
		<h2 class="wb-inv">About government</h2>
		<ul class="list-unstyled colcount-sm-2 colcount-md-3">
			<li><a href="https://www.canada.ca/en/contact.html">Contact us</a></li>
			<li><a href="https://www.canada.ca/en/government/dept.html">Departments and agencies</a></li>
			<li><a href="https://www.canada.ca/en/government/publicservice.html">Public service and military</a></li>
			<li><a href="https://www.canada.ca/en/news.html">News</a></li>
			<li><a href="https://www.canada.ca/en/government/system/laws.html">Treaties, laws and regulations</a></li>
			<li><a href="https://www.canada.ca/en/transparency/reporting.html">Government-wide reporting</a></li>
			<li><a href="https://pm.gc.ca/eng">Prime Minister</a></li>
			<li><a href="https://www.canada.ca/en/government/system.html">How government works</a></li>
			<li><a href="https://open.canada.ca/en/">Open government</a></li>
		</ul>
	</nav>
	<div class="brand">
		<div class="container">
			<div class="row">
				<nav class="col-md-9 col-lg-10 ftr-urlt-lnk">
					<h2 class="wb-inv">About this site</h2>
					<ul>
						<li><a href="https://www.canada.ca/en/social.html">Social media</a></li>
						<li><a href="https://www.canada.ca/en/mobile.html">Mobile applications</a></li>
						<li><a href="https://www1.canada.ca/en/newsite.html">About Canada.ca</a></li>
						<li><a href="https://www.canada.ca/en/transparency/terms.html">Terms and conditions</a></li>
						<li><a href="https://www.canada.ca/en/transparency/privacy.html">Privacy</a></li>
					</ul>
				</nav>
				<div class="col-xs-6 visible-sm visible-xs tofpg"> <a href="#wb-cont">Top of Page <span class="glyphicon glyphicon-chevron-up"></span></a> </div>
				<div class="col-xs-6 col-md-3 col-lg-2 text-right"> <img src="/rsa-renewal/GCWeb/assets/wmms-blk.svg" alt="Symbol of the Government of Canada"> </div>
			</div>
		</div>
	</div>
</footer>
<!--[if gte IE 9 | !IE ]><!--> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.js"></script> 
<script src="/rsa-renewal/wet-boew/js/wet-boew.min.js"></script> 
<!--<![endif]--> 
<!--[if lt IE 9]>
		<script src="/rsa-renewal/wet-boew/js/ie8-wet-boew2.min.js"></script>
		
		<![endif]--> 
<script src="/rsa-renewal/GCWeb/js/theme.min.js"></script>
</body>
</html>