G: Metropolitan Opera | Home
Submitted by Anonymous (not verified) on Fri, 01/11/2019 - 13:10
State:
Processed
Rank:
50
Size:
53834
Raw Content:
<!DOCTYPE html>
<html id="htmlElement" lang="en" class="no-js ">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="description" />
<meta name="keywords" />
<meta name="robots" />
<meta name="twitter:card" />
<meta name="twitter:site" />
<meta name="twitter:creator" />
<meta name="twitter:title" />
<meta name="twitter:description" />
<meta name="twitter:image" content="" />
<meta property="og:url" content="https://www.metopera.org/" />
<meta property="og:type" />
<meta property="og:title" />
<meta property="og:description" />
<meta property="og:image" content="" />
<!-- This is: METROWEBFE2 @ 1/11/2019 1:11:12 PM -->
<title>Metropolitan Opera | Home</title>
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="//cdn.rawgit.com/chieffancypants/angular-loading-bar/master/build/loading-bar.min.css">
<link href="/Static/stylesheets/main.css?modified=20190110120528" rel="stylesheet"></link>
<!--- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="/Static/imgs/favicons/apple-touch-icon-57x57.png?v=alBRjJ8QkR">
<link rel="apple-touch-icon" sizes="60x60" href="/Static/imgs/favicons/apple-touch-icon-60x60.png?v=alBRjJ8QkR">
<link rel="apple-touch-icon" sizes="72x72" href="/Static/imgs/favicons/apple-touch-icon-72x72.png?v=alBRjJ8QkR">
<link rel="apple-touch-icon" sizes="76x76" href="/Static/imgs/favicons/apple-touch-icon-76x76.png?v=alBRjJ8QkR">
<link rel="apple-touch-icon" sizes="114x114" href="/Static/imgs/favicons/apple-touch-icon-114x114.png?v=alBRjJ8QkR">
<link rel="apple-touch-icon" sizes="120x120" href="/Static/imgs/favicons/apple-touch-icon-120x120.png?v=alBRjJ8QkR">
<link rel="apple-touch-icon" sizes="144x144" href="/Static/imgs/favicons/apple-touch-icon-144x144.png?v=alBRjJ8QkR">
<link rel="apple-touch-icon" sizes="152x152" href="/Static/imgs/favicons/apple-touch-icon-152x152.png?v=alBRjJ8QkR">
<link rel="apple-touch-icon" sizes="180x180" href="/Static/imgs/favicons/apple-touch-icon-180x180.png?v=alBRjJ8QkR">
<link rel="icon" type="image/png" href="/Static/imgs/favicons/favicon-32x32.png?v=alBRjJ8QkR" sizes="32x32">
<link rel="icon" type="image/png" href="/Static/imgs/favicons/android-chrome-192x192.png?v=alBRjJ8QkR" sizes="192x192">
<link rel="icon" type="image/png" href="/Static/imgs/favicons/favicon-96x96.png?v=alBRjJ8QkR" sizes="96x96">
<link rel="icon" type="image/png" href="/Static/imgs/favicons/favicon-16x16.png?v=alBRjJ8QkR" sizes="16x16">
<link rel="manifest" href="/manifest.json?v=alBRjJ8QkR">
<link rel="shortcut icon" href="/favicon.ico?v=alBRjJ8QkR">
<meta name="msapplication-TileColor" content="#c61c1c">
<meta name="msapplication-TileImage" content="/Static/imgs/favicons/mstile-144x144.png?v=alBRjJ8QkR">
<meta name="theme-color" content="#ffffff">
<script src="/Static/javascript/lib/modernizr.js?modified=20190110120526" type="text/javascript"></script>
<script src="/Static/javascript/lib/jquery.min.js?modified=20190110120526" type="text/javascript"></script> <script src="/node_modules/core-js/client/core.min.js?modified=20180502051208" type="text/javascript"></script>
<script src="/Static/javascript/lib/lodash.underscore.min.js?modified=20190110120526" type="text/javascript"></script>
<script src="/common.bundle.js?modified=20190110120452" type="text/javascript"></script>
</head>
<body>
<!-- Google Tag Manager -->
<noscript>
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-MPB22L"
height="0" width="0" style="display: none; visibility: hidden"></iframe>
</noscript>
<script>
try {
(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-MPB22L');
}
catch (err) {
console.error(err);
}
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=DC-2900308"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'DC-2900308');
</script>
<script type="text/javascript">
window.isMoodPage = false;
</script>
<script type="text/javascript">
window.metBootstrappedData = window.metBootstrappedData || {};
if (typeof window.metBootstrappedData === 'undefined') {
Object.defineProperty(window, 'metBootstrappedData', {
value: Object.create(null)
});
}
Object.defineProperty(window.metBootstrappedData, 'siteUrlSettings', {
get: function () {
return {"dateComparisonPageUrl":"/season/reserve/date-comparison/","seatSelectorUrl":"/errors/restricted-access-messaging/","calendarPageUrl":"/calendar/","cartPageUrl":"/cart/","referrerUrl":"/","cyoQuizLink":"/season/subscription-opera-finder/","partialViewText":"May Be Partial view"};
},
enumerable: true
});
</script>
<!-- End Google Tag Manager -->
<div id="siteWrapper" class="site-wrapper ">
<a href="#mainContent" id="skipLink" class="skiplink no-softscroll-js">Skip to main content</a>
<!--Header-Main-Footer-->
<header class="mheader" role="banner" id="header">
<nav class="mnav" role="navigation" id="mainNavigation">
<div class="mnav-bar">
<button class="mnav-bar-navtrigger" type="button" aria-controls="navigationContainer" aria-expanded="false" id="mheaderNavTrigger">
<span class="mnav-bar-navtrigger-open" id="mheaderNavTriggerOpen">
<svg focusable="false">
<use xlink:href="#icon-menu"></use>
</svg>Menu
</span>
<span class="mnav-bar-navtrigger-close" hidden id="mheaderNavTriggerClose">
<svg focusable="false">
<use xlink:href="#icon-close"></use>
</svg> Close <span class="visually-hidden">Menu </span>
</span>
</button>
<div id="navigationContainer" class="mnav-container" tabindex="-1">
<ul class="mnav-links">
<li class="mnav-links-item">
<button class="mnav-links-item-button mnav-has-children-js" aria-controls="subNav-Season" aria-expanded="false">Season</button>
<div class="mnav-subnav mnav-subnav-js" id="subNav-Season">
<ul>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/season/2018-19-season/" aria-label="Navigate to 2018–19 Season">2018–19 Season</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="http://www.metopera.org/ring" aria-label="Navigate to 2019 Ring Cycles">2019 Ring Cycles</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/season/in-cinemas/" aria-label="Navigate to In Cinemas">In Cinemas</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/season/on-demand/" aria-label="Navigate to On Demand">On Demand</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/season/radio/" aria-label="Navigate to Radio">Radio</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/season/television/" aria-label="Navigate to Television">Television</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/season/events/" aria-label="Navigate to Events">Events</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/season/tickets/" aria-label="Navigate to Tickets">Tickets</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/season/2019-abt/" aria-label="Navigate to 2019 ABT">2019 ABT</a>
</li>
</ul>
</div>
</li>
<li class="mnav-links-item">
<button class="mnav-links-item-button mnav-has-children-js" aria-controls="subNav-Visit" aria-expanded="false">Visit</button>
<div class="mnav-subnav mnav-subnav-js" id="subNav-Visit">
<ul>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/visit/getting-here/" aria-label="Navigate to Getting Here">Getting Here</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/visit/daytime-access/" aria-label="Navigate to Daytime Access">Daytime Access</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/visit/accessibility/" aria-label="Navigate to Accessibility">Accessibility</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/visit/dining-at-the-met/" aria-label="Navigate to Dining at the Met">Dining at the Met</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/visit/tours/" aria-label="Navigate to Tours">Tours</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/visit/what-to-expect/" aria-label="Navigate to What to Expect">What to Expect</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/visit/exhibitions/" aria-label="Navigate to Exhibitions">Exhibitions</a>
</li>
</ul>
</div>
</li>
<li class="mnav-links-item">
<button class="mnav-links-item-button mnav-has-children-js" aria-controls="subNav-Discover" aria-expanded="false">Discover</button>
<div class="mnav-subnav mnav-subnav-js" id="subNav-Discover">
<ul>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/discover/video/" aria-label="Navigate to Videos">Videos</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/discover/podcasts/" aria-label="Navigate to Podcasts">Podcasts</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/discover/artists/" aria-label="Navigate to Artists">Artists</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/discover/articles/" aria-label="Navigate to Articles">Articles</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/discover/synopses/" aria-label="Navigate to Synopses">Synopses</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/discover/education/" aria-label="Navigate to Education">Education</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/discover/archives/" aria-label="Navigate to Archives">Archives</a>
</li>
</ul>
</div>
</li>
<li class="mnav-links-item">
<button class="mnav-links-item-button mnav-has-children-js" aria-controls="subNav-Support" aria-expanded="false">Support</button>
<div class="mnav-subnav mnav-subnav-js" id="subNav-Support">
<ul>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/support/join-the-met/" aria-label="Navigate to Join the Met">Join the Met</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/support/make-a-gift/" aria-label="Navigate to Make a Gift">Make a Gift</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/support/corporate-partnership/" aria-label="Navigate to Corporate Partnership">Corporate Partnership</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="https://metopera.giftplans.org/" aria-label="Navigate to Leave a Legacy">Leave a Legacy</a>
</li>
</ul>
</div>
</li>
<li class="mnav-links-item">
<button class="mnav-links-item-button mnav-has-children-js" aria-controls="subNav-About" aria-expanded="false">About</button>
<div class="mnav-subnav mnav-subnav-js" id="subNav-About">
<ul>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/about/the-met/" aria-label="Navigate to Our Story">Our Story</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/about/press-releases/" aria-label="Navigate to Press Releases">Press Releases</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/about/who-we-are/" aria-label="Navigate to Who We Are">Who We Are</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/about/faq/" aria-label="Navigate to FAQ">FAQ</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/about/jobs/" aria-label="Navigate to Jobs">Jobs</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/about/auditions/" aria-label="Navigate to Auditions">Auditions</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/about/contact-us/" aria-label="Navigate to Contact Us">Contact Us</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/about/annual-reports/" aria-label="Navigate to Annual Reports">Annual Reports</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="/about/brochures/" aria-label="Navigate to Brochures">Brochures</a>
</li>
<li class="mnav-subnav-item">
<a class="mnav-subnav-item-link" href="https://www.metguild.org/index.aspx" aria-label="Navigate to Guild">Guild</a>
</li>
</ul>
</div>
</li>
<li class="mnav-links-item">
<a class="mnav-links-item-button" href="https://www.metoperashop.org/" aria-label="Navigate to Shop" target="_blank">
Shop
</a>
</li>
</ul>
<script type="text/javascript">
window.metBootstrappedData = window.metBootstrappedData || {};
if (typeof window.metBootstrappedData === 'undefined') {
Object.defineProperty(window, 'metBootstrappedData', {
value: Object.create(null)
});
}
Object.defineProperty(window.metBootstrappedData, 'IsEpiEditMode', {
get: function () {
return "false";
},
enumerable: true
});
</script>
<ul class="mnav-utilities">
<li class="mnav-utilities-item">
<a href="/search/" class="mnav-utilities-link" aria-label="Navigate to Search page">
<svg focusable="false">
<use xlink:href="#icon-global-search"></use>
</svg>
Search
</a>
</li>
<li class="mnav-utilities-item">
<a class="mnav-utilities-link" href="/account/login/?mustlogin=true" aria-label="Login to the Metropolitan Opera">
<svg focusable="false">
<use xlink:href="#icon-global-login"></use>
</svg>
Login
</a>
</li>
<li id="liveChatContainer" class="mnav-utilities-item live-chat state-swap">
<a id="chatStatus" href="#" class="live-chat-text mnav-utilities-link">
<svg focusable="false" class="live-chat-icon">
<use xlink:href="#icon-livechat"></use>
</svg>
<span class="visually-hidden">Open </span> Live Chat
<span aria-hidden="true" id="liveChatUnavailable" class="visually-hidden"> Live chat is currently unavailable.</span>
</a>
<script type="text/javascript">
(function () {
if (window.innerWidth > 1025) {
var theScript = document.createElement('script');
theScript.type = 'text/javascript';
theScript.src = 'https://metopera.zipwiresw.com:9443/clientweb/chat-client-v2/js/snippet.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(theScript, s);
SERVICE_PATTERN_CHAT_CONFIG = {
appId: '76ca37f411e84b288ad3c59a3ea91096',
clientId: 'WebChat',
apiUrl: 'https://metopera.zipwiresw.com:9443/clientweb/api/v1',
tenantUrl: 'metopera.zipwiresw.com',
width: 300,
chatPath: 'https://metopera.zipwiresw.com:9443/clientweb/chat-client-v2/'
};
}
})();
</script>
</li>
</ul>
</div>
<a class="mnav-bar-home" href="/">
<span class="mnav-bar-home-inner">
<svg focusable="false">
<use xlink:href="#logo-color-horizontal"></use>
</svg>
<span class="visually-hidden">The Metropolitan Opera</span>
</span>
</a>
<div class="mnav-bar-calendar-account" id="mnavAccountArea">
<a class="mnav-bar-account-link mnav-bar-account-link-action mnav-bar-account-hidefortablet-and-navopen" href="/account/login/?mustlogin=true">
<svg focusable="false">
<use xlink:href="#icon-global-login"></use>
</svg>
Login / Register
</a>
<a id="hlBuyTicketsMobile" class="mnav-bar-calendar" href="/calendar/">
<svg focusable="false" role="presentation" aria-hidden="true">
<use xlink:href="#icon-global-calendar"></use>
</svg><span id="dateMonth" class="visually-hidden"></span> Calendar
</a>
</div>
</div>
</nav>
</header>
<div class="container" id="container">
<main id="mainContent" role="main" class="container-main">
<h1 class="visually-hidden">The Metropolitan Opera</h1>
<section class="hero-home-container hero-home-alignleft" id="homeHeroContainer">
<h2 class="visually-hidden">Featured Content</h2>
<div class="hero-home-area slider-container">
<div id="homeSlider" class="hero-home-area hero">
<div tabindex="-1" class="hero-home-section hero-video-section-js hero-home-section-js active home-hero-section-showbox ">
<div class="hero-home-frame object-fit-js">
<picture>
<source media="(max-width: 64.0625em)" srcset="/globalassets/season/2018-19/operas/aida/1100x670/1100x670_aida.jpg">
<img class="hero-video-image" src="/globalassets/season/2018-19/operas/aida/1600x1200/1600x1200_aida.jpg" alt="" style="object-position: center 100%">
</picture>
<div class="hero-home-inner">
<div class="hero-home-box-outer hero-home-box-outer-js">
<div class="hero-home-box">
<div class="hero-home-box-inner">
<p class="hero-video-box-pretitle">
<span >Tonight at 7:30 PM</span>
</p>
<h3 class="hero-video-box-title hero-home-box-title-js" data-pagination-title="Verdi’s <i>Aida</i>" data-pagination-title-lang="en">
<span >Verdi’s <i>Aida</i></span>
</h3>
<div class="hero-video-box-desc">
<a class="hero-video-box-desc-btn hero-home-box-desc-btn" data-home-tracking-directive="" data-link-category="Hero - Tile 1" href="/season/2018-19-season/aida/">
Buy Tickets
</a>
<div class="hero-video-box-desc-text rich-text"><p>Kristin Lewis sings the title princess, with Yonghoon Lee as her lover, Radamès, and Dolora Zajick as her rival, Amneris. Nicola Luisotti conducts.</p></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div tabindex="-1" class="hero-home-section hero-video-section-js hero-home-section-js ">
<div class="hero-home-frame object-fit-js">
<picture>
<source media="(max-width: 64.0625em)" srcset="/globalassets/season/2018-19/operas/adriana-lecouvreur/1100x670/1100x670_adriana3.jpg">
<img class="hero-video-image" src="/globalassets/season/2018-19/operas/adriana-lecouvreur/1600x1200/1600x1200_adriana3.jpg" alt="" style="object-position: center center">
</picture>
<div class="hero-home-inner">
<div class="hero-home-box-outer hero-home-box-outer-js">
<div class="hero-home-box">
<div class="hero-home-box-inner">
<p class="hero-video-box-pretitle">
<span >Tomorrow at 1 pm</span>
</p>
<h3 class="hero-video-box-title hero-home-box-title-js" data-pagination-title="Cilea’s <i>Adriana Lecouvreur</i>" data-pagination-title-lang="en">
<span >Cilea’s <i>Adriana Lecouvreur</i></span>
</h3>
<div class="hero-video-box-desc">
<a class="hero-video-box-desc-btn hero-home-box-desc-btn" data-home-tracking-directive="" data-link-category="Hero - Tile 2" href="/season/2018-19-season/Adriana-Lecouvreur/">
Buy Tickets
</a>
<div class="hero-video-box-desc-text rich-text"><p>“A pinnacle of a lifetime of opera-going … Anna Netrebko is the ultimate diva” (<i>Observer</i>) in a new production by Sir David McVicar, opposite tenor Piotr Beczała and mezzo-soprano Anita Rachvelishvili. Gianandrea Noseda conducts.</p></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div tabindex="-1" class="hero-home-section hero-video-section-js hero-home-section-js ">
<div class="hero-home-frame object-fit-js">
<picture>
<source media="(max-width: 64.0625em)" srcset="/globalassets/season/2018-19/operas/carmen/1100x670/1100x670_carmenprod2.jpg">
<img class="hero-video-image" src="/globalassets/season/2018-19/operas/carmen/1600x1200/1600x1200_carmenprod2.jpg" alt="" style="object-position: center center">
</picture>
<div class="hero-home-inner">
<div class="hero-home-box-outer hero-home-box-outer-js">
<div class="hero-home-box">
<div class="hero-home-box-inner">
<p class="hero-video-box-pretitle">
<span >Tomorrow at 8:30 PM</span>
</p>
<h3 class="hero-video-box-title hero-home-box-title-js" data-pagination-title="Bizet’s <i>Carmen</i>" data-pagination-title-lang="en">
<span >Bizet’s <i>Carmen</i></span>
</h3>
<div class="hero-video-box-desc">
<a class="hero-video-box-desc-btn hero-home-box-desc-btn" data-home-tracking-directive="" data-link-category="Hero - Tile 3" href="/season/2018-19-season/carmen/">
Buy Tickets
</a>
<div class="hero-video-box-desc-text rich-text"><p>Clémentine Margaine reprises her remarkable portrayal of opera’s ultimate seductress, with Roberto Alagna as Don José and Aleksandra Kurzak as Micaëla. Louis Langrée conducts.</p></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="hero-home-logo-container" id="heroHomeLogoContainerJS">
<svg focusable="false" class="hero-home-logo" role="presentation" aria-hidden="true">
<title>The Metropolitan Opera Logo</title>
<use xlink:href="#logo-color-stacked"></use>
</svg>
</div>
<div class="visually-hidden" id="heroHomeStatus" aria-atomic="true" aria-live="polite"></div>
</section>
<div class="home-content" id="homeContent">
<div class="content">
<div class="content-inner">
<section class="upcomingperfs home">
<h2 class="visually-hidden">Upcoming Performances</h2>
<div class="upcomingperfs-item " id="upcomingPerfsItem-0">
<div class="upcomingperfs-item-inner">
<h3 class="upcomingperfs-item-heading">
<span class="upcomingperfs-item-time">Today 7:30 pm</span>
<span class="upcomingperfs-item-title" lang="it">Aida</span>
</h3>
<div class="upcomingperfs-item-ctas-container">
<div class="upcomingperfs-item-ctas">
<a data-home-tracking-directive="" data-link-category="Upcoming Nav - Tile 1" href="/errors/restricted-access-messaging/?perf=15150" class="upcomingperfs-item-ctas-link">
Buy Tickets
<span class="visually-hidden">
to
<span lang="it">Aida</span>
on January 11, 2019 at 7:30 PM
</span>
</a>
<a data-home-tracking-directive="" data-link-category="Upcoming Nav - Tile 1" href="/season/2018-19-season/aida/" class="upcomingperfs-item-ctas-link">
Learn More
<span class="visually-hidden">
about
<span lang="it">Aida</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="upcomingperfs-item " id="upcomingPerfsItem-1">
<div class="upcomingperfs-item-inner">
<h3 class="upcomingperfs-item-heading">
<span class="upcomingperfs-item-time">Tomorrow 1:00 pm</span>
<span class="upcomingperfs-item-title" lang="fr">Adriana Lecouvreur</span>
</h3>
<div class="upcomingperfs-item-ctas-container">
<div class="upcomingperfs-item-ctas">
<a data-home-tracking-directive="" data-link-category="Upcoming Nav - Tile 2" href="/errors/restricted-access-messaging/?perf=15136" class="upcomingperfs-item-ctas-link">
Buy Tickets
<span class="visually-hidden">
to
<span lang="fr">Adriana Lecouvreur</span>
on January 12, 2019 at 1:00 PM
</span>
</a>
<a data-home-tracking-directive="" data-link-category="Upcoming Nav - Tile 2" href="/season/2018-19-season/Adriana-Lecouvreur/" class="upcomingperfs-item-ctas-link">
Learn More
<span class="visually-hidden">
about
<span lang="fr">Adriana Lecouvreur</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="upcomingperfs-item " id="upcomingPerfsItem-2">
<div class="upcomingperfs-item-inner">
<h3 class="upcomingperfs-item-heading">
<span class="upcomingperfs-item-time">Tomorrow 8:30 pm</span>
<span class="upcomingperfs-item-title" lang="en">Carmen</span>
</h3>
<div class="upcomingperfs-item-ctas-container">
<div class="upcomingperfs-item-ctas">
<a data-home-tracking-directive="" data-link-category="Upcoming Nav - Tile 3" href="/errors/restricted-access-messaging/?perf=15197" class="upcomingperfs-item-ctas-link">
Buy Tickets
<span class="visually-hidden">
to
<span lang="en">Carmen</span>
on January 12, 2019 at 8:30 PM
</span>
</a>
<a data-home-tracking-directive="" data-link-category="Upcoming Nav - Tile 3" href="/season/2018-19-season/carmen/" class="upcomingperfs-item-ctas-link">
Learn More
<span class="visually-hidden">
about
<span lang="en">Carmen</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="upcomingperfs-item " id="upcomingPerfsItem-3">
<div class="upcomingperfs-item-inner">
<h3 class="upcomingperfs-item-heading">
<span class="upcomingperfs-item-time">Monday 7:30 pm</span>
<span class="upcomingperfs-item-title" lang="it">Aida</span>
</h3>
<div class="upcomingperfs-item-ctas-container">
<div class="upcomingperfs-item-ctas">
<a data-home-tracking-directive="" data-link-category="Upcoming Nav - Tile 4" href="/errors/restricted-access-messaging/?perf=15151" class="upcomingperfs-item-ctas-link">
Buy Tickets
<span class="visually-hidden">
to
<span lang="it">Aida</span>
on January 14, 2019 at 7:30 PM
</span>
</a>
<a data-home-tracking-directive="" data-link-category="Upcoming Nav - Tile 4" href="/season/2018-19-season/aida/" class="upcomingperfs-item-ctas-link">
Learn More
<span class="visually-hidden">
about
<span lang="it">Aida</span>
</span>
</a>
</div>
</div>
</div>
</div>
</section>
<h2 class="visually-hidden">Items of Interest</h2>
<div class="cta-grid">
<div class="cta-item-container one-third">
<a class="cta-item" href=/season/2018-19-season/pelleas-et-melisande/ aria-label="" href=/season/2018-19-season/pelleas-et-melisande/ target="1"
data-home-tracking-directive="" data-link-category="Body - Row 1">
<div class="cta-item-image-container audio-s">
<div class="cta-item-image-container-inner video-mobilecontainer-js">
<img class="cta-item-image" src="/globalassets/season/2018-19/operas/pelleas-et-melisande/500x500/500x500_pelleas2.jpg" alt="" />
</div>
</div>
<div class="cta-item-content">
<div class="cta-item-content-sub">
<p class="cta-item-pretitle">
<span class="cta-item-pretitle-main">
<span>Opens Tuesday at 7:30 pm</span>
<span class="cta-item-pretitle-two"></span>
</span>
</p>
<div class="cta-item-title"><p>Debussy’s <em>Pelléas et Mélisande</em><i><br /></i></p></div>
<div class="cta-item-subtitle"><div><span style="font-family: 'Times New Roman', serif; font-size: medium;">Yannick Nézet-Séguin</span><span style="font-family: 'Times New Roman', serif; font-size: medium;"> conducts </span><span style="font-family: 'Times New Roman', serif; font-size: medium;">Debussy’s mesmerizing meditation on love and betrayal, which returns for the first time in almost a decade. Paul Appleby and Isabel Leonard are the naïve title lovers.</span></div>
<p><span style="font-family: 'Times New Roman', serif; font-size: medium;"> </span></p></div>
</div>
<span class="primary-btn cta-item-btn">Buy Tickets</span>
</div>
</a>
</div>
<div class="cta-item-container two-third">
<a class="cta-item" href=/season/in-cinemas/ aria-label="" href=/season/in-cinemas/ target=""
data-home-tracking-directive="" data-link-category="Body - Row 1">
<div class="cta-item-image-container audio-s">
<div class="cta-item-image-container-inner video-mobilecontainer-js">
<img class="cta-item-image" src="/globalassets/home/buckets/2018-19-season/live-in-hd/1020x500_adriana_hd2.jpg" alt="" />
</div>
</div>
<div class="cta-item-content">
<div class="cta-item-content-sub">
<p class="cta-item-pretitle">
<span class="cta-item-pretitle-main">
<span>LIVE IN HD</span>
<span class="cta-item-pretitle-two">Jan 12</span>
</span>
</p>
<div class="cta-item-title"><p><i>Adriana Lecouvreur</i></p></div>
<div class="cta-item-subtitle"><p>The 2018–19 season of the Met’s award-winning global movie theater transmission series continues with reigning diva Anna Netrebko in the title role of Cilea’s <i>Adriana Lecouvreur</i>, a dazzling showcase for a star soprano. The outstanding cast also includes Piotr Beczała and Anita Rachvelishvili. Gianandrea Noseda conducts.</p></div>
</div>
<span class="primary-btn cta-item-btn">Buy Tickets</span>
</div>
</a>
</div>
<div class="cta-item-container one-third">
<a class="cta-item" href=/discover/articles/the-poetry-of-pelleas/ aria-label="" href=/discover/articles/the-poetry-of-pelleas/ target=""
data-home-tracking-directive="" data-link-category="Body - Row 2">
<div class="cta-item-image-container audio-s">
<div class="cta-item-image-container-inner video-mobilecontainer-js">
<img class="cta-item-image" src="/globalassets/home/buckets/2018-19-season/articles/500x500_yns.jpg" alt="" />
</div>
</div>
<div class="cta-item-content">
<div class="cta-item-content-sub">
<p class="cta-item-pretitle cta-item-pretitle-hide">
<span class="cta-item-pretitle-main">
<span></span>
<span class="cta-item-pretitle-two"></span>
</span>
</p>
<div class="cta-item-title"><p>The Poetry of <em>Pelléas</em></p></div>
<div class="cta-item-subtitle"><p>Yannick Nézet-Séguin turns his attention this month to Debussy’s <i>Pelléas et Mélisande</i>, which returns to the Met stage for the first time in eight years on January 15. He recently discussed conducting one of opera’s landmark masterpieces.</p></div>
</div>
<span class="primary-btn cta-item-btn">Read Article</span>
</div>
</a>
</div>
<div class="cta-item-container one-third">
<a class="cta-item" href=/discover/articles/drama-queen/ aria-label="" href=/discover/articles/drama-queen/ target=""
data-home-tracking-directive="" data-link-category="Body - Row 2">
<div class="cta-item-image-container audio-s">
<div class="cta-item-image-container-inner video-mobilecontainer-js">
<img class="cta-item-image" src="/globalassets/home/buckets/2018-19-season/articles/500x500_dramaqueen2.jpg" alt="" />
</div>
</div>
<div class="cta-item-content">
<div class="cta-item-content-sub">
<p class="cta-item-pretitle cta-item-pretitle-hide">
<span class="cta-item-pretitle-main">
<span></span>
<span class="cta-item-pretitle-two"></span>
</span>
</p>
<div class="cta-item-title"><p>Drama Queen</p></div>
<div class="cta-item-subtitle"><p>Cilea’s <i>Adriana Lecouvreur </i>returns to the Met with the great Anna Netrebko in the title role. Sir David McVicar’s new staging embraces Cilea’s glamorous 18th-century Parisian setting but also mines for deeper artistic significance in an opera that is often underestimated.</p></div>
</div>
<span class="primary-btn cta-item-btn">Read Article</span>
</div>
</a>
</div>
<div class="cta-item-container one-third">
<a class="cta-item" href=/support/join-the-met/become-a-guild-member/ aria-label="" href=/support/join-the-met/become-a-guild-member/ target=""
data-home-tracking-directive="" data-link-category="Body - Row 2">
<div class="cta-item-image-container audio-s">
<div class="cta-item-image-container-inner video-mobilecontainer-js">
<img class="cta-item-image" src="/globalassets/support/photo-assets/500x500_membershipgive.jpg" alt="" />
</div>
</div>
<div class="cta-item-content">
<div class="cta-item-content-sub">
<p class="cta-item-pretitle">
<span class="cta-item-pretitle-main">
<span>Members Get More</span>
<span class="cta-item-pretitle-two"></span>
</span>
</p>
<div class="cta-item-title"><p>Enhance Your Met Experience</p></div>
<div class="cta-item-subtitle"><p>Members enjoy exclusive benefits throughout the year, including a subscription to <i>Opera News</i>, special discounts, and more. Choose the level the works best for you.</p></div>
</div>
<span class="primary-btn cta-item-btn">Join Today</span>
</div>
</a>
</div>
<div class="cta-item-container one-third">
<a class="cta-item" href=/discover/articles/monster-or-man/ aria-label="" href=/discover/articles/monster-or-man/ target=""
data-home-tracking-directive="" data-link-category="Body - Row 3">
<div class="cta-item-image-container audio-s">
<div class="cta-item-image-container-inner video-mobilecontainer-js">
<img class="cta-item-image" src="/globalassets/home/buckets/2018-19-season/articles/500x500_monster.jpg" alt="" />
</div>
</div>
<div class="cta-item-content">
<div class="cta-item-content-sub">
<p class="cta-item-pretitle cta-item-pretitle-hide">
<span class="cta-item-pretitle-main">
<span></span>
<span class="cta-item-pretitle-two"></span>
</span>
</p>
<div class="cta-item-title"><p>Monster or Man</p></div>
<div class="cta-item-subtitle"><p>Gerald Finley returns to the Met this month to sing Duke Bluebeard, the menacing character at the heart of Bartók’s <i>Bluebeard’s Castle</i>, opening January 24. He recently spoke about finding the humanity in one of the repertoire’s most malevolent figures.</p></div>
</div>
<span class="primary-btn cta-item-btn">Read Interview</span>
</div>
</a>
</div>
<div class="cta-item-container one-third">
<a class="cta-item" href=/season/on-demand/opera/?upc=810004200456 aria-label="Listen Now" href=/season/on-demand/opera/?upc=810004200456 target=""
data-home-tracking-directive="" data-link-category="Body - Row 3">
<div class="cta-item-image-container audio-s">
<div class="cta-item-image-icon cta-item-image-icon-mood">
<svg focusable="false" role="presentation" aria-hidden="true">
<use xlink:href="#icon-grid-mood"></use>
</svg>
</div>
<div class="cta-item-image-container-inner video-mobilecontainer-js">
<img class="cta-item-image" src="/globalassets/mood/mood-cta-blocks/810004200456_500x500.jpg" alt="Yusif Eyvazov and Anna Netrebko in Tosca" />
</div>
</div>
<div class="cta-item-content">
<div class="cta-item-content-sub">
<p class="cta-item-pretitle">
<span class="cta-item-pretitle-main">
<span>Met Opera on Demand</span>
<span class="cta-item-pretitle-two"></span>
</span>
</p>
<div class="cta-item-title"><p>Anna Netrebko in <em>Tosca</em></p></div>
<div class="cta-item-subtitle"><p>Soprano Anna Netrebko stars in the thrilling title role of Puccini’s <em>Tosca</em><em>,</em> alongside tenor Yusif Eyvazov and baritone Michael Volle,<em> </em>now available to stream on Met Opera on Demand. </p></div>
</div>
<span class="primary-btn cta-item-btn">Listen Now</span>
</div>
</a>
</div>
<div class="cta-item-container one-third">
<a class="cta-item" href=https://goo.gl/pP8hys aria-label="" href=https://goo.gl/pP8hys target="1"
data-home-tracking-directive="" data-link-category="Body - Row 3">
<div class="cta-item-image-container audio-s">
<div class="cta-item-image-container-inner video-mobilecontainer-js">
<img class="cta-item-image" src="/globalassets/home/buckets/2018-19-season/general/500x500_brunch.jpg" alt="" />
</div>
</div>
<div class="cta-item-content">
<div class="cta-item-content-sub">
<p class="cta-item-pretitle cta-item-pretitle-hide">
<span class="cta-item-pretitle-main">
<span></span>
<span class="cta-item-pretitle-two"></span>
</span>
</p>
<div class="cta-item-title"><p>Sunday Brunch Is Back</p></div>
<div class="cta-item-subtitle"><div class="promo-bucket-inner-info promo-bucket-synopsis">
<p>From November 18–December 30, celebrate the holidays with the Grand Tier Restaurant’s iconic Sunday brunch. Enjoy endless Grand Tier Bellinis and performances by rising stars from the Lindemann Young Artist Development Program.</p>
</div></div>
</div>
<span class="primary-btn cta-item-btn">Reserve Now</span>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</main>
<footer role="contentinfo" class="mfooter dark-bg" id="footer">
<div class="mfooter-content">
<div class="mfooter-social">
<p><a class="secondary-btn" title="Email Preferences" href="/link/e4fb774d9f304ec98dfcf1487ffcc0fb.aspx">Email Signup</a></p>
<ul>
<li><a rel="noopener" href="https://www.facebook.com/MetOpera" target="_blank"> <svg><use xlink:href="#icon-social-facebook"></use></svg> <span class="visually-hidden">Find The Metropolitan Opera on Facebook (opens new window)</span> </a></li>
<li><a rel="noopener" href="https://twitter.com/metopera" target="_blank"> <svg><use xlink:href="#icon-social-twitter"></use></svg> <span class="visually-hidden">Find The Metropolitan Opera on Twitter (opens new window)</span> </a></li>
<li><a rel="noopener" href="http://instagram.com/metopera" target="_blank"> <svg><use xlink:href="#icon-social-instagram"></use></svg> <span class="visually-hidden">Find The Metropolitan Opera on Instagram (opens new window)</span> </a></li>
<li><a rel="noopener" href="https://www.youtube.com/user/MetropolitanOpera" target="_blank"> <svg><use xlink:href="#icon-social-youtube"></use></svg> <span class="visually-hidden">Find The Metropolitan Opera on Instagram (opens new window)</span> </a></li>
</ul>
</div>
<div class="mfooter-text">
<div class="mfooter-text-inner">
<ul>
<li><a href="/link/04ef4b961c8d4151ad3a823e19978174.aspx">Terms & Conditions</a></li>
<li><a href="/link/cfff9aa97130498a9d1d7b74e65f88ba.aspx">Privacy Policy</a></li>
<li><a href="/link/cfff9aa97130498a9d1d7b74e65f88ba.aspx#ourads">Our Digital Ads</a></li>
<li><a lang="ja" href="/link/f4ca04bc089f4f25996e879b45ccc698.aspx">日本語</a></li>
<li><a href="/link/70f39f8e469f46a0b9ea79dcd242f54f.aspx">Dining</a></li>
</ul>
<p class="sans-medium-small">©2019 The Metropolitan Opera</p>
</div>
</div>
<div class="mfooter-sponsors">
<p><a href="http://www.metopera.org/metopera/broadcast/operainfo.aspx" target="_blank"><img title="Sponsor: Toll Brothers - Saturday Matinee Broadcasts" alt="Toll Brothers - Saturday Matinee Broadcasts" src="/static/imgs/footer-tollBrothers.png" /> </a><a href="http://www.siriusxm.com/metropolitanopera" target="_blank"><img title="Sponsor: Sirius XM" alt="Sirius XM" src="/static/imgs/footer-sirius.png" /> </a></p>
</div>
<div class="mfooter-clock">
<iframe class="mfooter-clock-iframe" title="Rolex" src="/Static/html/rolex.html"></iframe>
</div>
</div>
</footer>
</div>
</div>
<div class="unsupported-modal" style="display:none;" id="unsupportedModal" aria-hidden="true" inert role="alertdialog">
<div class="unsupported-modal-header" tabindex="-1" id="unsupportedModalHeader">
<button class="unsupported-modal-close unsupported-modal-close-js close-btn">
Close
<span class="visually-hidden"> Modal</span>
<svg focusable="false">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-close"></use>
</svg>
</button>
</div>
<div class="unsupported-modal-inner" id="unsupportedModalContent">
<p>The browser you are using is not supported. Please upgrade your browser to the latest version. </p>
<div class="unsupported-modal-understand unsupported-modal-close-js dark-bg">
<button class="primary-btn">I understand<span class="visually-hidden">, close this dialog</span></button>
</div>
</div>
</div>
<!--Scripts-->
<script src="/node_modules/wicg-inert/dist/inert.js?modified=20180502051156" type="text/javascript"></script>
<script src="/Static/javascript/lib/slick.min.js?modified=20190110120526" type="text/javascript"></script>
<script src="/Static/javascript/common/global/index.bundle.js?modified=20190110120526" type="text/javascript"></script>
<script src="/app/home/index.bundle.js?modified=20190110120454" type="text/javascript"></script>
<script src="/Static/javascript/pages/home/index.bundle.js?modified=20190110120526" type="text/javascript"></script>
</body>
</html>
- Log in to post comments