G: Calendar | Opéra de Montréal
Submitted by Anonymous (not verified) on Mon, 01/14/2019 - 20:00
State:
Processed
Rank:
71
Size:
32902
Raw Content:
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" version="XHTML+RDFa 1.0" dir="ltr"
xmlns:fb="http://ogp.me/ns/fb#"
xmlns:og="http://ogp.me/ns#"
xmlns:article="http://ogp.me/ns/article#"
xmlns:book="http://ogp.me/ns/book#"
xmlns:profile="http://ogp.me/ns/profile#"
xmlns:video="http://ogp.me/ns/video#"
xmlns:product="http://ogp.me/ns/product#">
<head profile="http://www.w3.org/1999/xhtml/vocab">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="https://www.operademontreal.com/calendrier" rel="alternate" hreflang="fr" />
<link rel="shortcut icon" href="https://www.operademontreal.com/sites/all/themes/opera/favicon.ico" type="image/vnd.microsoft.icon" />
<link href="https://www.operademontreal.com/en/calendar" rel="alternate" hreflang="en" />
<meta name="generator" content="Drupal 7 (http://drupal.org)" />
<link rel="canonical" href="https://www.operademontreal.com/en/calendar" />
<link rel="shortlink" href="https://www.operademontreal.com/en/node/39" />
<meta property="og:site_name" content="Opéra de Montréal" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.operademontreal.com/en/calendar" />
<meta property="og:title" content="Calendar | Opéra de Montréal" />
<meta property="og:image" content="http://www.operademontreal.com/sites/default/files/default.jpg" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:url" content="https://www.operademontreal.com/en/calendar" />
<meta name="twitter:title" content="Calendar" />
<meta itemprop="name" content="Calendar" />
<title>Calendar | Opéra de Montréal</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="cleartype" content="on">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="All of life’s passions, under one roof" />
<meta property="fb:app_id" content="163230883814169" />
<link rel="shortcut icon" href="/sites/all/themes/opera/favicon.ico">
<link rel="apple-touch-icon" href="/sites/all/themes/opera/nwayo/build/icons/site/icon-57.png">
<link rel="apple-touch-icon" href="/sites/all/themes/opera/nwayo/build/icons/site/icon-72.png" sizes="72x72">
<link rel="apple-touch-icon" href="/sites/all/themes/opera/nwayo/build/icons/site/icon-76.png" sizes="76x76">
<link rel="apple-touch-icon" href="/sites/all/themes/opera/nwayo/build/icons/site/icon-114.png" sizes="114x114">
<link rel="apple-touch-icon" href="/sites/all/themes/opera/nwayo/build/icons/site/icon-120.png" sizes="120x120">
<link rel="apple-touch-icon" href="/sites/all/themes/opera/nwayo/build/icons/site/icon-144.png" sizes="144x144">
<link rel="apple-touch-icon" href="/sites/all/themes/opera/nwayo/build/icons/site/icon-152.png" sizes="152x152">
<link rel="apple-touch-icon" href="/sites/all/themes/opera/nwayo/build/icons/site/icon-180.png" sizes="180x180">
<link rel="icon" href="/sites/all/themes/opera/nwayo/build/icons/site/icon-64.png" sizes="64x64">
<link rel="icon" href="/sites/all/themes/opera/nwayo/build/icons/site/icon-96.png" sizes="96x96">
<link rel="icon" href="/sites/all/themes/opera/nwayo/build/icons/site/icon-192.png" sizes="192x192">
<link rel="icon" href="/sites/all/themes/opera/nwayo/build/icons/site/icon-195.png" sizes="195x195">
<link rel="icon" href="/sites/all/themes/opera/nwayo/build/icons/site/icon-228.png" sizes="228x228">
<link rel="image_src" href="/sites/all/themes/opera/nwayo/build/icons/site/icon-512.png">
<meta name="application-name" content="nwayo">
<meta name="msapplication-TileColor" content="#ce5828">
<meta name="msapplication-square70x70logo" content="/sites/all/themes/opera/nwayo/build/icons/site/tile-small.png">
<meta name="msapplication-square150x150logo" content="/sites/all/themes/opera/nwayo/build/icons/site/tile-medium.png">
<meta name="msapplication-wide310x150logo" content="/sites/all/themes/opera/nwayo/build/icons/site/tile-wide.png">
<meta name="msapplication-square310x310logo" content="/sites/all/themes/opera/nwayo/build/icons/site/tile-large.png">
<style type="text/css" media="all">
@import url("https://www.operademontreal.com/modules/system/system.base.css?pjzsmi");
@import url("https://www.operademontreal.com/modules/system/system.menus.css?pjzsmi");
@import url("https://www.operademontreal.com/modules/system/system.messages.css?pjzsmi");
@import url("https://www.operademontreal.com/modules/system/system.theme.css?pjzsmi");
</style>
<style type="text/css" media="all">
@import url("https://www.operademontreal.com/modules/comment/comment.css?pjzsmi");
@import url("https://www.operademontreal.com/sites/all/modules/date/date_api/date.css?pjzsmi");
@import url("https://www.operademontreal.com/sites/all/modules/date/date_popup/themes/datepicker.1.7.css?pjzsmi");
@import url("https://www.operademontreal.com/modules/field/theme/field.css?pjzsmi");
@import url("https://www.operademontreal.com/modules/node/node.css?pjzsmi");
@import url("https://www.operademontreal.com/modules/search/search.css?pjzsmi");
@import url("https://www.operademontreal.com/modules/user/user.css?pjzsmi");
@import url("https://www.operademontreal.com/sites/all/modules/views/css/views.css?pjzsmi");
@import url("https://www.operademontreal.com/sites/all/modules/ckeditor/css/ckeditor.css?pjzsmi");
</style>
<style type="text/css" media="all">
@import url("https://www.operademontreal.com/sites/all/modules/ctools/css/ctools.css?pjzsmi");
@import url("https://www.operademontreal.com/modules/locale/locale.css?pjzsmi");
</style>
<style type="text/css" media="all">
@import url("https://www.operademontreal.com/sites/all/themes/opera/nwayo/build/styles/main.css?pjzsmi");
</style>
<!-- Google Tag Manager – Data Layer -->
<script>
dataLayer = [{
"requestURI": "/en/calendar",
"language": "en",
"pageTitle": "Calendar | Opéra de Montréal",
"buyerType": "Guest"
}];
</script>
<!-- Structured Data -->
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name" : "Opéra de Montréal",
"url": "https://www.operademontreal.com",
"contactPoint" : [{
"@type" : "ContactPoint",
"telephone" : "+1-877-285-2222",
"contactType" : "customer service"
}],
"sameAs" : [
"http://www.facebook.com/pages/Op%C3%A9ra-de-Montr%C3%A9al/23275515418",
"http://twitter.com/operademontreal",
"http://www.youtube.com/user/OperadeMtl",
"http://instagram.com/operademontreal"
]
}
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Article",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.operademontreal.com/en/calendar"
},
"headline": "Calendar",
"image": {
"@type": "ImageObject",
"url": "https://www.operademontreal.com/sites/all/themes/opera/nwayo/build/icons/site/icon-512.png",
"height": "512",
"width": "512"
},
"datePublished": "2016-01-05 15:15:54",
"dateModified": "2016-03-02 14:44:45",
"author": {
"@type": "Person",
"name": "Opera De Montréal"
},
"publisher": {
"@type": "Organization",
"name": "Opera De Montréal",
"logo": {
"@type": "ImageObject",
"url": "https://www.operademontreal.com/sites/all/themes/opera/nwayo/build/icons/site/icon-512.png",
"width": "512",
"height": "512"
}
},
"description": "All of life’s passions, under one roof"
}
</script>
<!--Start of Zopim Live Chat Script-->
<script type="text/javascript">
window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute("charset","utf-8");
$.src="//v2.zopim.com/?3ntNrtObGPPxnH3hxbBWhAti2gsJmqxt";z.t=+new Date;$.
type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script");
var lang = "en";
if(lang == 'fr'){
$zopim(function() {
$zopim.livechat.setGreetings({
'online': 'Des questions ?',
'offline': 'Laissez-nous un message'
});
$zopim.livechat.setLanguage('fr');
$zopim.livechat.window.setTitle('Opéra de Montréal');
$zopim.livechat.concierge.setName('Service à la clientèle');
$zopim.livechat.concierge.setTitle('Posez-nous toutes vos questions.');
$zopim.livechat.offlineForm.setGreetings('Désolé, nous ne sommes pas en ligne actuellement. Laissez-nous un message et nous vous recontacterons dans un délai de 48h ouvrables.');
$zopim.livechat.bubble.setTitle('Questions ?');
$zopim.livechat.bubble.setText('Écrivez-nous !')
});
}else{
$zopim(function() {
$zopim.livechat.setGreetings({
'online': 'Questions?',
'offline': 'Leave us a message'
});
$zopim.livechat.setLanguage('en');
$zopim.livechat.window.setTitle('Opéra de Montréal');
$zopim.livechat.concierge.setName('Customer service');
$zopim.livechat.concierge.setTitle('Feel free to ask questions.');
$zopim.livechat.offlineForm.setGreetings('Sorry, we\'re offline. Leave us a message and we\'ll get back to you within 48 working hours.');
$zopim.livechat.bubble.setTitle('Questions?');
$zopim.livechat.bubble.setText('Start a chat with us!');
});
}
</script>
<!--End of Zopim Live Chat Script-->
<script type="text/javascript" src="https://www.operademontreal.com/misc/jquery.js?v=1.4.4"></script>
<script type="text/javascript" src="https://www.operademontreal.com/misc/jquery.once.js?v=1.2"></script>
<script type="text/javascript" src="https://www.operademontreal.com/misc/drupal.js?pjzsmi"></script>
<script type="text/javascript" src="https://www.operademontreal.com/sites/all/themes/opera/nwayo/build/scripts/nwayo-dependencies.js?pjzsmi"></script>
<script type="text/javascript" src="https://www.operademontreal.com/sites/all/themes/opera/nwayo/build/scripts/main.js?pjzsmi"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"en\/","ajaxPageState":{"theme":"opera","theme_token":"KiTSC7RH8dnwuFGV1Z-X_chbbAcpa64fOChQwSz8z2E","js":{"\/\/s7.addthis.com\/js\/300\/addthis_widget.js#pubid=ra-55ca048e921738a3\u0026async=1":1,"misc\/jquery.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"sites\/all\/themes\/opera\/nwayo\/build\/scripts\/nwayo-dependencies.js":1,"sites\/all\/themes\/opera\/nwayo\/build\/scripts\/main.js":1},"css":{"modules\/system\/system.base.css":1,"modules\/system\/system.menus.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"modules\/comment\/comment.css":1,"sites\/all\/modules\/date\/date_api\/date.css":1,"sites\/all\/modules\/date\/date_popup\/themes\/datepicker.1.7.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"modules\/search\/search.css":1,"modules\/user\/user.css":1,"sites\/all\/modules\/views\/css\/views.css":1,"sites\/all\/modules\/ckeditor\/css\/ckeditor.css":1,"sites\/all\/modules\/ctools\/css\/ctools.css":1,"modules\/locale\/locale.css":1,"sites\/all\/themes\/opera\/nwayo\/build\/styles\/main.css":1}},"urlIsAjaxTrusted":{"\/en\/calendar":true}});
//--><!]]>
</script>
</head>
<body class="html not-front not-logged-in no-sidebars page-node page-node- page-node-39 node-type-calendrier i18n-" >
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-5FXDZG"
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!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5FXDZG');</script>
<!-- End Google Tag Manager -->
<div id="skip-link">
<a href="#main-content" class="element-invisible element-focusable">Skip to main content</a>
</div>
<div class="column">
<div class="page-wrapper">
<section class="header">
<div class="row collapse">
<div class="column">
</div>
</div>
<div class="sticky">
<nav class="navigation sticky sticky-content" data-component="sticky">
<div class="row small-collapse tool-menu">
<div class="column small-2 large-5 right">
<ul class="show-for-large-up">
<li><ul class="language-switcher-locale-url"><li class="en first active"><a href="/en/calendar" class="language-link active" xml:lang="en" hreflang="en" title="Calendar">EN</a></li>
<li class="fr last"><a href="/calendrier" class="language-link" xml:lang="fr" hreflang="fr" title="Calendrier">FR</a></li>
</ul></li>
<li class="icone personna-section">
<a class="icone-link personna-link" href="https://oss.ticketmaster.com/aps/operademontreal/EN/account/logout" target="_blank">Personna</a>
</li>
<li class="icone search">
<input class="hide" type="search" data-component="search-box" placeholder="Search" />
<button type="submit" data-reveal-id="search-popup"></button>
</li>
</ul>
</div>
</div>
<div class="row small-collapse">
<div class="column small-2 large-5">
<a href="#" class="burger hide-for-large-up" data-reveal-id="menu-burger"></a>
<ul class="show-for-large-up">
<li class="expanded has-dropdown"><a href="/en/visit/first-time-opera" class="expanded has-dropdown" data-dropdown="drop486" data-options="is_hover:true;">Your evening</a><ul id="drop486" data-dropdown-content class="dropdown f-dropdown"><li class="first leaf"><a href="/en/visit/first-time-opera">First time at the opera</a><li class="leaf"><a href="/en/visit/preopera">PreOpera</a><li class="leaf"><a href="/en/visit/getting-here">Getting here</a><li class="leaf"><a href="/en/visit/salle-wilfrid-pelletier">Salle Wilfrid-Pelletier</a><li class="leaf"><a href="/en/visit/supertitles">Supertitles</a><li class="leaf"><a href="/en/visit/restaurants">Restaurants</a><li class="last leaf"><a href="/en/visit/opera-glasses">Opera glasses</a></ul><li class="expanded has-dropdown"><a href="/en/tickets" class="expanded has-dropdown" data-dropdown="drop525" data-options="is_hover:true;">Tickets</a><ul id="drop525" data-dropdown-content class="dropdown f-dropdown"><li class="first leaf"><a href="/en/tickets">Tickets</a><li class="leaf"><a href="/en/tickets/subscription">Subscriptions</a><li class="leaf"><a href="/en/tickets/extra-those-30-and-younger">30 and under</a><li class="leaf"><a href="/en/tickets/family-package">Family package</a><li class="leaf"><a href="/en/tickets/group">Group</a><li class="leaf"><a href="/en/tickets/business-class">Business class</a><li class="last leaf"><a href="/en/tickets/gift-certificates">Gift certificates</a></ul><li class="first expanded has-dropdown"><a href="/en/shows/operas" class="first expanded has-dropdown active-trail" data-dropdown="drop484" data-options="is_hover:true;">Shows</a><ul id="drop484" data-dropdown-content class="dropdown f-dropdown"><li class="first leaf"><a href="/en/shows/operas">Operas</a><li class="leaf"><a href="/en/concerts-and-conferences">Concerts</a><li class="last leaf"><a href="/en/shows/lets-talk-opera">Let's talk opera</a></ul> </ul>
</div>
<div class="column small-8 large-2">
<span class="menu_logo"><a href="/en" title="Home" rel="home" id="logo"> <img src="https://www.operademontreal.com/sites/all/themes/opera/nwayo/build/images/site/logo.svg" class="logo" data-component="svg-ico" alt="Home" /> </a></span>
</div>
<div class="column small-1 large-5">
<div class="search hide-for-large-up">
<a class="icone-link personna-link mobile-login-black" href="https://oss.ticketmaster.com/aps/operademontreal/EN/account/logout" target="_blank"></a>
</div>
</div>
<div class="column small-1 large-5">
<ul class="show-for-large-up">
<li class="expanded has-dropdown"><a href="/en/discover" class="expanded has-dropdown" data-dropdown="drop485" data-options="is_hover:true;">Discover</a><ul id="drop485" data-dropdown-content class="dropdown f-dropdown"><li class="first leaf"><a href="/en/about">About</a><li class="leaf"><a href="/en/artists/atelier-lyrique">Atelier lyrique</a><li class="last leaf"><a href="/en/discover">Media library</a></ul><li class="expanded has-dropdown"><a href="/en/schools-0" class="expanded has-dropdown" data-dropdown="drop1779" data-options="is_hover:true;">Education</a><ul id="drop1779" data-dropdown-content class="dropdown f-dropdown"><li class="first leaf"><a href="/en/schools-0">Schools</a><li class="leaf"><a href="/en/community">Community</a><li class="leaf"><a href="/en/health-and-wellbeing">Health and Wellbeing </a><li class="last leaf"><a href="/en/diversity-and-inclusion">Diversity and Inclusion</a></ul><li class="last expanded has-dropdown"><a href="/en/support/donations" class="last expanded has-dropdown" data-dropdown="drop487" data-options="is_hover:true;">Support</a><ul id="drop487" data-dropdown-content class="dropdown f-dropdown"><li class="first leaf"><a href="/en/support/donations">Donations</a><li class="leaf"><a href="/en/support/corporations/sponsorships">Sponsorships</a><li class="last leaf"><a href="/en/support/partners">Partners</a></ul> </ul>
<div class="search hide-for-large-up">
<ul class="language-switcher-locale-url"><li class="en first active"><a href="/en/calendar" class="language-link active" xml:lang="en" hreflang="en" title="Calendar">EN</a></li>
<li class="fr last"><a href="/calendrier" class="language-link" xml:lang="fr" hreflang="fr" title="Calendrier">FR</a></li>
</ul> </div>
</div>
</div>
<div class="reveal-modal burger-menu" data-reveal id="menu-burger">
<div class="row small-collapse">
<div class="column small-2">
<a class="close-reveal-modal"></a>
</div>
<div class="column small-8">
<a href="/en" title="Home" rel="home" id="logo"> <img src="https://www.operademontreal.com/sites/all/themes/opera/nwayo/build/images/site/logo.svg" class="logo invert" data-component="svg-ico" alt="Home" /> </a>
</div>
<div class="column small-1">
<a class="icone-link personna-link mobile-login-white" href="https://oss.ticketmaster.com/aps/operademontreal/EN/account/logout" target="_blank"></a>
</div>
<div class="column small-1">
<ul class="language-switcher-locale-url"><li class="en first active"><a href="/en/calendar" class="language-link active" xml:lang="en" hreflang="en" title="Calendar">EN</a></li>
<li class="fr last"><a href="/calendrier" class="language-link" xml:lang="fr" hreflang="fr" title="Calendrier">FR</a></li>
</ul> </div>
</div>
<div class="row menu">
<div class="column medium-6 small-centered menu-col">
<div class="menu-container">
<ul class="menu-list">
<li class="search">
<form action="/en/calendar" method="post" id="search-block-form" accept-charset="UTF-8"><div><div class="container-inline">
<h2 class="element-invisible">Search form</h2>
<div class="form-item form-type-textfield form-item-search-block-form">
<label class="element-invisible" for="edit-search-block-form--2">Search </label>
<input data-component="search-box" placeholder="Search" type="text" id="edit-search-block-form--2" name="search_block_form" value="" size="15" maxlength="128" class="form-text" />
</div>
<div class="form-actions form-wrapper" id="edit-actions"><input type="submit" id="edit-submit" name="op" value="" class="form-submit" /></div><input type="hidden" name="form_build_id" value="form-QPbN8wx_XBtPDT-o6RBTSfbrRWDaLf2czYfo_641VrA" />
<input type="hidden" name="form_id" value="search_block_form" />
</div>
</div></form> </li>
<li class="first expanded menu has-dropdown menu"><a href="/en/shows/operas" class="first expanded menu has-dropdown active-trail" data-component="dropdown">Shows</a><ul class="dropdown"><li class="first leaf"><a href="/en/shows/operas">Operas</a><li class="leaf"><a href="/en/concerts-and-conferences">Concerts</a><li class="last leaf"><a href="/en/shows/lets-talk-opera">Let's talk opera</a></ul><li class="expanded menu has-dropdown menu"><a href="/en/tickets" class="expanded menu has-dropdown" data-component="dropdown">Tickets</a><ul class="dropdown"><li class="first leaf"><a href="/en/tickets">Tickets</a><li class="leaf"><a href="/en/tickets/subscription">Subscriptions</a><li class="leaf"><a href="/en/tickets/extra-those-30-and-younger">30 and under</a><li class="leaf"><a href="/en/tickets/family-package">Family package</a><li class="leaf"><a href="/en/tickets/group">Group</a><li class="leaf"><a href="/en/tickets/business-class">Business class</a><li class="last leaf"><a href="/en/tickets/gift-certificates">Gift certificates</a></ul><li class="expanded menu has-dropdown menu"><a href="/en/visit/first-time-opera" class="expanded menu has-dropdown" data-component="dropdown">Your evening</a><ul class="dropdown"><li class="first leaf"><a href="/en/visit/first-time-opera">First time at the opera</a><li class="leaf"><a href="/en/visit/preopera">PreOpera</a><li class="leaf"><a href="/en/visit/getting-here">Getting here</a><li class="leaf"><a href="/en/visit/salle-wilfrid-pelletier">Salle Wilfrid-Pelletier</a><li class="leaf"><a href="/en/visit/supertitles">Supertitles</a><li class="leaf"><a href="/en/visit/restaurants">Restaurants</a><li class="last leaf"><a href="/en/visit/opera-glasses">Opera glasses</a></ul><li class="expanded menu has-dropdown menu"><a href="/en/discover" class="expanded menu has-dropdown" data-component="dropdown">Discover</a><ul class="dropdown"><li class="first leaf"><a href="/en/about">About</a><li class="leaf"><a href="/en/artists/atelier-lyrique">Atelier lyrique</a><li class="last leaf"><a href="/en/discover">Media library</a></ul><li class="expanded menu has-dropdown menu"><a href="/en/schools-0" class="expanded menu has-dropdown" data-component="dropdown">Education</a><ul class="dropdown"><li class="first leaf"><a href="/en/schools-0">Schools</a><li class="leaf"><a href="/en/community">Community</a><li class="leaf"><a href="/en/health-and-wellbeing">Health and Wellbeing </a><li class="last leaf"><a href="/en/diversity-and-inclusion">Diversity and Inclusion</a></ul><li class="last expanded menu has-dropdown menu"><a href="/en/support/donations" class="last expanded menu has-dropdown" data-component="dropdown">Support</a><ul class="dropdown"><li class="first leaf"><a href="/en/support/donations">Donations</a><li class="leaf"><a href="/en/support/corporations/sponsorships">Sponsorships</a><li class="last leaf"><a href="/en/support/partners">Partners</a></ul> </ul>
</div>
</div>
</div>
</div>
<div class="reveal-modal burger-menu" data-reveal id="search-popup">
<div class="row small-collapse">
<div class="column small-1 push-11">
<a class="close-reveal-modal"></a>
</div>
</div>
<div class="row menu">
<div class="column medium-6 small-centered menu-col">
<div class="menu-container">
<div class="menu-list search">
<span class="search-title">Search</span>
<form action="/en/calendar" method="post" id="menu-search-form" accept-charset="UTF-8"><div><div class="form-item form-type-textfield form-item-menu-search-form">
<input data-component="search-box" placeholder="Search" type="text" id="edit-menu-search-form--2" name="menu_search_form" value="" size="60" maxlength="128" class="form-text" />
</div>
<input type="hidden" name="form_build_id" value="form-DOVyIVGSYUG2Bq0esnu_cWhaE3If8hIM3oUpC1Gh5l8" />
<input type="hidden" name="form_id" value="menu_search_form" />
<div class="form-actions form-wrapper" id="edit-actions--2"><input type="submit" id="edit-submit--2" name="op" value="" class="form-submit" /></div></div></form> </div>
</div>
</div>
</div>
</div>
</nav>
</div>
<!-- /.section, /#navigation -->
</section>
<!-- /.section, /#header -->
<section class="main-wrapper ">
<section class="content-top">
<div class="tabs"></div>
</section>
<div class="row">
<div class="region region-content">
<div id="block-opera-common-block-previous-button" class="block block-opera-common">
<div class="content">
<div class="back-button">
<a href="/en/shows/operas">Back</a>
</div> </div>
</div>
<div id="block-system-main" class="block block-system">
<div class="content">
<div id="node-39" class="node node-calendrier bg-separ clearfix">
<h1>Calendar</h1>
<div class="content">
<div class="row collapse">
<div class="large-5 large-push-6 columns">
<div class="sticky">
<div class="row collapse sticky-up sticky-container" data-component="stickyCalendar" data-equalizer>
<div class="filter-event-calendar large-6 large-push-5 column" data-equalizer-watch>
<div id="calendar-datepicker" class="calendar-container" data-component="calendar" data-month="1" data-year="2019">
<a id="previous-month" class="nav prev" href="#">Previous</a>
<a id="next-month" class="nav next" href="#">Next</a>
</div>
</div>
<div class="filter-event-type large-3 large-pull-8 column" data-equalizer-watch>
<div class="show-for-large-up fix-height">
<div class="content-row">
<div class="content-cell">
<h6>Event Type</h6>
<ul class="event-type-list">
<li class="event-type-item" data-event-type-id="0"><a href="#" class="selected">All</a></li>
<li class="event-type-item" data-event-type-id="27"><a href="#">Conference and concert</a></li>
<li class="event-type-item" data-event-type-id="1"><a href="#">Opera</a></li>
<li class="event-type-item" data-event-type-id="2"><a href="#">Concert</a></li>
<li class="event-type-item" data-event-type-id="4"><a href="#">Event</a></li>
<li class="event-type-item" data-event-type-id="19"><a href="#">Hors-série</a></li>
</ul>
</div>
</div>
</div>
<div class="hide-for-large-up menu">
<a href="#" class="has-dropdown" data-dropdown="dropdown-event"><h6>Event Type</h6></a>
<ul id="dropdown-event" class="event-type-list f-dropdown">
<li class="event-type-item" data-event-type-id="0"><a href="#" class="selected">All</a></li>
<li class="event-type-item" data-event-type-id="27"><a href="#">Conference and concert</a></li>
<li class="event-type-item" data-event-type-id="1"><a href="#">Opera</a></li>
<li class="event-type-item" data-event-type-id="2"><a href="#">Concert</a></li>
<li class="event-type-item" data-event-type-id="4"><a href="#">Event</a></li>
<li class="event-type-item" data-event-type-id="19"><a href="#">Hors-série</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="large-5 large-pull-4 medium-10 small-centered large-uncentered columns event-results">
<!-- TODO: On hover mettre flèche sur image de l'événement comme sur la page tickets -->
<a href="#" class="btn border black-border load-more small-12" data-component="loadMore">Load more</a>
</div>
</div> <!-- END ROW -->
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /#main, /#main-wrapper -->
<section class="content-bottom">
</section>
<!-- /.section, /#footer -->
<footer class="footer" data-component="footer">
<div class="section"> <div class="row full-width" data-equalizer>
<div class="column medium-3" data-equalizer-watch>
<ul class="menu"><li class="first leaf"><a href="/en/about" title="">About</a></li>
<li class="leaf"><a href="/en/contact-us" title="">Contact us</a></li>
<li class="leaf"><a href="/en/support/partners" title="">Partners</a></li>
<li class="leaf"><a href="/en/policy-and-confidentiality" title="">Privacy policies</a></li>
<li class="leaf"><a href="/en/terms-and-conditions-sale" title="">Terms and conditions of sale</a></li>
<li class="leaf"><a href="/en/terms-use" title="">Terms of use</a></li>
<li class="last leaf"><a href="http://www.operademontreal.com/en/frequently-asked-questions" title="">FAQ</a></li>
</ul> </div>
<div class="column medium-3" data-equalizer-watch>
<ul class="menu"><li class="first leaf"><a href="/en/artists" title="">Artists</a></li>
<li class="leaf"><a href="/en/support/corporations" title="">Enterprise</a></li>
<li class="leaf"><a href="/en/media-room" title="">Media</a></li>
<li class="leaf"><a href="/en/opera-de-montreal-productions" title="">Producer</a></li>
<li class="leaf"><a href="/en/schools" title="">School</a></li>
<li class="last leaf"><a href="/en/shows/operas" title="">Spectator</a></li>
</ul> </div>
<div class="column medium-3" data-equalizer-watch>
<ul class="menu"><li class="first last expanded"><a href="/en/support" title="">Support</a><ul class="menu"><li class="first leaf"><a href="/en/support/donations" title="">Donations</a></li>
<li class="leaf"><a href="/en/support/corporations/corporate-events" title="">Corporate evenings</a></li>
<li class="last leaf"><a href="/en/support/young-associates" title="">Young Associates</a></li>
</ul></li>
</ul> </div>
<div class="column medium-3" data-equalizer-watch>
<ul class="menu"><li class="first expanded"><a href="/en/tickets" title="">Tickets</a><ul class="menu"><li class="first leaf"><a href="/en/tickets/subscription" title="">Subscriptions</a></li>
<li class="leaf"><a href="/en/tickets-old" title="">Single tickets</a></li>
<li class="last leaf"><a href="/en/tickets/extra-those-30-and-younger" title="">30 and younger</a></li>
</ul></li>
<li class="last leaf"><a href="https://oss.ticketmaster.com/aps/operademontreal/EN/account/logout" title="">My account</a></li>
</ul> </div>
</div> </div>
</footer>
<!-- /.section, /#footer -->
<footer class="footer-bottom" data-component="footer-bottom">
<div class="row collapse full-width" data-equalizer>
<div class="column large-2 medium-4 large-push-5 medium-push-4" data-equalizer-watch>
<div class="content-row">
<div class="content-cell">
<div class="menu_logo"><a href="/en" title="Home" rel="home" id="logo"> <img src="https://www.operademontreal.com/sites/all/themes/opera/nwayo/build/images/site/logo.svg" class="logo invert" data-component="svg-ico" alt="Home" /> </a></div>
<div class="copyright" data-component="copyright">© 2019 Opéra de Montréal</div>
</div>
</div>
</div>
<div class="column large-5 medium-4 large-push-5 medium-push-4" data-equalizer-watch>
<div class="content-row">
<div class="content-cell">
<ul class="social">
<li><a href="http://www.facebook.com/pages/Op%C3%A9ra-de-Montr%C3%A9al/23275515418" target="_blank" class="facebook">facebook</a></li>
<li><a href="http://twitter.com/operademontreal" target="_blank" class="twitter">twitter</a></li>
<li><a href="http://www.youtube.com/user/OperadeMtl" target="_blank" class="youtube">youtube</a></li>
<li><a href="http://instagram.com/operademontreal" target="_blank" class="instagram">instagram</a></li>
</ul>
</div>
</div>
</div>
<div class="column large-5 medium-4 large-pull-7 medium-pull-8" data-equalizer-watch>
<div class="content-row">
<div class="content-cell">
<ul class="menu"><li class="first last leaf"><a href="http://absolunet.com/en" title="">Web Development</a></li>
</ul> </div>
</div>
</div>
</div> </footer>
</div>
<!-- /#page, /#page-wrapper -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-55ca048e921738a3&async=1"></script>
</div>
</body>
</html>
- Log in to post comments