Language selection

Government of Canada / Gouvernement du Canada

Search

Download link - Working examples

Download links are used for referencing and linking to non-HTML files on Canada.ca web pages.

Horizontal

Default:

Document Title with very long document name
(PDF, 273 KB)
Code 
<a href="#" class="gc-dwnld" download>
	<img src="[image url]" alt="">
	<span>[Document Title]<br>(<abbr title="Portable Document Format">PDF</abbr>, 273 <abbr title="KiloByte">KB</abbr>)</span>
</a>

Inside grid:

Document Title
(PDF, 273 KB)
Code 
<div class="row">
	<div class="col-sm-6 col-md-4">
		<a href="#" class="gc-dwnld" download>
			<img src="[image url]" alt="">
			<span>[Document Title]<br>(<abbr title="Portable Document Format">PDF</abbr>, 273 <abbr title="KiloByte">KB</abbr>)</span>
		</a>
	</div>
</div>

Inside grid with optional full-width class:

Document Title
(PDF, 273 KB)
Code 
<div class="row">
	<div class="col-sm-6 col-md-4">
		<a href="#" class="gc-dwnld full-width" download>
			<img src="[image url]" alt="">
			<span>[Document Title]<br>(<abbr title="Portable Document Format">PDF</abbr>, 273 <abbr title="KiloByte">KB</abbr>)</span>
		</a>
	</div>
</div>

Vertical

Default:

Document Title with very long document name
(PDF, 273 KB)
Code 
<a href="#" class="gc-dwnld vertical" download>
	<img src="[image url]" alt="">
	<span>[Document Title]<br>(<abbr title="Portable Document Format">PDF</abbr>, 273 <abbr title="KiloByte">KB</abbr>)</span>
</a>

Inside grid:

Document Title
(PDF, 273 KB)
Code 
<div class="row">
	<div class="col-sm-6 col-md-4">
		<a href="#" class="gc-dwnld vertical" download>
			<img src="[image url]" alt="">
			<span>[Document Title]<br>(<abbr title="Portable Document Format">PDF</abbr>, 273 <abbr title="KiloByte">KB</abbr>)</span>
		</a>
	</div>
</div>

Inside grid with optional full-width class:

Document Title
(PDF, 273 KB)
Code 
<div class="row">
	<div class="col-sm-6 col-md-4">
		<a href="#" class="gc-dwnld vertical full-width" download>
			<img src="[image url]" alt="">
			<span>[Document Title]<br>(<abbr title="Portable Document Format">PDF</abbr>, 273 <abbr title="KiloByte">KB</abbr>)</span>
		</a>
	</div>
</div>

No image

Document Title with very long document name
(PDF, 273 KB)
Code 
<a href="#" class="gc-dwnld" download>
	<span>[Document Title]<br>(<abbr title="Portable Document Format">PDF</abbr>, 273 <abbr title="KiloByte">KB</abbr>)</span>
</a>

Page details

Date modified: