Alerts and notices

We use alerts and notices on the homepage and on content pages to provide updates on:

  • Critical issues that may impact user safety – important alert (red)
  • Issues impacting City services – notice (yellow)

Alerts and notices are up to 200 characters and may link to a content page or news item for more information.

Online services will be unavailable from 7pm to 8pm, Friday, November 16.


Text formatting (headings, links, bold, italic, ordered lists, unordered lists, and image alignment in paragraphs)

 

Headings

 

Heading 1 – used for page titles

With its scenic views, mild climate, and friendly people, Vancouver is known around the world as both a popular tourist attraction and one of the best places to live.

Vancouver is also one of the most ethnically and linguistically diverse cities in Canada with 52 percent of the population speaking a first language other than English.

Heading 2 – used in the page body, in hierarchical order

An Indigenous settlement called Xwméthkwyiem, (“Musqueam,” from masqui, “an edible grass that grows in the sea”), near the mouth of the Fraser River, was present here at least 3,000 years ago.

At the time of first European contact in the late 18th century, the Musqueam and Squamish peoples had villages around present-day Vancouver, along with the Tsleil-Waututh, ancestors of today's Burrard Band in North Vancouver.

They were all Coast Salish First Nations, sharing cultural and language traits with people in the Fraser Valley and Northern Washington.

Heading 3

Vancouver has a moderate, oceanic climate. Protected by the mountains and warmed by the Pacific ocean currents, Vancouver is one of the warmest cities in Canada.

Although Vancouver has a reputation for rain, it actually ranks as the 9th rainiest location in Canada with Prince Rupert, Port Alberni, Chilliwack, Abbotsford, Campbell River, Halifax, Sydney, and St. John's beating Vancouver for average yearly rainfall.

Heading 4

Vancouver's wettest months are November and December with an average precipitation of 182mm. And - with an average of just 41mm of precipitation - July and August are the driest months in Vancouver.

 

Links, bold, and italic

This is a link to , an internal document PDF file (3.4 MB), and an external webpage External website.

This text is marked in italics for low emphasis – use sparingly.

Note This text has an exclamation mark icon image for medium emphasis – use sparingly.

This text is marked bold for even high emphasis – use sparingly.

This subscript text appears half a character below the baseline, while this superscript text appears half a character above. Both are rendered in a smaller font.

 

Ordered and unordered lists

Ordered numeric list

  1. List Item 1
  2. List Item 2
  3. List Item 3
    1. List Item 3.1
    2. List Item 3.2
      1. List Item 3.2.1
      2. List Item 3.2.2
    3. List Item 3.3
  4. List Item 4

Ordered alphabetical list, lowercase

  1. List Item 1
  2. List Item 2
  3. List Item 3
  4. List Item 4

Ordered alphabetical list, uppercase

  1. List Item 1
  2. List Item 2
  3. List Item 3
  4. List Item 4

Unordered lists

  • List Item 1
  • List Item 2
  • List Item 3
    • List Item 3.1
    • List Item 3.2
      • List Item 3.2.1
      • List Item 3.2.2
    • List Item 3.3
  • List Item 4

 

Image alignment in paragraphs

Clouds and sunny skies over Vancouver and Burrard Inlet, looking from Spanish Banks

The image in this paragraph uses the right class to position on the right with the text wrapping. In the source view, add class="right" inside the img tag.

Vancouver has a moderate, oceanic climate. Protected by the mountains and warmed by the Pacific ocean currents, Vancouver is one of the warmest cities in Canada.

Although Vancouver has a reputation for rain, it actually ranks as the 9th rainiest location in Canada with Prince Rupert, Port Alberni, Chilliwack, Abbotsford, Campbell River, Halifax, Sydney, and St. John's beating Vancouver for average yearly rainfall.

 

Clouds and sunny skies over Vancouver and Burrard Inlet, looking from Spanish BanksThe image in this paragraph uses the left class to position on the left with the text wrapping. In the source view, add class="left" inside the img tag.

Vancouver has a moderate, oceanic climate. Protected by the mountains and warmed by the Pacific ocean currents, Vancouver is one of the warmest cities in Canada.

Although Vancouver has a reputation for rain, it actually ranks as the 9th rainiest location in Canada with Prince Rupert, Port Alberni, Chilliwack, Abbotsford, Campbell River, Halifax, Sydney, and St. John's beating Vancouver for average yearly rainfall.


Buttons

This button uses the blue-button class.

View the calendar of events


Charts


Chart one
Chart two
Chart three
Chart one


