G: Canadian Opera Company: Home
Submitted by Anonymous (not verified) on Fri, 01/04/2019 - 18:00
State:
Processed
Rank:
1
Size:
39474
Raw Content:
<!DOCTYPE html>
<html lang="en-ca">
<head>
<title>Home | Canadian Opera Company</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no" />
<link href="/styles/gbl?v=x3Q_WdMcOvmR4j3lQ1Kyv55Oiqth5vjODsyM_QI1iE41" rel="stylesheet"/>
<link media='(max-width: 600px)' href='/styles/mob?v=mt1OgXdlnlf0eBZLvXwzvV_BFjrGWzJ1ExSsigam_UE1' rel='stylesheet' />
<link media='(min-width: 601px)' href='/styles/dsk?v=tY9GBJU6y8sk4cea-C_80rolcya9vfXfIPWFZcmhRJc1' rel='stylesheet' />
<link rel="canonical" href="https://www.coc.ca/" />
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="/scripts/global?v=9s4fpwWY0sKAxo_r_Q2a4H3kTYW3uBBwOJ1AnQHnU5g1"></script>
<!-- Hotjar Tracking Code for https://www.coc.ca -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:860830,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-3761958-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-7010905-1');
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-7010905-1', 'auto');
ga('send', 'pageview');
</script>
<!-- Google Code for Performance Page Conversions Conversion Page -->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 1034662525;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "ffffff";
var google_conversion_label = "9mQeCK-b7mAQ_eSu7QM";
var google_remarketing_only = false;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/1034662525/?label=9mQeCK-b7mAQ_eSu7QM&guid=ON&script=0"/>
</div>
</noscript>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-NJ84SX"
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-NJ84SX');</script>
<!-- End Google Tag Manager -->
<!BEGIN MTM CODE // DO NOT REMOVE >
<script src="//nexus.ensighten.com/mogointeractive/2090/Bootstrap.js"></script>
<!END MTM CODE // DO NOT REMOVE >
<link type="text/css" media="screen" rel="stylesheet" href="/Styles/responsive-tables.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript" src="/Scripts/responsive-tables.js"></script>
<meta name="google-site-verification" content="Iy2tvZgel1KcZQB5eynC1_oMzHFGfnHC2kbUFbsAlyQ" />
<meta name="description" content="Based in Toronto, the Canadian Opera Company is the largest producer of opera in Canada and one of the largest in North America. The COC enjoys an international reputation for artistic excellence and creative innovation." />
<meta name="keywords" content="Canadian Opera Company, Buy tickets, subscribe, 2018/2019 season, season, 1819 season, COC, Canadian Opera, Eugene Onegin, Onegin opera, Hadrian, Rufus Wainwright Hadrian, Hadrian opera, Elektra, elektra christine goerke, cosi fan tutte, mozart toronto, la boheme toronto, la boheme, otello opera, otello toronto, otello, COC Ensemble Studio, Ensemle Studio, Johannes Debus, A voice can, Alexander Neef, Four Seasons Centre for the Performing Arts, Four Seasons Centre, Toronto, opera toronto, classical music toronto, live performance toronto, toronto theatre" />
<meta http-equiv='content-language' content='en-ca'/>
<meta name="generator" content="Agility CMS" />
<meta name="agility_timestamp" content="2019-01-04 11:00:13 PM" /><meta name="agility_attributes" content="Mode=Live, IsPreview=False, Language=en-ca, Machine=coc-prod-2, CustomOutputCache=False" />
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Open+Sans:300i" rel="stylesheet">
<link media="(max-width: 600px)" href="https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i" rel="stylesheet">
<style type="text/css">
[data-colour="Teal"] { color: #fff; background-color: #89b0be; }
[data-colour="Teal"] .button:hover, [data-colour="Teal"] button:hover { color: #89b0be !important; }
[data-colour="Teal"] .button:focus, [data-colour="Teal"] button:focus { color: #89b0be !important; }
[data-colour="Gold"] { color: #fff; background-color: #e6a24e; }
[data-colour="Gold"] .button:hover, [data-colour="Gold"] button:hover { color: #e6a24e !important; }
[data-colour="Gold"] .button:focus, [data-colour="Gold"] button:focus { color: #e6a24e !important; }
[data-colour="Slate"] { color: #fff; background-color: #bc608c; }
[data-colour="Slate"] .button:hover, [data-colour="Slate"] button:hover { color: #bc608c !important; }
[data-colour="Slate"] .button:focus, [data-colour="Slate"] button:focus { color: #bc608c !important; }
[data-colour="Pine"] { color: #fff; background-color: #1e988a; }
[data-colour="Pine"] .button:hover, [data-colour="Pine"] button:hover { color: #1e988a !important; }
[data-colour="Pine"] .button:focus, [data-colour="Pine"] button:focus { color: #1e988a !important; }
[data-colour="Violet"] { color: #fff; background-color: #592d4e; }
[data-colour="Violet"] .button:hover, [data-colour="Violet"] button:hover { color: #592d4e !important; }
[data-colour="Violet"] .button:focus, [data-colour="Violet"] button:focus { color: #592d4e !important; }
[data-colour="COCRed"] { color: #fff; background-color: #c9503c; }
[data-colour="COCRed"] .button:hover, [data-colour="COCRed"] button:hover { color: #c9503c !important; }
[data-colour="COCRed"] .button:focus, [data-colour="COCRed"] button:focus { color: #c9503c !important; }
[data-colour="Operanation17"] { color: #fff; background-color: #3e4356; }
[data-colour="Operanation17"] .button:hover, [data-colour="Operanation17"] button:hover { color: #3e4356 !important; }
[data-colour="Operanation17"] .button:focus, [data-colour="Operanation17"] button:focus { color: #3e4356 !important; }
[data-colour="CentreStage2017"] { color: #fff; background-color: #7f1c30; }
[data-colour="CentreStage2017"] .button:hover, [data-colour="CentreStage2017"] button:hover { color: #7f1c30 !important; }
[data-colour="CentreStage2017"] .button:focus, [data-colour="CentreStage2017"] button:focus { color: #7f1c30 !important; }
[data-colour="Black"] { color: #fff; background-color: #000000; }
[data-colour="Black"] .button:hover, [data-colour="Black"] button:hover { color: #000000 !important; }
[data-colour="Black"] .button:focus, [data-colour="Black"] button:focus { color: #000000 !important; }
[data-colour="DoveGray"] { color: #fff; background-color: #999999; }
[data-colour="DoveGray"] .button:hover, [data-colour="DoveGray"] button:hover { color: #999999 !important; }
[data-colour="DoveGray"] .button:focus, [data-colour="DoveGray"] button:focus { color: #999999 !important; }
[data-colour="OYA"] { color: #fff; background-color: #8a5dbc; }
[data-colour="OYA"] .button:hover, [data-colour="OYA"] button:hover { color: #8a5dbc !important; }
[data-colour="OYA"] .button:focus, [data-colour="OYA"] button:focus { color: #8a5dbc !important; }
[data-colour="FCS"] { color: #fff; background-color: #38A5C0; }
[data-colour="FCS"] .button:hover, [data-colour="FCS"] button:hover { color: #38A5C0 !important; }
[data-colour="FCS"] .button:focus, [data-colour="FCS"] button:focus { color: #38A5C0 !important; }
[data-colour="Education"] { color: #fff; background-color: #80B683; }
[data-colour="Education"] .button:hover, [data-colour="Education"] button:hover { color: #80B683 !important; }
[data-colour="Education"] .button:focus, [data-colour="Education"] button:focus { color: #80B683 !important; }
[data-colour="Onegin"] { color: #fff; background-color: #94c3d2; }
[data-colour="Onegin"] .button:hover, [data-colour="Onegin"] button:hover { color: #94c3d2 !important; }
[data-colour="Onegin"] .button:focus, [data-colour="Onegin"] button:focus { color: #94c3d2 !important; }
[data-colour="Hadrian"] { color: #fff; background-color: #862665; }
[data-colour="Hadrian"] .button:hover, [data-colour="Hadrian"] button:hover { color: #862665 !important; }
[data-colour="Hadrian"] .button:focus, [data-colour="Hadrian"] button:focus { color: #862665 !important; }
[data-colour="Elektra"] { color: #fff; background-color: #C7182E; }
[data-colour="Elektra"] .button:hover, [data-colour="Elektra"] button:hover { color: #C7182E !important; }
[data-colour="Elektra"] .button:focus, [data-colour="Elektra"] button:focus { color: #C7182E !important; }
[data-colour="Cosi"] { color: #fff; background-color: #ee7fbd; }
[data-colour="Cosi"] .button:hover, [data-colour="Cosi"] button:hover { color: #ee7fbd !important; }
[data-colour="Cosi"] .button:focus, [data-colour="Cosi"] button:focus { color: #ee7fbd !important; }
[data-colour="Otello"] { color: #fff; background-color: #008785; }
[data-colour="Otello"] .button:hover, [data-colour="Otello"] button:hover { color: #008785 !important; }
[data-colour="Otello"] .button:focus, [data-colour="Otello"] button:focus { color: #008785 !important; }
</style>
<script type='text/javascript'>
var appInsights = window.appInsights || function (config) {
function r(config) { t[config] = function () { var i = arguments; t.queue.push(function () { t[config].apply(t, i) }) } }
var t = { config: config }, u = document, e = window, o = 'script', s = u.createElement(o), i, f; for (s.src = config.url || '//az416426.vo.msecnd.net/scripts/a/ai.0.js', u.getElementsByTagName(o)[0].parentNode.appendChild(s), t.cookie = u.cookie, t.queue = [], i = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Ajax']; i.length;) r('track' + i.pop()); return r('setAuthenticatedUserContext'), r('clearAuthenticatedUserContext'), config.disableExceptionTracking || (i = 'onerror', r('_' + i), f = e[i], e[i] = function (config, r, u, e, o) { var s = f && f(config, r, u, e, o); return s !== !0 && t['_' + i](config, r, u, e, o), s }), t
}({ instrumentationKey: '1beea721-6b4b-4d9f-aa5d-4bbd3bfe3dc5' });
window.appInsights = appInsights; appInsights.trackPageView();
</script>
</head>
<body class="Website">
<header>
<a tabindex="0" title="Skip to main content"></a>
<a class="logo" href="/">
<img src="https://az184419.vo.msecnd.net/canadian-opera-company-v2/Attachments/NewItems/L_1819_SsnMark_wCOC_RGB_20180719155300_0.jpg" alt="Canadian Opera Company" />
</a>
<div class="top">
<form data-search action="/search-results" method="get">
<input type="search" placeholder="Search" title="Search" />
<button type="submit" title="Submit"></button>
</form>
<ul>
<li>
<a class="alt button" href="/subscriptions">SUBSCRIBE</a>
</li>
<li>
<a class="alt button" href="https://my.coc.ca/dev/contribute2.aspx?don=13">DONATE</a>
</li>
</ul>
<div id="textSizeSelect" class="desktop" title="This is a text resize feature. Choose an option to change the text size">
<a class="default selected" tabindex="0" title="Default size"></a>
<a class="lrg" tabindex="0" title="Large size"></a>
<a class="x-lrg" tabindex="0" title="Extra-large size"></a>
</div>
<ul class="user">
<li class="cart"><a class="button alt" href="https://my.coc.ca/cart/cart.aspx" title="Shopping Cart" tabindex="0"></a></li>
</ul>
</div>
<a class="mobileMenuButton"></a>
<a class="mobileMenuClose"></a>
<div class="mainNavigation bottom">
<ul>
<li >
<a class="" href="/season-calendar">SEASON CALENDAR & TICKETS</a>
</li>
<li >
<a class="" href="/subscriptions">2018-2019 SUBSCRIPTIONS</a>
</li>
<li >
<a class="" href="/plan-your-visit">PLAN YOUR VISIT</a>
</li>
<li >
<a class="" href="https://learn.coc.ca">LEARN.COC.CA</a>
</li>
<li >
<a class="" href="/support">SUPPORT THE COC</a>
</li>
<li >
<a class="" href="/COC-news1">COC NEWS</a>
</li>
<li >
<a class="" href="https://my.coc.ca/account/login.aspx">SIGN IN</a>
</li>
</ul>
<ul class="user">
<li class="cart"><a class="button alt" href="https://my.coc.ca/cart/cart.aspx" title="Shopping Cart" tabindex="0"></a></li>
</ul>
</div>
</header>
<main class="tmpHome">
<section class="genericRotatorModule " data-interval="6000" data-auto-rotate="True" title="This is a rotator module. Use the navigation to access other slides in the rotator (if available)">
<nav class="slideNavigation">
<a tabindex="0">Slide 1</a>
<a tabindex="0">Slide 2</a>
<a tabindex="0">Slide 3</a>
</nav>
<a tabindex="0" class="rotatorPlayPause button" data-start-text="Play" data-stop-text="Stop" title="Play/Pause"></a>
<ul class="slides">
<li class="Image interactive" data-colour="Black">
<img src="" data-src-mob="https://cdn.agilitycms.com/canadian-opera-company-v2/Attachments/NewItems/elektra-banner1a_20181218204205_0.jpg" data-src-dsk="https://cdn.agilitycms.com/canadian-opera-company-v2/Attachments/NewItems/elektra-banner1a_20181218204153_0.jpg" />
<div class="description" data-colour="Black">
<div>
<h1 style="padding-left: 30px;">ELEKTRA</h1>
<p style="padding-left: 30px; padding-right: 30px;"><span>Driven by an obsessive combination of rage and grief, Elektra feeds her thirst for revenge with primal single-mindedness in this groundbreaking work of musical modernism</span>.</p>
</div>
<div>
<div class="buttons"><a class="button" href="/Elektra" target="_self" tabindex="0">DISCOVER</a> <a class="button" href="/Elektra" target="_self" tabindex="0">BUY TICKETS</a></div>
</div>
</div>
</li>
<li class="Image interactive" data-colour="Black">
<img src="" data-src-mob="https://cdn.agilitycms.com/canadian-opera-company-v2/Attachments/NewItems/cosi-banner-final_20181220154643_0.jpg" data-src-dsk="https://cdn.agilitycms.com/canadian-opera-company-v2/Attachments/NewItems/cosi-banner-final_20181220154632_0.jpg" />
<div class="description" data-colour="Black">
<div>
<h1 style="padding-left: 30px;">COSÌ FAN TUTTE</h1>
<p style="padding-left: 30px; padding-right: 30px;">In Mozart's romantic classic n<span>othing unfolds quite as expected, with all assumptions and good intentions challenged by the unpredictable complexities of the human heart</span>.</p>
</div>
<div>
<div class="buttons"><a class="button" href="/Cosi" target="_self" tabindex="0">DISCOVER</a> <a class="button" href="/Cosi" target="_self" tabindex="0">BUY TICKETS</a></div>
</div>
</div>
</li>
<li class="Image interactive" data-colour="Black">
<img src="" data-src-mob="https://cdn.agilitycms.com/canadian-opera-company-v2/Attachments/NewItems/shen-yun-banner-2019_20181218195514_0.jpg" data-src-dsk="https://cdn.agilitycms.com/canadian-opera-company-v2/Attachments/NewItems/shen-yun-banner-2019_20181218195505_0.jpg" />
<div class="description" data-colour="Black">
<div>
<h1 style="padding-left: 30px;">Shen Yun is back</h1>
<p style="padding-left: 30px; padding-right: 30px;">Discover the profound wisdom and divine beauty of a lost civilization.<br />Experience the theatrical production that's leaving millions in awe.</p>
<p style="padding-left: 30px; padding-right: 30px;"><span></span></p>
</div>
<div>
<div class="buttons"><a class="button" href="https://www.shenyun.com/gta/" target="_blank" rel="noopener" tabindex="0">LEARN MORE</a> <a class="button" href="https://www.youtube.com/watch?v=ozamEFGNjYc" target="_blank" rel="noopener" tabindex="0">WATCH</a></div>
</div>
</div>
</li>
</ul>
</section>
<section class="featuredProductionTile" data-colour="Elektra">
<div class="productionInfo">
<h1>ELEKTRA</h1>
<p>It’s gonna get loud.</p>
<p class="productionDates">
<time>JANUARY 26</time> TO <time>FEBRUARY 22, 2019</time>
</p>
<a class="button" href="/productions/details?ContentID=16487">DISCOVER</a>
<a class="button" href="/season-calendar">BUY NOW</a>
</div>
<div class="productionImage">
<span class="mobile" style="background-image: url('https://cdn.agilitycms.com/canadian-opera-company-v2/Attachments/NewItems/elektra-web_20180623233514_0.jpg');"></span>
<span class="desktop" style="background-image: url('https://cdn.agilitycms.com/canadian-opera-company-v2/Attachments/NewItems/elektra-web_20180623233511_0.jpg');"></span>
</div>
</section>
<section class="featuredProductionTile" data-colour="Cosi">
<div class="productionInfo">
<h1>COSÌ FAN TUTTE</h1>
<p>Romantic comedy, remixed. </p>
<p class="productionDates">
<time>FEBRUARY 5</time> TO <time>FEBRUARY 23, 2019</time>
</p>
<a class="button" href="/productions/details?ContentID=16493">DISCOVER</a>
<a class="button" href="/season-calendar">BUY NOW</a>
</div>
<div class="productionImage">
<span class="mobile" style="background-image: url('https://cdn.agilitycms.com/canadian-opera-company-v2/Attachments/NewItems/Untitled-3_20180623233635_0.jpg');"></span>
<span class="desktop" style="background-image: url('https://cdn.agilitycms.com/canadian-opera-company-v2/Attachments/NewItems/Untitled-3_20180623233632_0.jpg');"></span>
</div>
</section>
<style>
h1.explore {
font-size: 410%
}
}
@media only screen and (max-width: 500px) {
h1.explore {
font-size: 10%
}
}
</style>
<section class="offer">
<h1 class="explore" style="text-align: center;">LEARN ABOUT THE COC</h1>
</section>
<section class="tileRotator">
<nav class="prev">
<a tabindex="0" title="Previous" class="prevBtn"></a>
</nav>
<article class="tilesContainer" title="This is a tile rotator. Use the navigation to access other items in the tile rotator (if available)">
<div class="tile logo" style="width: 33%">
<span style="background-image: url('https://az184419.vo.msecnd.net/canadian-opera-company-v2/Attachments/NewItems/DSC_3049_GaetzPhotography_HR_20180623222616_0.jpg');" title="COC Orchestra"></span>
<strong>COC Orchestra</strong>
<span>Led by Music Director Johannes Debus</span>
<p>The COC Orchestra is the oldest opera orchestra in Canada and has received worldwide acclaim.</p>
<div class="buttons">
<a class="button alt" href="https://learn.coc.ca/about-the-coc/orchestra">Learn more</a>
</div>
</div>
<div class="tile " style="width: 33%">
<span style="background-image: url('https://az184419.vo.msecnd.net/canadian-opera-company-v2/Attachments/NewItems/5_20180623225329_0.jpg');" title="A scene of the chorus from the COC's production of Peter Grimes"></span>
<strong>COC Chorus</strong>
<span>Led by Price Family Chorus Master Chair Sandra Horst</span>
<p>The COC Chorus is made up of professional singers, some of whom have worked with the company for more than 20 years.</p>
<div class="buttons">
<a class="button alt" href="https://learn.coc.ca/about-the-coc/Chorus">Learn more</a>
</div>
</div>
<div class="tile " style="width: 33%">
<span style="background-image: url('https://cdn.agilitycms.com/canadian-opera-company-v2/Attachments/NewItems/TheAcademy_newer_20181210200956_0.jpg');" title="The 2018 Ensemble Studio posing in front of a brick wall, in 2018. "></span>
<strong>The COC Academy</strong>
<span></span>
<p>The COC Academy includes training programs for young singers, coaches, instrumentalists and other opera professionals. </p>
<div class="buttons">
<a class="button alt" href="https://learn.coc.ca/about-the-coc/COCAcademy">Learn More</a>
</div>
</div>
</article>
<nav class="next">
<a tabindex="0" title="Next" class="nextBtn"></a>
</nav>
</section>
<section class="tileRotator">
<nav class="prev">
<a tabindex="0" title="Previous" class="prevBtn"></a>
</nav>
<article class="tilesContainer" title="This is a tile rotator. Use the navigation to access other items in the tile rotator (if available)">
<div class="tile " style="width: 33%">
<span style="background-image: url('https://az184419.vo.msecnd.net/canadian-opera-company-v2/Attachments/NewItems/COC_UnivBanner_Summer2018_FSCPA_HR_4C_Voice_Photo-by-Sam-Javanrouh_20180623222850_0.jpg');" title=""></span>
<strong>Four Seasons Centre for the Performing Arts</strong>
<span></span>
<p>Inaugurated in 2006, the Four Seasons Centre for the Performing Arts is the first building of its kind in Canada; a theatre built specifically for opera and ballet performances with the finest level of acoustics.</p>
<div class="buttons">
<a class="button alt" href="https://www.coc.ca/plan-your-visit/fourseasonscentre">Learn More</a>
</div>
</div>
<div class="tile " style="width: 33%">
<span style="background-image: url('https://az184419.vo.msecnd.net/canadian-opera-company-v2/Attachments/NewItems/DSC_63592_LR_SamGaetz-CROPPED_20180623223243_0.jpg');" title="Alexander Neef COC"></span>
<strong>Alexander Neef</strong>
<span>General Director</span>
<p>German-born Alexander Neef, appointed General Director of the Canadian Opera Company in June 2008, has worked with some of the most prestigious arts organizations in the world.</p>
<div class="buttons">
<a class="button alt" href="https://learn.coc.ca/about-the-coc/alexander-neef">Learn More</a>
</div>
</div>
<div class="tile " style="width: 33%">
<span style="background-image: url('https://az184419.vo.msecnd.net/canadian-opera-company-v2/Attachments/NewItems/DSC_6663_LR_SamGaetz-CROPPED_20180623223025_0.jpg');" title="Johannes Debus"></span>
<strong>Johannes Debus</strong>
<span>Music Director</span>
<p>Maestro Johannes Debus was appointed Music Director of the Canadian Opera Company in 2009, having already established himself in many of the great opera houses and festivals of Europe. </p>
<div class="buttons">
<a class="button alt" href="https://coc2-learnstaging.bfni.ca/about-the-coc/johannes-debus">Learn More</a>
</div>
</div>
</article>
<nav class="next">
<a tabindex="0" title="Next" class="nextBtn"></a>
</nav>
</section>
<style>
h1.explore {
font-size: 410%
}
}
@media only screen and (max-width: 500px) {
h1.explore {
font-size: 10%
}
}
</style>
<section class="offer">
<h1 class="explore" style="text-align: center;">Explore the 2018/2019 Season</h1>
<hr /><!-- <h3>Subscriptions <span class="pragati"><span>See 6</span> <span> operas</span></span> <span>for</span> <span>as little</span> <span class="pragati">as $199</span></h3>--> <br />
<ul>
<li><span style="text-decoration: underline;"></span><a href="/Elektra" target="_self">Elektra</a></li>
<li><a href="/Cosi" target="_self">Così fan tutte</a></li>
<li><a href="/Boheme" target="_self">La bohème</a></li>
<li><a href="/Otello" target="_self">Otello</a></li>
</ul>
<br />
<ul>
<li><a href="https://www.coc.ca/plan-your-visit/free-concert-series" target="_self">Free Concert Series</a></li>
<li><a href="https://www.coc.ca/ticket-services/OperaUnder30" target="_self">Opera Under 30</a></li>
<li><span style="text-decoration: underline;"><a href="/Onegin" target="_self"><span style="color: #808080;">Eugene Onegin</span></a></span></li>
<li><a href="/Hadrian" target="_self"><span style="color: #808080;">Hadrian</span></a></li>
</ul>
</section>
<div class="productionListingContainer" data-season="12991" data-two-tier="True" data-use-colour="True" data-dates-unavailable-msg="Dates are unavailable at the moment">
<section class="tabDetails perfDetails">
<div class="detailsImage"></div>
<article>
<section class="detailsGeneral">
<header>
<strong></strong>
<span></span>
<span><time></time> to <time></time></span>
</header>
<strong></strong>
<div class="detailsContent">
</div>
<a data-rawHref="/productions/{id}" href="#" class="button">DIscover</a>
</section>
<section class="ticketSelectorContainer">
<div class="ticketSelector" data-season="12991" data-production="" data-wait-for-date="True" data-promo-code="False">
<script type="text/html" id="template-performances-listing">
<li>
<a tabindex="0" data-id="${ID}" {{if Available == false }} class="unavailable" {{/if}} >
<span class="check"></span><span>${Date} at ${Time} ${Meridiem}</span>
</a>
</li>
</script>
<script type="text/html" id="template-seat-availability-heading">
<time>${MonthName} ${DayOfMonth}, ${Year} @ ${Time}${Meridiem}</time>
<span>${VenueName}</span>
</script>
<script type="text/html" id="template-seat-availability">
<li>
<div class="seatDesc">
<strong>${SeatingArea}</strong>
<span>${RemainingSeats} left @ ${Price}</span>
</div>
<a href="http://my.coc.ca/single/SYOS.aspx?p=${ID}" class="button buyBtn">Buy</a>
</li>
</script>
<div class="selectDatePrompt hide" data-defaultText="Select a date to view show times and prices">
Select a date to view show times and prices
</div>
<div class="performances hide">
<h2>Performances</h2>
<small>Select a date to purchase tickets</small>
<ul class="performancesListing"></ul>
<div class="performancesError hide">
<p>Could not retrieve performances at this time.</p>
</div>
</div>
<div class="availableTickets hide">
<div class="availableTicketsHeading"></div>
<div class="availableTicketsContent">
<div class="soldOut hide">
<p>This event is sold out.</p>
</div>
<div class="availableTicketsError hide">
<p>Could not retrieve tickets at this time.</p>
</div>
<ul class="availabilityList"></ul>
<a href="https://az184419.vo.msecnd.net/canadian-opera-company-v2/images/facility/COC_seating_chart.png" class="button alt viewSeatingMap" target="_blank" >View seating map</a>
<button type="button" class="alt selectAnotherDate hide">Select another date</button>
</div>
</div>
</div>
</section>
</article>
</section>
<section class="eventTabDetails perfDetails">
<div class="detailsImage"></div>
<article>
<section class="detailsGeneral">
<header>
<strong></strong>
<span><time></time> <time></time></span>
</header>
<div class="detailsContent"></div>
<a class="button" href="#"></a>
</section>
</article>
</section>
<section class="seriesTabDetails perfDetails">
<div class="detailsImage"></div>
<article>
<section class="detailsGeneral">
<header>
<strong></strong>
<span></span>
<span><time></time> at <time></time></span>
</header>
<div class="detailsContent"></div>
<a href="#" class="button">DIscover</a>
</section>
</article>
</section>
<section class="productionShowcase listingShowcase">
</section>
<section class="productionListingRotator">
<nav>
<a tabindex="0" title="Previous"></a>
</nav>
<div class="productionListing listingShowcase">
<script type="text/html" id="template-production">
<article>
<span class="desktop" style="background-image: url('${DesktopHref}');" title="${DesktopLabel}" />
<span class="mobile" style="background-image: url('${MobileHref}');" title="${MobileLabel}" />
<header>
<strong>{{html ProductionName}}</strong>
<span>${Artist}</span>
</header>
{{if DatesUnavailable === true}}
<p>${DatesUnavailableMsg}</p>
{{else}}
<time>${StartDate} to ${EndDate}</time>
{{/if}}
<a class="button learnMoreBtn" href="https://www.coc.ca/productions/${ID}">DIscover</a>
</article>
</script>
<script type="text/x-jQuery-tmpl" id="template-special-event">
<article>
<span class="desktop" style="background-image: url('${DesktopHref}');" title="${DesktopLabel}" />
<span class="mobile" style="background-image: url('${MobileHref}');" title="${MobileLabel}" />
<header>
<strong>{{html EventTitle}}</strong>
</header>
${EventDescription}
<time>${EventDate} ${EventTime}</time>
<a class="button" href="${DetailsLink}">${DetailsLinkText}</a>
</article>
</script>
<script type="text/x-jQuery-tmpl" id="template-series">
<article>
<span class="desktop" style="background-image: url('${DesktopHref}');" title="${DesktopLabel}" />
<span class="mobile" style="background-image: url('${MobileHref}');" title="${MobileLabel}" />
<header>
<strong>{{html SeriesTitle}}</strong>
</header>
${SeriesDescription}
<time>${SeriesDate} at ${SeriesTime}<span class="meridiem">${SeriesMeridiem}</span></time>
<a class="button" href="/productions/{id}${ProductionID}">DIscover</a>
</article>
</script>
</div>
<nav>
<a tabindex="0" title="Next"></a>
</nav>
</section>
</div>
</main>
<section class="socialMediaTile">
<form method="get" class="socialMediaNewsletter" action="https://www.coc.ca/eopera">
<label for="email">Sign up for the Eopera newsletter</label>
<input id="email" name="email" placeholder="Enter Email" />
<button class="alt" type="submit">Submit</button>
</form>
<div class="vBar"></div>
<p>Phone: <a href="tel:4163638231">416-363-8231</a></p>
<div class="vBar small"></div>
<p>Toll Free: <a href="tel:18002504653">1-800-250-4653</a></p>
<div class="vBar small"></div>
<p><a href="https://www.coc.ca/contact-us">Contact Page</a></p>
<div class="vBar"></div>
<a href="https://www.facebook.com/canadianoperacompany/" style="background-image: url('https://az184419.vo.msecnd.net/canadian-opera-company-v2/images/icons/facebook-on.png');" target="_blank"><img src="https://az184419.vo.msecnd.net/canadian-opera-company-v2/images/icons/facebook.png" alt="Facebook" /></a>
<a href="https://twitter.com/CanadianOpera" style="background-image: url('https://az184419.vo.msecnd.net/canadian-opera-company-v2/images/icons/twitter-on.png');" target="_blank"><img src="https://az184419.vo.msecnd.net/canadian-opera-company-v2/images/icons/twitter.png" alt="Twitter" /></a>
<a href="https://www.instagram.com/canadianopera/" style="background-image: url('https://az184419.vo.msecnd.net/canadian-opera-company-v2/images/icons/instagram-on.png');" target="_blank"><img src="https://az184419.vo.msecnd.net/canadian-opera-company-v2/images/icons/instagram.png" alt="Instagram" /></a>
<a href="https://www.youtube.com/user/CanadianOpera" style="background-image: url('https://az184419.vo.msecnd.net/canadian-opera-company-v2/images/icons/youtube-on.png');" target="_blank"><img src="https://az184419.vo.msecnd.net/canadian-opera-company-v2/images/icons/youtube.png" alt="Youtube" /></a>
<div class="vBar"></div>
</section>
<footer>
<div>
<a href="/">
<img src="https://az184419.vo.msecnd.net/canadian-opera-company-v2/images/template/coc.png" alt="Canadian Opera Company" />
</a>
<span>Copyright © 2018 Canadian Opera Company Charitable Registration Number: 11883 4829 RR0001</span>
</div>
<ul>
<li>
<a href="https://www.coc.ca/site-map">Site Map</a>
</li>
<li>
<a href="https://www.coc.ca/contact-us">Contact Us</a>
</li>
<li>
<a href="https://www.coc.ca/privacy">Privacy</a>
</li>
<li>
<a href="https://www.coc.ca/security">Security</a>
</li>
<li>
<a href="https://www.coc.ca/terms-of-use">Terms of Use</a>
</li>
<li>
<a href="https://www.coc.ca/ticket-policies">Ticket Policies</a>
</li>
<li>
<a href="https://www.coc.ca/accessibility-policies">Accessibility Policies</a>
</li>
<li>
<a href="/seating-map">Seating Chart</a>
</li>
<li>
<a href="https://learn.coc.ca/COCfacilityrentals">Canadian Opera Company Facility Rentals</a>
</li>
<li>
<a href="https://learn.coc.ca/about-the-coc/employment-volunteering">Careers</a>
</li>
<li>
<a href="https://learn.coc.ca/about-the-coc/Media">Media Centre</a>
</li>
<li>
<a href="https://www.coc.ca/COC-news1">COC NEWS</a>
</li>
</ul>
</footer>
<script src="/scripts/touchMe?v=IgjAPgRo0-Sbib6f4bJy4Yt5V6JCsHXe3TLUjpt74VU1"></script>
<script src="/scripts/genericRotator?v=m84JgxdnLpSOiG6KLWuaEhC11QhS3ca-R0izQBfhHnU1"></script>
<script src="https://www.youtube.com/iframe_api"></script>
<script src="/scripts/tileRotator?v=eQrlrdpvMomXf7dqLX0Bm26sFes4OKlr-2fbdKSLCuE1"></script>
<script src="/scripts/jquery-tmpl?v=-bMMz7bK1J3xrvY0jdfCz0LXFQqQoACNfPqi3F9xnY41"></script>
<script src="/scripts/orchestrator?v=-g3OIH88XGonSXeiVg1pM3ih7ZOW_DKL3ktb4LuAl7I1"></script>
<script src="/scripts/seating?v=LcuUMLfw2f4ZpwXYe17mW63_xotfG6rvkGMeajxYlBU1"></script>
<script src="/scripts/productionListing?v=-HBo0W_pDtq6Py5asaLJLNJ8Vt9Sx0ad8UP8VUQV4ig1"></script>
<script src="/scripts/ticketSelector?v=_c8F2cEGSAWJ1TwjLf9Nfi3XhFztpYVi7cX4M3WyU1o1"></script>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-NJ84SX"
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-NJ84SX');</script>
<!-- End Google Tag Manager -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-3761958-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-UA-7010905-1');
</script>
</body>
</html>
- Log in to post comments