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 webpage, an internal document (3 MB), and an external webpage .

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.


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

Juicer

Juicer is a social media feed.

We recommend the medium pricing level which allows your team to moderate posts.

It is the responsibility of your department to create an account, pay for the membership, and moderate posts.


    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

    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

    VanPlay master plan approved, setting bold new course for Vancouver’s next 50 years

    October 10 2019 - The Vancouver Board of Parks and Recreation has endorsed the final two reports of VanPlay, the city’s parks and recreation services master plan.

    Vancouver Park Board’s newest park adding to livability of East Fraser Lands

    October 8 2019 - Neighbourhood Park South in the East Fraser Lands is open and already becoming an important part of a new and growing community.

    Killarney Seniors Centre celebrates first year with LEED Gold certification

    October 3 2019 - The Killarney Seniors Centre has been certified LEED® Gold by the Canada Green Building Council.

    Large icon lists

    • Are one-third, two-thirds, and full-width
    • Include:
      • Optional large icon image – from the connected page's metadata
      • Page title – metadata
        • Maximum 3 lines
        • Character count: No limits for full-size, 80-100 for 2/3, 40-60 for 1/3 width
      • Page description – metadata
        • Maximum 8 lines
        • Character count: 145

    Finding housing

    Find resources for tenants and developers on rental housing in Vancouver.

    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.