Floating boxes​

  • Can be one-third, one-half, nearly-full-width and centered, or full width
  • Can hide on mobile
  • Can position to the left or right of other modules
  • Can position below other modules, force the next module below it, both, or neither
  • Can include a connected page's metadata (title, description, and feature image)
  • Include:
    • Optional border
    • Header (styled as an H4)
    • Content
    • Button that links to a page

One-third-width floating box with border

The Accessible City Award recognizes outstanding leadership to enhance accessibility, inclusion, and elimination of barriers to full participation for persons with disabilities.

One-third-width floating box without border

The Accessible City Award recognizes outstanding leadership to enhance accessibility, inclusion, and elimination of barriers to full participation for persons with disabilities.

One-third-width floating box that connects to a page

Killarney Pool

Killarney Leisure Pool is an indoor, wheelchair accessible pool, with a diving board, lazy river, slide, steamroom, and whirlpool.

One-half-width floating box with a Heading 2 in content area, a border, and a button

The City tickets and tows vehicles to:

  • Maintain the flow of traffic, particularly during rush hour
  • Ensure parking space turnover in high-demand areas
  • Simplify parking for residents in their neighbourhoods

Pay your ticket

One-half-width floating box without border that's positioned below and right aligned


Forms

  • Are created using Survey Gizmo External website  and embedded into unstyled text blocks

Lists

  • Display a set of links to specified page or documents (and include metadata like titles, descriptions, and images)

Event minilists

  • Display a specified quantity of upcoming events (either all events or ones tagged with specified keywords)
  • Can link to the event calendar to view additional events beyond the quantity in the list
  • Can be one-third, one-half, two-thirds, or full width
  • Include:
    • Header
    • Event name – from the event page's metadata
    • Event date and time – metadata

This event minilist is one-half width

No events today.

Feature image lists

  • Can be one-third, one-half, two-thirds, or full width
  • Can be tagged with a keyword to aggregate pages, like news topics
  • Include:
    • Header
    • Feature image – from the connected page's metata
    • Page title – metadata
    • Page description – metadata

Half-width feature image list

Stanley Park Cycling Plan

We're improving cycling facilities in Stanley Park to make it safer for everyone.

Half-width list of Park Board news

Musqueam, Squamish and Tsleil-Waututh Cultural Residency at Second Beach Studio

November 7 2018 - Coast Salish artist Chrystal Sparrow is the inaugural artist selected for the A Frame Activation: Musqueam, Squamish and Tsleil-Waututh Cultural Residency.

Park Board makes Vancouver’s last wild ravine more accessible than ever

October 30 2018 - The Vancouver Park Board’s renewal of Renfrew Community Park and Renfrew Ravine Park will provide easy access to the magical habitat of the ravine and Still Creek.

Chief Election Officer declares official results for 2018 election

October 24 2018 - The election verification process is complete. Those elected will serve for a four-year term until 2022.

Large icon lists

  • Are one-third width
  • Include:
    • Optional header
    • Optional large icon image – from the connected page's metadata
    • Page title – metadata
    • Page description – metadata

Header

Social- and market rental housing

Resources for tenants and developers of social housing, co-op housing, and market rental housing.

Header

Supportive housing

Learn about supportive housing to help people who are homeless or at-risk to lead stable, independent, and connected lives.

Homelessness services

Find shelters, financial aid, low-cost meals and recreation, and community centres that serve low-income residents.

Simple lists

  • Can be one-third, one-half, two-thirds, or full width
  • Include:
    • Header
    • Page title – from the connected page's metadata
    • Optional page description – metadata

Simple list of only page titles


Number counters

  • Are one-third width
  • Displays a number that, on page load, quickly counts up towards a specified amount
  • Include:
    • Font awesome icon or your own custom icon
    • Text above the number
    • A quantity or percentage
    • Text below the number
Text before number
Text after number

Progressive disclosure sets

  • Collapse content to help people quickly scan headings and then expand the one that applies
  • Include:
    • An introduction
    • One or more sections, each with a summary and detail

Pull quotes

  • Can be left, middle, and right aligned
  • Can be styled with a line on the left side, a line above and below, or large quotation marks
  • Can be hidden on mobile
  • Contain 180 characters or less
Pull quotes emphasize key points

Quizzes

  • Are created using Interact External website and embedded into floating boxes or unstyled text blocks

Responsive iframes

  • Can embed YouTube videos, Vimeo videos, Google maps, and more
  • Flex the embedded content to match the screen width

Slidescreens

  • Can be oriented horizontally or vertically
  • Include:
    • Before and after image
    • Optional content before the slidescreen
before-sample after-sample

Slideshows

Quiet.ly slideshows

  • Are created using Quiet.ly External website , offer several visual styles, and embedded into floating boxes or unstyled text blocks

 

