Add to Calendar

• Documentation
• Questions or comments?

Example of an event including a detailed location

The following example present an event including a full detailed location (street address, region, province and postal code).

Example of an event including a place only

The following example present an event including a place only without it's full address.

Example of an online event

Source code

<h2>Example of an event including a detailed location</h2>
<p>The following example present an event including a full detailed location (street address, region, province and postal code).</p>
<div class="wb-addcal provisional mrgn-bttm-md" typeof="Event">
	<h3 property="name">Canux20</h3>
	<p property="description">CanUX (pronounced “canucks”, like the hockey team) is an independent, locally-grown, non-profit, volunteer-driven event created for people who want to learn and share their expertise about user experience, and how our profession contributes to making things work better for everyone.</p>
	<p property="location" typeof="Place">
		<span property="name">Shaw Centre</span><br />
		<span class="address" property="address" typeof="PostalAddress">
			<span property="streetAddress">55 Colonel By Drive</span><br />
			<span property="addressLocality">Ottawa</span>,
			<span property="addressRegion">ON</span><br />
			<span property="postalCode">K1N 9J2</span>
		</span>
	</p>
	<dl>
		<dt>Start</dt>
		<dd><time property="startDate" datetime="2023-01-27 07:00-05:00">Friday, Jan 27, 2023, 7:00am EST</time></dd>
		<dt>End</dt>
		<dd><time property="endDate" datetime="2023-01-29 12:00-05:00">Sunday, Jan 29, 2023, 12:00pm EST</time></dd>
	</dl>
</div>

<h2>Example of an event including a place only</h2>
<p>The following example present an event including a place only without it's full address.</p>
<div class="wb-addcal provisional mrgn-bttm-md" typeof="Event">
	<h3 property="name">Igloo Baratanga</h3>
	<p property="description">A percussion activity for the whole family! Take part in a drum circle and get warmed up. No musical experience required and smiles guaranteed! Come play with us!</p>
	<p><strong>When:</strong> From <time property="startDate" datetime="2023-02-08 13:00-05:00">Wednesday, February 8, 2023 | 1:00 pm</time> to <time property="endDate" datetime="2023-02-08 13:30-05:00">1:30 pm</time></p>
	<p><strong>Where:</strong> <span property="location">Snowflake Kingdom, <span lang="fr">Jacques-Cartier</span> Park, Gatineau</span></p>
</div>

<h2>Example of an online event</h2>
<div class="wb-addcal provisional mrgn-bttm-md" typeof="Event">
	<h3 property="name">Marsai Martin’s Picks for a Social Summer</h3>
	<p property="description">There’s no time like summer for trying new things and meeting new people, especially if you’ve been feeling lonely.</p>
	<p><strong>When:</strong> From <time property="startDate" datetime="2023-08-08 13:00-04:00">Tuesday, August 8, 2023 | 1:00 pm</time> to <time property="endDate" datetime="2023-08-08 15:30-04:00">3:30 pm</time></p>
	<p property="location" typeof="VirtualLocation"><strong>Where:</strong> Online (<a href="https://virtual.event" target="_blank" rel="noopener noreferrer" property="url">https://virtual.event</a>)</p>
</div>

Date modified:

2022-07-25