2015 Book Award winner and finalists

By City of Vancouver

The 2015 shortlist covers a range of genres: non-fiction, short stories, poetry, and a children’s book. The short-listed books create a street-level walk through our city to amplify our pride and understanding of the flawed and beautiful, young but wise city we inhabit.

  • Wayde Compton, Winner

    By City of Vancouver

    The Outer Harbour | Arsenal Pulp Press | This collection of short stories is a creative manifesto for a radical change in Vancouver’s attitude to its marginalized citizens and land use to avert a crash-course with a dystopic, very-near future. Borrow this book from the library.

  • Bren Simmers, Finalist

    By City of Vancouver

    Hastings-Sunrise | Nightwood Editions | This book-length poem is a whimsical, yet political collection which balances vibrancy and eccentricity against the anxiety and despair of living amidst an affordability crisis in East Vancouver. Borrow this book from the library.

  • Aaron Chapman, Finalist

    By City of Vancouver

    Live at the Commodore | Arsenal Pulp Press | This work of non-fiction is an homage to the “Fabulous Commodore Ballroom,” a music venue which for 85 years has served as a cultural barometer for Vancouver. Borrow this book from the library.

  • Lois Simmie and Cynthia Nugent, Finalists

    By City of Vancouver

    Mister Got To Go, Where are you? | Red Deer Press | Author: Lois Simmie (top left). Illustrator: Cynthia Nugent (lower left) | This children’s book is the third in a lovingly written and illustrated Vancouver-based series featuring an impromptu journey by the iconic cat from the Sylvia Hotel. Borrow this book from the library.

  • Thank you to the jury

    By City of Vancouver

    We thank the independent jury for the months taken to read nominated titles and select the shortlist and winner. The 2015 jury included: Anna Ling Kaye (editor of Ricepaper Magazine and 2015 Journey Prize Anthology author), Zoey Leigh Peterson (novelist and librarian), and Sirish Rao (Artistic Director and Co-Founder of the Indian Summer Festival).

 

What's in the Mayors' Plan for Vancouver?

By City of Vancouver

Vancouver will welcome 170,000 more residents and 120,000 new jobs by 2045. The Mayors' Plan tackles unreliable commute times and overcrowding now, then grows with us for the future.

  • More accessible service

    By City of Vancouver

    80 per cent more NightBus service and 30 per cent more HandyDART service.

  • New SkyTrain rail cars

    By City of Vancouver

    220 new SkyTrain rail cars for 50 per cent more service on the SkyTrain system. 

  • More bus service

    By City of Vancouver

    25 per cent more bus service, including West 4th Avenue, Southeast Marine Drive, and Kingsway.

  • More B-Line

    By City of Vancouver

    5 new B-Line rapid bus routes. 

  • Seabus service

    By City of Vancouver

    Service every 10 minutes during rush hour and every 15 minutes at all other times.

  • Road improvements

    By City of Vancouver

    Upgrades to quadruple investment in regional road improvements over the next 10 years.

 

Vancouver's 28 wild places

By City of Vancouver

 

  • Stanley Park forest

    By City of Vancouver

    Contains some of the oldest trees in Fraser Lowland; isolated old trees occur elsewhere

  • Fraserview Golf Course

    By City of Vancouver

    Substantial area of older, mixed forest; fragmented by golf course use 

  • Stanley Park shoreline

    By City of Vancouver

    Diverse, rocky intertidal and subtidal zone; important for overwintering seaducks

  • Spanish Bank

    By City of Vancouver

    Large, intertidal sand flat fed by bluff erosion; important for fish and shorebirds

  • Everett Crowley and Captain Cook parks

    By City of Vancouver

    Large area of deciduous forest and open meadows and shrublands in southeast Vancouver

  • Musqueam Marsh

    By City of Vancouver

    Largest estuarine marsh in Vancouver; productive fish habitat

  • Musqueam Park and Creek

    By City of Vancouver

    Vancouver's healthiest remaining stream; supports salmon and trout

  • Jericho forest

    By City of Vancouver

    Large area of maturing deciduous forest

  • Lost Lagoon

    By City of Vancouver

    Largest freshwater body in Vancouver; tidal until 1917 causeway construction

  • Pacific Spirit Regional Park

    By City of Vancouver

    Largest natural area in Point Grey peninsula

  • Kitsilano shoreline

    By City of Vancouver

    Diverse, rocky intertidal and subtidal zone; low recreation use

  • Renfrew Ravine

    By City of Vancouver

    Remnant forested ravine with open stream

  • Beaver Lake

    By City of Vancouver

    Important freshwater wetland in Stanley Park; rapidly infilling with sediment

  • Trout Lake

    By City of Vancouver

    Important lake and wetland in east Vancouver; remnant shore bog on east side

  • VanDusen forest

    By City of Vancouver

    Mix of native forest, planted trees, ponds, and gardens in western side of botanical garden

  • Fraser River Park wetland

    By City of Vancouver

    Constructed intertidal slough and wetlands provides a range of habitats

  • Sanctuary Pond in Hastings Park

    By City of Vancouver

    Constructed small lake recognized for bird diversity; constructed in 1999

  • Jericho Park wetland

    By City of Vancouver

    Freshwater wetlands with rich bird and invertebrate diversity

  • Second Narrows escarpment forest

    By City of Vancouver

    Band of mixed forest east of the Second Narrows Bridge; connects to Burnaby

  • Queen Elizabeth Park forest

    By City of Vancouver

    Maturing native conifers within the developed gardens; important for migrating songbirds

  • Vanier forest

    By City of Vancouver

    Prominent patch of red alder and black cottonwood forest adjacent to the Burrard St Bridge

  • Southlands foreshore

    By City of Vancouver

    Created intertidal marsh and adjacent riparian area along the Southlands Trail

  • Still Creek riparian corridor

    By City of Vancouver

    Narrow and fragmented stream corridor that is partially restored

  • Stanley Park bluff

    By City of Vancouver

    Unique rock bluffs on northern edge of park including Prospect Point

  • Langara Golf Course pond

    By City of Vancouver

    Large created pond or small lake that is important for waterfowl and other birds

  • Burnaby shoal

    By City of Vancouver

    Shallow subtidal area east of Brockton Point

  • Hinge Park

    By City of Vancouver

    Constructed wetland, riparian zone, island, and intertidal areas adjacent to Olympic Village

  • Avalon Pond

    By City of Vancouver

    Large freshwater wetland in Everett Crowley Park; doubled in size in 2010

Slides slideshows

  • Are created using Slides.com External website , look and feel like Powerpoint presentations, and are embedded into floating boxes or unstyled text blocks

Subscription forms

  • Can be one-third, one-half, two-thirds, or full width
  • Can be left and right aligned
  • Include:
    • Header
    • One or more mailing lists
    • Optional sample newsletters
    • Optional content above and below the form

Get updates

* Indicates required fields


Tables

2-column table

Header Header
Data Data
Data Data
Data Data

3-column table with collapse class that reorganizes on smaller screens

Header (see note 1) Header (see note 2) Header (see note 2)
Data Data Data
Data Data Data
Data Data Data

Notes

  1. 50% width on desktop
  2. 25% width on desktop

3-column table with collapse-no-header class that reorganizes and hides headers on smaller screens

Header Header Header
Data Data Data
Data Data Data
Data Data Data

Text blocks

  • Can be one-third, one-half, two-thirds, or full width
  • Include a styled header and content

Two-thirds width text block

We’re taking City Hall on the road

Pop-Up City Hall brings City services directly to people and communities that have trouble accessing in-person City services.


Timelines

Static timeline beta version

  • Show the status and progress of a project
  • Are coded in HTML in an ASCII module
  • Mar 2016

    Phase 1: guiding principles

    Identify aspirations and concerns that will shape the initial concepts and site options

    • Mar 8 open house
    • Mar 8-20 online questionnaire
  • May 2016

    Phase 2: development concept options

    Identify and evaluate site development options and policy objectives

  • We are here
    • June 18 and 22 open houses
    • May 18-June 12 social impacts online questionnaire
  • Jul 2016

    Phase 3: preferred development concept and draft policy

    Review and refine a preferred development concept and draft set of policies

  • Sep 2016

    Policy Statement considered by City Council

    If adopted, the Policy Statement will guide the subsequent rezoning process

Interactive timeline 1

  • Are created using Google Sheets External website and TimelineJS External website and embedded using an iframe into ASCII modules, floating boxes, or unstyled text blocks
  • Can include links to webpages, files, videos, maps, tweets, and more

Interactive timeline 2, by Tiki-Toki

  • Are created using Tiki-Toki External website  and embedded within ASCII modules, floating boxes, and unstyled text blocks
  • Can include images, videos, colours, and categories


Twitter feeds


Unstyled text blocks

  • Include content
  • Can wrap around other modules

As part of our Engaged City initiative, we invite you to be a part of Talk Vancouver, our online space for civic participation. Help us build a better Vancouver by becoming a member of the City's online community of trusted, local advisors.

We will keep you connected to the latest City initiatives and invite you to participate in studies and discussions to hear your views and ideas.