<div class="overlay js-overlay"></div>
<div class="header-container js-header-container">
<div class="header-ad">
<div class="ad-container">
<a href="#">
<picture>
<source srcset="/assets/images/ads/728x90.jpg" media="(min-width: 769px)">
<img src="/assets/images/ads/300x50.jpg" alt="Ad for Peter Pan at National Theatre Live with young man floating in the sky" />
</picture>
</a>
</div>
</div>
<header class="header contain js-header">
<div class="header-main">
<div class="header-btns">
<button class="btn header-btn-menu-open js-header-btn-menu-open">
<svg class="icon icon--menu">
<use xlink:href="/assets/icons/sprite-sheet.svg#menu"></use>
</svg>
<span class="visually-hidden">Menu</span>
</button>
<button class="btn header-btn-menu-close js-header-btn-menu-close">
<svg class="icon icon--close">
<use xlink:href="/assets/icons/sprite-sheet.svg#close"></use>
</svg>
<span class="visually-hidden">Close Menu</span>
</button>
</div>
<div class="header-logo">
<a href="#">
<img src="/assets/images/logos/whatsonstage.svg" alt="What's on Stage Logo" />
</a>
</div>
<div class="header-search-container js-header-search">
<div class="header-btns">
<button class="btn header-btn-search-open js-header-btn-search-open">
<svg class="icon icon--search">
<use xlink:href="/assets/icons/sprite-sheet.svg#search"></use>
</svg>
<span class="visually-hidden">Search</span>
</button>
<button class="btn header-btn-search-close js-header-btn-search-close">
<svg class="icon icon--close">
<use xlink:href="/assets/icons/sprite-sheet.svg#close"></use>
</svg>
<span class="visually-hidden">Close Search</span>
</button>
</div>
<div class="header-search">
<div class="search-block">
<form class="search-block-form">
<label for="search" class="label visually-hidden">Search</label>
<input class="input search-block-form__input js-input-search" name="search" id="search" type="search" placeholder="Search city, actor or keyword..." />
<svg class="icon icon--search">
<use xlink:href="/assets/icons/sprite-sheet.svg#search"></use>
</svg>
</form>
</div>
</div>
</div>
</div>
<div class="header-nav-container js-header-nav">
<div class="header-nav-items">
<nav class="header-nav">
<ul class="header-nav__list js-header-nav-list">
<li class="nav-list-item">
<button class="btn nav-link-item js-nav-secondary">
Tickets & Discounts
<svg class="icon icon--arrow-bottom">
<use xlink:href="/assets/icons/sprite-sheet.svg#arrow-bottom"></use>
</svg>
</button>
<ul class="header-nav__list-secondary">
<li class="header-nav-close">
<button class="btn btn--close js-btn-close">
<svg class="icon icon--close">
<use xlink:href="/assets/icons/sprite-sheet.svg#close"></use>
</svg>
<span class="visually-hidden">Close Menu</span>
</button>
</li>
<li class="sublist sublist--main">
<div class="section-title">
<svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg>
<h2 class="title-highlight">London</h2>
</div>
<ul class="header-nav__sublist">
<li class="nav-list-item">
<a href="#" class="nav-link-item">West End</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Off West End</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">All London</a>
</li>
</ul>
</li>
<li class="sublist">
<div class="section-title">
<svg class="icon icon--map-pin">
<use xlink:href="/assets/icons/sprite-sheet.svg#map-pin"></use>
</svg>
<h2 class="title-highlight">Other Cities</h2>
</div>
<ul class="header-nav__sublist">
<li class="nav-list-item">
<a href="#" class="nav-link-item">Bath</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Birmingham</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Bristol</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Chichester</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Dublin</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Edinburgh</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Glasgow</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Leeds</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Liverpool</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Manchester</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Oxford</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Stratford-Upon-Avon</a>
</li>
</ul>
<a href="#" class="btn btn--base btn--primary btn--submenu">See All Cities</a>
</li>
</ul>
</li>
<li class="nav-list-item">
<a href="#nav-link" class="nav-link-item">News & Reviews</a>
</li>
<li class="nav-list-item">
<button class="btn nav-link-item js-nav-secondary">
Theater Clubs
<svg class="icon icon--arrow-bottom">
<use xlink:href="/assets/icons/sprite-sheet.svg#arrow-bottom"></use>
</svg>
</button>
<ul class="header-nav__list-secondary">
<li class="header-nav-close">
<button class="btn btn--close js-btn-close">
<svg class="icon icon--close">
<use xlink:href="/assets/icons/sprite-sheet.svg#close"></use>
</svg>
<span class="visually-hidden">Close Menu</span>
</button>
</li>
<li class="sublist-title">
<div class="section-title">
<svg class="icon icon--tickets">
<use xlink:href="/assets/icons/sprite-sheet.svg#tickets"></use>
</svg>
<h2 class="title-highlight">Complimentary and Deeply Discounted Shows</h2>
</div>
<span class="sublist-copy">West End, Off-West End, Special Events, Film Screenings, Comedy, Dance and much more.</span>
</li>
<li class="nav-list-item nav-list-item--clubs">
<a href="#">
<div class="nav-image-container">
<picture>
<source srcset="/assets/images/nav/londonClub.jpg" media="(min-width: 768px)">
<img srcset="/assets/images/nav/londonClubSmall.jpg" class="nav-image" alt="London skyline at night with Big Ben" />
</picture>
<span class="nav-image-link">London</span>
</div>
</a>
</li>
<li class="nav-list-item nav-list-item--clubs">
<a href="#">
<div class="nav-image-container">
<picture>
<source srcset="/assets/images/nav/newyorkClub.jpg" media="(min-width: 768px)">
<img srcset="/assets/images/nav/newyorkClubSmall.jpg" class="nav-image" alt="New York City skyline at dusk" />
</picture>
<span class="nav-image-link">New York</span>
</div>
</a>
</li>
<li class="nav-list-item nav-list-item--clubs">
<a href="#">
<div class="nav-image-container">
<picture>
<source srcset="/assets/images/nav/bostonClub.jpg" media="(min-width: 768px)">
<img srcset="/assets/images/nav/bostonClubSmall.jpg" class="nav-image" alt="Boston skyline at dusk near waterfront" />
</picture>
<span class="nav-image-link">Boston</span>
</div>
</a>
</li>
</ul>
</li>
<li class="nav-list-item">
<button class="btn nav-link-item js-nav-secondary">
Newsletter
<svg class="icon icon--arrow-bottom">
<use xlink:href="/assets/icons/sprite-sheet.svg#arrow-bottom"></use>
</svg>
</button>
<ul class="header-nav__list-secondary header-nav__list-secondary--newsletter">
<li class="header-nav-close">
<button class="btn btn--close js-btn-close">
<svg class="icon icon--close">
<use xlink:href="/assets/icons/sprite-sheet.svg#close"></use>
</svg>
<span class="visually-hidden">Close Menu</span>
</button>
</li>
<li class="sublist-title">
<div class="section-title">
<svg class="icon icon--email">
<use xlink:href="/assets/icons/sprite-sheet.svg#email"></use>
</svg>
<h2 class="title-highlight">Sign up for our Newsletter</h2>
</div>
</li>
<li class="nav-list-item nav-list-item--newsletter">
<div class="nav-newsletter">
<p class="newsletter-copy js-newsletter-copy">Be alerted when your favorite show goes on sale and keep up to date with the latest theater news.</p>
<div class="newsletter-form-container js-newsletter-form-container">
<div class="newsletter-confirmation visually-hidden js-newsletter-confirmation">
<svg class="icon icon--checkmark">
<use xlink:href="/assets/icons/sprite-sheet.svg#checkmark"></use>
</svg>
<div class="newsletter-confirmation__info">
<p>Thank you for signing up. We'll send you a welcome message shortly.</p>
<p class="newsletter-customize">You can <a href="#">customize your preferences </a>at any time.</p>
</div>
</div>
<form class="newsletter-form js-newsletter-form">
<div class="newsletter-error visually-hidden js-newsletter-error">
<svg class="icon icon--error">
<use xlink:href="/assets/icons/sprite-sheet.svg#error"></use>
</svg>
<span class="input-error">Please enter a valid email address.</span>
</div>
<div class="form-input">
<div class="validation js-validation">
<input type="email" name="email" id="email" class="input validation-item js-newsletter-input" placeholder="Enter your email address">
</div>
</div>
<button class="btn btn--base btn--cta js-newsletter-btn">
Sign Up
</button>
</form>
</div>
</div>
</li>
</ul>
</li>
</ul>
</nav>
<div class="header-social">
<div class="social">
<ul class="social__list" aria-label="Social network profiles">
<li class="social-list-item">
<a href="#facebook-url">
<svg class="icon icon--facebook">
<use xlink:href="/assets/icons/sprite-sheet.svg#facebook"></use>
</svg>
<span class="visually-hidden">Facebook</span>
</a>
</li>
<li class="social-list-item">
<a href="#twitter-url">
<svg class="icon icon--twitter">
<use xlink:href="/assets/icons/sprite-sheet.svg#twitter"></use>
</svg>
<span class="visually-hidden">Twitter</span>
</a>
</li>
<li class="social-list-item">
<a href="#youtube-url">
<svg class="icon icon--youtube">
<use xlink:href="/assets/icons/sprite-sheet.svg#youtube"></use>
</svg>
<span class="visually-hidden">YouTube</span>
</a>
</li>
<li class="social-list-item">
<a href="#instagram-url">
<svg class="icon icon--instagram">
<use xlink:href="/assets/icons/sprite-sheet.svg#instagram"></use>
</svg>
<span class="visually-hidden">Instagram</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</header>
</div>
<section>
<div class="text-banner text-banner--large">
<div class="text-banner__info contain">
<div class="text-banner__info--copy">
<h1 class="heading-xlarge">Theatre Everywhere.</h1>
<div class="text-banner-text-container">
<p class="text-banner-info-text">Your source for theatre tickets across the United Kingdom.</p>
</div>
</div>
</div>
<div class="text-banner__image">
<div class="banner">
<img src="/assets/images/guidepage/banner2.jpg" alt="image-alt" class="banner-image" />
</div>
</div>
</div>
</section>
<div class="contain">
<section class="show-row content">
<div class="show-row__container">
<div class="section-title">
<svg class="icon icon--tickets">
<use xlink:href="/assets/icons/sprite-sheet.svg#tickets"></use>
</svg>
<h2 id="west_end_shows" class="title-highlight">Popular West End Shows</h2>
</div>
<div class="form-input">
<label for="show_city" class="label visually-hidden">Change City</label>
<div class="validation validation--select">
<div class="select-icon-container">
<svg class="icon icon--arrow-bottom">
<use xlink:href="/assets/icons/sprite-sheet.svg#arrow-bottom"></use>
</svg>
</div>
<select id="show_city" name="select" class="select validation-item">
<option value="change-city" selected disabled>Change City</option>
<option value="westend">West End</option>
<option value="off-west-end">Off West End</option>
<option value="all-london">All London</option>
<option value="Bath">Bath</option>
<option value="Birmingham">Birmingham</option>
<option value="Bristol">Bristol</option>
<option value="Chichester">Chichester</option>
<option value="Dublin">Dublin</option>
<option value="Edinburgh">Edinburgh</option>
<option value="Glasgow">Glasgow</option>
<option value="Leeds">Leeds</option>
<option value="Liverpool">Liverpool</option>
<option value="Manchester">Manchester</option>
<option value="Oxford">Oxford</option>
</select>
</div>
</div>
<ul class="show-listing show-listing--row" aria-labelledby="broadway_shows">
<li class="show-listing-item show-listing-item--row">
<div class="show-listing-show show-listing-show--compact">
<button class="btn btn--base show-image">
<img class="thumbnail" src="/assets/images/guidepage/bom.jpg" alt="placeholder alt" />
</button>
<div class="show-button">
<button class="btn btn--base btn--cta">
Buy Tickets
</button>
</div>
</div>
</li>
<li class="show-listing-item show-listing-item--row">
<div class="show-listing-show show-listing-show--compact">
<button class="btn btn--base show-image">
<img class="thumbnail" src="/assets/images/guidepage/chicago.jpg" alt="placeholder alt" />
</button>
<div class="show-button">
<button class="btn btn--base btn--cta">
Buy Tickets
</button>
</div>
</div>
</li>
<li class="show-listing-item show-listing-item--row">
<div class="show-listing-show show-listing-show--compact">
<button class="btn btn--base show-image">
<img class="thumbnail" src="/assets/images/guidepage/hamilton.jpg" alt="placeholder alt" />
</button>
<div class="show-button">
<button class="btn btn--base btn--cta">
Buy Tickets
</button>
</div>
</div>
</li>
<li class="show-listing-item show-listing-item--row">
<div class="show-listing-show show-listing-show--compact">
<button class="btn btn--base show-image">
<img class="thumbnail" src="/assets/images/guidepage/lionking.jpg" alt="placeholder alt" />
</button>
<div class="show-button">
<button class="btn btn--base btn--cta">
Buy Tickets
</button>
</div>
</div>
</li>
<li class="show-listing-item show-listing-item--row">
<div class="show-listing-show show-listing-show--compact">
<button class="btn btn--base show-image">
<img class="thumbnail" src="/assets/images/guidepage/wicked.jpg" alt="placeholder alt" />
</button>
<div class="show-button">
<button class="btn btn--base btn--cta">
Buy Tickets
</button>
</div>
</div>
</li>
</ul>
<div class="more-link">
<a href="#" class="btn btn--base btn--plain">All Shows</a>
</div>
</div>
</section>
<section class="show-row content">
<div class="show-row__container">
<div class="section-title">
<svg class="icon icon--tickets">
<use xlink:href="/assets/icons/sprite-sheet.svg#tickets"></use>
</svg>
<h2 id="discount_shows" class="title-highlight">Popular Discount Shows</h2>
</div>
<div class="form-input">
<label for="discount_show_city" class="label visually-hidden">Change City</label>
<div class="validation validation--select">
<div class="select-icon-container">
<svg class="icon icon--arrow-bottom">
<use xlink:href="/assets/icons/sprite-sheet.svg#arrow-bottom"></use>
</svg>
</div>
<select id="discount_show_city" name="select" class="select validation-item">
<option value="change-city" selected disabled>Change City</option>
<option value="westend">West End</option>
<option value="off-west-end">Off West End</option>
<option value="all-london">All London</option>
<option value="Bath">Bath</option>
<option value="Birmingham">Birmingham</option>
<option value="Bristol">Bristol</option>
<option value="Chichester">Chichester</option>
<option value="Dublin">Dublin</option>
<option value="Edinburgh">Edinburgh</option>
<option value="Glasgow">Glasgow</option>
<option value="Leeds">Leeds</option>
<option value="Liverpool">Liverpool</option>
<option value="Manchester">Manchester</option>
<option value="Oxford">Oxford</option>
</select>
</div>
</div>
<ul class="show-listing show-listing--row" aria-labelledby="discount_shows">
<li class="show-listing-item show-listing-item--row">
<div class="show-listing-show show-listing-show--compact">
<button class="btn btn--base show-image">
<img class="thumbnail" src="/assets/images/guidepage/bandsvisit.jpg" alt="placeholder alt" />
</button>
<div class="show-button">
<div class="show-notice">
<svg class="icon icon--tickets">
<use xlink:href="/assets/icons/sprite-sheet.svg#tickets"></use>
</svg>
<span class="show-notice-item">Save 15%</span>
</div>
<button class="btn btn--base btn--primary">
Discount Tickets
</button>
</div>
</div>
</li>
<li class="show-listing-item show-listing-item--row">
<div class="show-listing-show show-listing-show--compact">
<button class="btn btn--base show-image">
<img class="thumbnail" src="/assets/images/guidepage/comefromaway.jpg" alt="placeholder alt" />
</button>
<div class="show-button">
<div class="show-notice">
<svg class="icon icon--tickets">
<use xlink:href="/assets/icons/sprite-sheet.svg#tickets"></use>
</svg>
<span class="show-notice-item">Save 55%</span>
</div>
<button class="btn btn--base btn--primary">
Discount Tickets
</button>
</div>
</div>
</li>
<li class="show-listing-item show-listing-item--row">
<div class="show-listing-show show-listing-show--compact">
<button class="btn btn--base show-image">
<img class="thumbnail" src="/assets/images/guidepage/harrypotter.jpg" alt="placeholder alt" />
</button>
<div class="show-button">
<div class="show-notice">
<svg class="icon icon--tickets">
<use xlink:href="/assets/icons/sprite-sheet.svg#tickets"></use>
</svg>
<span class="show-notice-item">Save 35%</span>
</div>
<button class="btn btn--base btn--primary">
Discount Tickets
</button>
</div>
</div>
</li>
<li class="show-listing-item show-listing-item--row">
<div class="show-listing-show show-listing-show--compact">
<button class="btn btn--base show-image">
<img class="thumbnail" src="/assets/images/guidepage/missSaigon.jpg" alt="placeholder alt" />
</button>
<div class="show-button">
<div class="show-notice">
<svg class="icon icon--tickets">
<use xlink:href="/assets/icons/sprite-sheet.svg#tickets"></use>
</svg>
<span class="show-notice-item">Save 70%</span>
</div>
<button class="btn btn--base btn--primary">
Discount Tickets
</button>
</div>
</div>
</li>
<li class="show-listing-item show-listing-item--row">
<div class="show-listing-show show-listing-show--compact">
<button class="btn btn--base show-image">
<img class="thumbnail" src="/assets/images/guidepage/waitress.jpg" alt="placeholder alt" />
</button>
<div class="show-button">
<div class="show-notice">
<svg class="icon icon--tickets">
<use xlink:href="/assets/icons/sprite-sheet.svg#tickets"></use>
</svg>
<span class="show-notice-item">Save 25%</span>
</div>
<button class="btn btn--base btn--primary">
Discount Tickets
</button>
</div>
</div>
</li>
</ul>
<div class="more-link">
<a href="#" class="btn btn--base btn--plain">All Discount Shows</a>
</div>
</div>
</section>
<section class="content-featured">
<div class="content-featured__row">
<div class="featured-row__image">
<img class="featured-image" src="/assets/images/home/schoolOfRock1.jpg" alt="placeholder alt" />
</div>
<div class="featured-row__info">
<div class="featured-category">Theater News</div>
<h2 class="heading-large">Rock Out with the Cast of the School of Rock Tour</h2>
<p>Andrew Lloyd Webber's musical will stick it to the man across the country this fall.</p>
<div class="more-link">
<a href="#" class="btn btn--base btn--plain">Read More</a>
</div>
</div>
</div>
</section>
<div class="ad-container">
<a href="#">
<picture>
<source srcset="/assets/images/ads/728x90.jpg" media="(min-width: 769px)">
<img src="/assets/images/ads/300x250.jpg" alt="Ad for Peter Pan at National Theatre Live with young man floating in the sky" />
</picture>
</a>
</div>
<section class="content">
<div class="section-title">
<svg class="icon icon--article">
<use xlink:href="/assets/icons/sprite-sheet.svg#article"></use>
</svg>
<h2 id="editor_picks" class="title-highlight">Editor Picks</h2>
</div>
<ul aria-labelledby="editor_picks" class="content__list content__list--related">
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/related1.jpg" alt="Patti LuPone smiling in front of awards banner" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">Patti LuPone and Seth Rudetsky to Team Up for Deconstructing Patti Concert</a>
<div class="content-info">
<div>Theater News</div>
</div>
</div>
</li>
<li class="content-list-item">
<a href="#video-link" class="thumbnail-video-link content-link-image">
<div class="thumbnail-overlay-container">
<svg class="icon icon--play">
<use xlink:href="/assets/icons/sprite-sheet.svg#play"></use>
</svg>
<img src="/assets/images/articles/related2.jpg" alt="Children on stage in school uniforms performing a routine" class="thumbnail thumbnail--video" />
</div>
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">School of Rock Becomes a Broadway Hit</a>
<div class="content-info">
<div>Theater News</div>
</div>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/related3.jpg" alt="Actor Matt de Rogatis in denim jacket and trucker hat drinking a Lone Star beer" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">James McLure's Lone Star Finds Its Way Back to New York</a>
<div class="content-info">
<div>Interviews</div>
</div>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/related4.jpg" alt="Actors perform a young couple sitting on a couch holding hands" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">Arlington: Enda Walsh fuses drama and dance in a dystopian work of art at St. Ann's Warehouse.</a>
<div class="content-info">
<div>Reviews</div>
</div>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/related5.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">Signature Theatre's Jesus Hopped the 'A' Train Pushes Start Date Back</a>
<div class="content-info">
<div>Theater News</div>
</div>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/related6.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">Irving Berlin's Holiday Inn to Screen in U.S. Cinemas for One Night Only</a>
<div class="content-info">
<div>Theater News</div>
</div>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/related7.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">Springsteen on Broadway Launches Digital Lottery for $75 Tickets</a>
<div class="content-info">
<div>Theater News</div>
</div>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/related8.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">New Cast of Broadway's The Play That Goes Wrong Gets New Photos</a>
<div class="content-info">
<div>Photo Flash</div>
</div>
</div>
</li>
</ul>
</section>
<section class="content">
<div class="section-title">
<svg class="icon icon--article">
<use xlink:href="/assets/icons/sprite-sheet.svg#article"></use>
</svg>
<h2 id="latest_news" class="title-highlight">Latest News</h2>
</div>
<ul aria-labelledby="latest_news" class="content__list content__list--related">
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/news1.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">Tiny Beautiful Things Encore Engagement Extends at Public Theater</a>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/news2.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">Mean Girls Plans Surprise Guests and Cheese Fries Giveaways</a>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/news3.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">Broadway League Names National Education and Engagement Grant Recipients</a>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/news4.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">The Bench to Have Limited Run at the Cherry Lane Theatre</a>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/news5.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">Broadway's Come From Away Recoups Capitalization</a>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/news6.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">Josh Groban to Receive Sir Ian McKellan Award at Make Believe on Broadway Gala</a>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/news7.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">New Zealand to Get a Taste of Broadway Dreams</a>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/news8.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">Andrew Keenan-Bolger and Kim Crosby Join Cathy Rigby in Kris Kringle the Musical</a>
</div>
</li>
</ul>
</section>
<div class="ad-container">
<a href="#">
<picture>
<source srcset="/assets/images/ads/728x90.jpg" media="(min-width: 769px)">
<img src="/assets/images/ads/300x250.jpg" alt="Ad for Peter Pan at National Theatre Live with young man floating in the sky" />
</picture>
</a>
</div>
<section class="content">
<div class="section-title">
<svg class="icon icon--chat">
<use xlink:href="/assets/icons/sprite-sheet.svg#chat"></use>
</svg>
<h2 id="latest_london_reviews" class="title-highlight">Latest London Reviews</h2>
</div>
<div class="form-input">
<label for="article_category" class="label visually-hidden">Article Category</label>
<div class="validation validation--select">
<div class="select-icon-container">
<svg class="icon icon--arrow-bottom">
<use xlink:href="/assets/icons/sprite-sheet.svg#arrow-bottom"></use>
</svg>
</div>
<select id="article_category" name="select" class="select validation-item">
<option value="category" selected disabled>Category</option>
<option value="interviews">Interviews</option>
<option value="latest-news">Latest News</option>
<option value="photo-flashes">Photo Flashes</option>
<option value="reviews">Reviews</option>
<option value="special-reports">Special Reports</option>
<option value="thinking-theater">Thinking About Theater</option>
<option value="videos">Videos</option>
</select>
</div>
</div>
<ul aria-labelledby="latest_london_reviews" class="content__list content__list--reviews">
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/home/inTheBlood.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<div class="star-rating js-star-rating" aria-labelledby="show_rating">
<div class="star-container">
<span class="star-mask">
<span class="star"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</span>
<span class="star star--gray"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</div>
<div class="star-container">
<span class="star-mask">
<span class="star"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</span>
<span class="star star--gray"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</div>
<div class="star-container">
<span class="star-mask">
<span class="star"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</span>
<span class="star star--gray"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</div>
<div class="star-container">
<span class="star-mask">
<span class="star star"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</span>
<span class="star star--gray"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</div>
<div class="star-container">
<span class="star star--gray"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</div>
<span id="show_rating" class="visually-hidden">4 out of 5 stars</span>
</div>
<a href="#" class="content-link-title">In the Blood</a>
<div class="content-info">
<div>Suzan-Lori Parks's second 'Red Letter Play' opens at Signature Theatre.</div>
</div>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/home/ohMySweetLand.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<div class="star-rating js-star-rating" aria-labelledby="show_rating">
<div class="star-container">
<span class="star-mask">
<span class="star"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</span>
<span class="star star--gray"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</div>
<div class="star-container">
<span class="star-mask">
<span class="star"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</span>
<span class="star star--gray"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</div>
<div class="star-container">
<span class="star-mask">
<span class="star"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</span>
<span class="star star--gray"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</div>
<div class="star-container">
<span class="star-mask">
<span class="star star"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</span>
<span class="star star--gray"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</div>
<div class="star-container">
<span class="star star--gray"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</div>
<span id="show_rating" class="visually-hidden">4 out of 5 stars</span>
</div>
<a href="#" class="content-link-title">Oh My Sweet Land</a>
<div class="content-info">
<div>A new solo play about Syria is invading kitchens all over New York City.</div>
</div>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/home/arsonists.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<div class="star-rating js-star-rating" aria-labelledby="show_rating">
<div class="star-container">
<span class="star-mask">
<span class="star"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</span>
<span class="star star--gray"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</div>
<div class="star-container">
<span class="star-mask">
<span class="star"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</span>
<span class="star star--gray"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</div>
<div class="star-container">
<span class="star-mask">
<span class="star"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</span>
<span class="star star--gray"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</div>
<div class="star-container">
<span class="star-mask">
<span class="star star"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</span>
<span class="star star--gray"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</div>
<div class="star-container">
<span class="star star--gray"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</div>
<span id="show_rating" class="visually-hidden">4 out of 5 stars</span>
</div>
<a href="#" class="content-link-title">The Arsonists</a>
<div class="content-info">
<div>Woolly Mammoth Theatre offers an updated version of a classic play.</div>
</div>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/home/taleOfTwoCities.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<div class="star-rating js-star-rating" aria-labelledby="show_rating">
<div class="star-container">
<span class="star-mask">
<span class="star"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</span>
<span class="star star--gray"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</div>
<div class="star-container">
<span class="star-mask">
<span class="star"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</span>
<span class="star star--gray"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</div>
<div class="star-container">
<span class="star-mask">
<span class="star"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</span>
<span class="star star--gray"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</div>
<div class="star-container">
<span class="star-mask">
<span class="star star"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</span>
<span class="star star--gray"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</div>
<div class="star-container">
<span class="star star--gray"><svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg></span>
</div>
<span id="show_rating" class="visually-hidden">4 out of 5 stars</span>
</div>
<a href="#" class="content-link-title">A Tale of Two Cities</a>
<div class="content-info">
<div>Mike Poulton's adaptation makes its U.S. debut at A Noise Within.</div>
</div>
</div>
</li>
</ul>
</section>
<section class="content">
<div class="section-title">
<svg class="icon icon--play">
<use xlink:href="/assets/icons/sprite-sheet.svg#play"></use>
</svg>
<h2 id="latest_videos" class="title-highlight">Latest Videos</h2>
</div>
<ul aria-labelledby="latest_videos" class="content__list content__list--related">
<li class="content-list-item">
<a href="#video-link" class="thumbnail-video-link content-link-image">
<div class="thumbnail-overlay-container">
<svg class="icon icon--play">
<use xlink:href="/assets/icons/sprite-sheet.svg#play"></use>
</svg>
<img src="/assets/images/articles/video1.jpg" alt="placeholder alt" class="thumbnail thumbnail--video" />
</div>
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">I Hope I Get It: Stories From the Audition Room With John Leguizamo</a>
</div>
</li>
<li class="content-list-item">
<a href="#video-link" class="thumbnail-video-link content-link-image">
<div class="thumbnail-overlay-container">
<svg class="icon icon--play">
<use xlink:href="/assets/icons/sprite-sheet.svg#play"></use>
</svg>
<img src="/assets/images/articles/video2.jpg" alt="placeholder alt" class="thumbnail thumbnail--video" />
</div>
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">David Korins Introduces Broadway to His Latest Venture: The New Bond 45</a>
</div>
</li>
<li class="content-list-item">
<a href="#video-link" class="thumbnail-video-link content-link-image">
<div class="thumbnail-overlay-container">
<svg class="icon icon--play">
<use xlink:href="/assets/icons/sprite-sheet.svg#play"></use>
</svg>
<img src="/assets/images/articles/video3.jpg" alt="placeholder alt" class="thumbnail thumbnail--video" />
</div>
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">It's a Mean Girls Day Montage</a>
</div>
</li>
<li class="content-list-item">
<a href="#video-link" class="thumbnail-video-link content-link-image">
<div class="thumbnail-overlay-container">
<svg class="icon icon--play">
<use xlink:href="/assets/icons/sprite-sheet.svg#play"></use>
</svg>
<img src="/assets/images/articles/video4.jpg" alt="placeholder alt" class="thumbnail thumbnail--video" />
</div>
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">Opening Up: Inside the Waitress Tour Rehearsal Room</a>
</div>
</li>
</ul>
</section>
<section class="content">
<div class="section-title">
<svg class="icon icon--photo">
<use xlink:href="/assets/icons/sprite-sheet.svg#photo"></use>
</svg>
<h2 id="latest_photos" class="title-highlight">Latest Photos</h2>
</div>
<ul aria-labelledby="latest_photos" class="content__list content__list--related">
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/photo1.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">First Look at Love Never Dies National Tour</a>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/photo2.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">Oedipus El Rey Begins Performances at the Public Theater</a>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/photo3.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">Roundabout Theatre Company's Too Heavy for Your Pocket Opens Off-Broadway</a>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/photo4.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">Elizabeth McGovern Takes the Stage in New Time and the Conways Photos</a>
</div>
</li>
</ul>
</section>
<section class="content">
<div class="section-title">
<svg class="icon icon--star">
<use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg>
<h2 id="most_viewed_articles" class="title-highlight">Most Viewed Articles</h2>
</div>
<ol aria-labelledby="most_viewed_articles" class="content__list content__list--related">
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/mostViewed1Small.jpg" alt="placeholder alt" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">Lesli Margherita to Star in World Premiere of Who's Holiday!</a>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/mostViewed2Small.jpg" alt="Actor holding a straight razor while actress looks on in a dimly lit room" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">Attend the Tale of Norm Lewis and Carolee Carmello in Sweeney Todd</a>
</div>
</li>
<li class="content-list-item">
<a href="#video-link" class="thumbnail-video-link content-link-image">
<div class="thumbnail-overlay-container">
<svg class="icon icon--play">
<use xlink:href="/assets/icons/sprite-sheet.svg#play"></use>
</svg>
<img src="/assets/images/articles/mostViewed3Small.jpg" alt="Small leaf growing from tree trunk on a stage with theater seats in background" class="thumbnail thumbnail--video" />
</div>
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">A Tree Grows on Broadway: Come From Away and the Cutting Edge of Green Set Design</a>
</div>
</li>
<li class="content-list-item">
<a href="#article-link" class="content-link-image">
<img src="/assets/images/articles/mostViewed4Small.jpg" alt="Actors perform a young couple sitting on a couch holding hands" class="thumbnail" />
</a>
<div class="content-list-info">
<a href="#" class="content-link-title">Ben Platt, Rachel Bay Jones, and More Top 2017 Lucille Lortel Award Winners List</a>
</div>
</li>
</ol>
</section>
</div>
<div class="ad-container ad-container--footer">
<a href="#">
<picture>
<source srcset="/assets/images/ads/728x90.jpg" media="(min-width: 769px)">
<img src="/assets/images/ads/300x250.jpg" alt="Ad for Peter Pan at National Theatre Live with young man floating in the sky" />
</picture>
</a>
</div>
<footer class="footer">
<div class="footer-main contain">
<div class="footer-logo">
<a href="#">
<img src="/assets/images/logos/whatsonstage.svg" alt="What's on Stage Logo" />
</a>
</div>
<div class="footer-nav-items">
<nav class="footer-nav">
<ul class="footer-nav__list">
<li class="nav-list-item">
<span class="nav-link-item--title">Tickets & Discounts</span>
<ul class="footer-nav__list footer-nav__list--secondary">
<li class="nav-list-item">
<a href="#" class="nav-link-item">London Theater</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Dublin Theater</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Glasgow Theater</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Bath Theater</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Birmingham Theater</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Chichester Theater</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Edinburgh Theater</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Leeds Theater</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Liverpool Theater</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Manchester Theater</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Stratford-Upon-Avon Theater</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">See All Cities</a>
</li>
</ul>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">News & Reviews</a>
</li>
<li class="nav-list-item">
<span class="nav-link-item--title">Theater Clubs</span>
<ul class="footer-nav__list footer-nav__list--secondary">
<li class="nav-list-item">
<a href="#" class="nav-link-item">London</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Boston</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">New York</a>
</li>
</ul>
</li>
<li class="nav-list-item nav-list-item--newsletter">
<span class="nav-link-item--title">Newsletter</span>
<div class="nav-newsletter">
<div class="newsletter-form-container js-newsletter-form-container">
<div class="newsletter-confirmation visually-hidden js-newsletter-confirmation">
<svg class="icon icon--checkmark">
<use xlink:href="/assets/icons/sprite-sheet.svg#checkmark"></use>
</svg>
<div class="newsletter-confirmation__info">
<p>Thank you for signing up. We'll send you a welcome message shortly.</p>
<p class="newsletter-customize">You can <a href="#">customize your preferences </a>at any time.</p>
</div>
</div>
<form class="newsletter-form js-newsletter-form">
<div class="newsletter-error visually-hidden js-newsletter-error">
<svg class="icon icon--error">
<use xlink:href="/assets/icons/sprite-sheet.svg#error"></use>
</svg>
<span class="input-error">Please enter a valid email address.</span>
</div>
<div class="form-input">
<div class="validation js-validation">
<label for="footer-email" class="label label--required visually-hidden">Email Address</label>
<input type="email" name="email" id="footer-email" class="input validation-item js-newsletter-input" placeholder="Enter your email address">
</div>
</div>
<button class="btn btn--base btn--cta js-newsletter-btn">
Sign Up
</button>
</form>
</div>
<a href="#" class="nav-link-item nav-link-item--newsletter">Manage Email Preferences</a>
</div>
</li>
<li class="nav-list-item">
<span class="nav-link-item--title">WhatsOnStage</span>
<ul class="footer-nav__list footer-nav__list--secondary">
<li class="nav-list-item">
<a href="#" class="nav-link-item">About Us</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Contact Us</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Jobs</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Advertising</a>
</li>
<li class="nav-list-item">
<a href="#" class="nav-link-item">Submit Your Listing</a>
</li>
</ul>
</li>
</ul>
</nav>
<div class="footer-social">
<div class="social">
<ul class="social__list" aria-label="Social network profiles">
<li class="social-list-item">
<a href="#facebook-url">
<svg class="icon icon--facebook">
<use xlink:href="/assets/icons/sprite-sheet.svg#facebook"></use>
</svg>
<span class="visually-hidden">Facebook</span>
</a>
</li>
<li class="social-list-item">
<a href="#twitter-url">
<svg class="icon icon--twitter">
<use xlink:href="/assets/icons/sprite-sheet.svg#twitter"></use>
</svg>
<span class="visually-hidden">Twitter</span>
</a>
</li>
<li class="social-list-item">
<a href="#youtube-url">
<svg class="icon icon--youtube">
<use xlink:href="/assets/icons/sprite-sheet.svg#youtube"></use>
</svg>
<span class="visually-hidden">YouTube</span>
</a>
</li>
<li class="social-list-item">
<a href="#instagram-url">
<svg class="icon icon--instagram">
<use xlink:href="/assets/icons/sprite-sheet.svg#instagram"></use>
</svg>
<span class="visually-hidden">Instagram</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-tos">
<div class="contain">
<p class="footer-tos-copy">By providing information about entertainment and cultural events on this site, WhatsOnStage.com shall not be deemed to endorse, recommend, approve and/or guarantee such events, or any facts, views, advice and/or information contained therein.</p>
<p class="footer-tos-copy">
©1999-2017 WhatsOnStage.com, Inc. All Rights Reserved.
<a href="#" class="nav-link-item">Terms of Use</a> & <a href="#" class="nav-link-item">Privacy Policy</a>
</p>
</div>
</div>
</footer>
{{render '@header--wos'}}
<section>
{{render '@text-banner' text-banner-modifiers merge=true}}
</section>
<div class="contain">
<section class="show-row content">
<div class="show-row__container">
{{render '@section-title' popular-modifiers merge=true}}
{{render '@select' cities-modifiers merge=true}}
<ul class="show-listing show-listing--row" aria-labelledby="{{aria-popular}}">
{{#each show-listing}}
<li class="show-listing-item show-listing-item--row">
{{render '@show-listing--compact' listing-modifiers merge=true}}
</li>
{{/each}}
</ul>
{{render '@more-link' broadway-link-modifiers merge=true}}
</div>
</section>
<section class="show-row content">
<div class="show-row__container">
{{render '@section-title' discount-modifiers merge=true}}
{{render '@select' discount-cities-modifiers merge=true}}
<ul class="show-listing show-listing--row" aria-labelledby="{{aria-discount}}">
{{#each show-listing-discount}}
<li class="show-listing-item show-listing-item--row">
{{render '@show-listing--compact' listing-modifiers merge=true}}
</li>
{{/each}}
</ul>
{{render '@more-link' discount-link-modifiers merge=true}}
</div>
</section>
{{render '@content-featured' content-featured merge=true}}
{{render '@ads--728x90' ad-modifiers merge=true}}
{{render '@content-list' editors-modifiers merge=true}}
{{render '@content-list' latest-news merge=true}}
{{render '@ads--728x90' ad-modifiers merge=true}}
{{render '@content-list' latest-reviews merge=true}}
{{render '@content-list' latest-videos merge=true}}
{{render '@content-list' latest-photos merge=true}}
{{render '@content-list' viewed-modifiers merge=true}}
</div>
{{render '@ads--728x90' ad-modifiers-bottom merge=true}}
{{render '@footer--wos'}}
{
"ad-modifiers": {
"imageSmall": "300x250.jpg"
},
"text-banner-modifiers": {
"class": "text-banner--large",
"title": "Theatre Everywhere.",
"info": "Your source for theatre tickets across the United Kingdom.",
"banner-modifiers": {
"image": "/assets/images/guidepage/banner2.jpg"
}
},
"aria-popular": "broadway_shows",
"popular-modifiers": {
"title": "Popular West End Shows",
"aria-id": "west_end_shows",
"icon": {
"modifier": "tickets"
}
},
"aria-discount": "discount_shows",
"discount-modifiers": {
"label": "Change City",
"hidden-class": "visually-hidden",
"title": "Popular Discount Shows",
"aria-id": "discount_shows",
"icon": {
"modifier": "tickets"
}
},
"cities-modifiers": {
"name": "select",
"label": "Change City",
"hidden-class": "visually-hidden",
"id": "show_city",
"required": null,
"options": [
{
"key": "change-city",
"option": "Change City",
"attributes": "selected disabled"
},
{
"key": "westend",
"option": "West End"
},
{
"key": "off-west-end",
"option": "Off West End"
},
{
"key": "all-london",
"option": "All London"
},
{
"key": "Bath",
"option": "Bath"
},
{
"key": "Birmingham",
"option": "Birmingham"
},
{
"key": "Bristol",
"option": "Bristol"
},
{
"key": "Chichester",
"option": "Chichester"
},
{
"key": "Dublin",
"option": "Dublin"
},
{
"key": "Edinburgh",
"option": "Edinburgh"
},
{
"key": "Glasgow",
"option": "Glasgow"
},
{
"key": "Leeds",
"option": "Leeds"
},
{
"key": "Liverpool",
"option": "Liverpool"
},
{
"key": "Manchester",
"option": "Manchester"
},
{
"key": "Oxford",
"option": "Oxford"
}
]
},
"discount-cities-modifiers": {
"name": "select",
"label": "Change City",
"hidden-class": "visually-hidden",
"id": "discount_show_city",
"required": null,
"options": [
{
"key": "change-city",
"option": "Change City",
"attributes": "selected disabled"
},
{
"key": "westend",
"option": "West End"
},
{
"key": "off-west-end",
"option": "Off West End"
},
{
"key": "all-london",
"option": "All London"
},
{
"key": "Bath",
"option": "Bath"
},
{
"key": "Birmingham",
"option": "Birmingham"
},
{
"key": "Bristol",
"option": "Bristol"
},
{
"key": "Chichester",
"option": "Chichester"
},
{
"key": "Dublin",
"option": "Dublin"
},
{
"key": "Edinburgh",
"option": "Edinburgh"
},
{
"key": "Glasgow",
"option": "Glasgow"
},
{
"key": "Leeds",
"option": "Leeds"
},
{
"key": "Liverpool",
"option": "Liverpool"
},
{
"key": "Manchester",
"option": "Manchester"
},
{
"key": "Oxford",
"option": "Oxford"
}
]
},
"ad-modifiers-bottom": {
"class": "ad-container--footer",
"imageSmall": "300x250.jpg"
},
"show-listing": [
{
"listing-modifiers": {
"image": "bom.jpg",
"image-alt": "placeholder alt",
"title": null,
"button-cta": true,
"button-modifiers": {
"buttonValue": "Buy Tickets"
}
}
},
{
"listing-modifiers": {
"image": "chicago.jpg",
"image-alt": "placeholder alt",
"title": null,
"button-cta": true,
"button-modifiers": {
"buttonValue": "Buy Tickets"
}
}
},
{
"listing-modifiers": {
"image": "hamilton.jpg",
"image-alt": "placeholder alt",
"title": null,
"button-cta": true,
"button-modifiers": {
"buttonValue": "Buy Tickets"
}
}
},
{
"listing-modifiers": {
"image": "lionking.jpg",
"image-alt": "placeholder alt",
"title": null,
"button-cta": true,
"button-modifiers": {
"buttonValue": "Buy Tickets"
}
}
},
{
"listing-modifiers": {
"image": "wicked.jpg",
"image-alt": "placeholder alt",
"title": null,
"button-cta": true,
"button-modifiers": {
"buttonValue": "Buy Tickets"
}
}
}
],
"broadway-link-modifiers": {
"more-link": "All Shows"
},
"show-listing-discount": [
{
"listing-modifiers": {
"image": "bandsvisit.jpg",
"image-alt": "placeholder alt",
"title": null,
"notice-copy": "Save 15%",
"button-discount": true,
"button-cta": null,
"button-modifiers": {
"buttonValue": "Discount Tickets"
}
}
},
{
"listing-modifiers": {
"image": "comefromaway.jpg",
"image-alt": "placeholder alt",
"title": null,
"notice-copy": "Save 55%",
"button-discount": true,
"button-cta": null,
"button-modifiers": {
"buttonValue": "Discount Tickets"
}
}
},
{
"listing-modifiers": {
"image": "harrypotter.jpg",
"image-alt": "placeholder alt",
"title": null,
"notice-copy": "Save 35%",
"button-discount": true,
"button-cta": null,
"button-modifiers": {
"buttonValue": "Discount Tickets"
}
}
},
{
"listing-modifiers": {
"image": "missSaigon.jpg",
"image-alt": "placeholder alt",
"title": null,
"notice-copy": "Save 70%",
"button-discount": true,
"button-cta": null,
"button-modifiers": {
"buttonValue": "Discount Tickets"
}
}
},
{
"listing-modifiers": {
"image": "waitress.jpg",
"image-alt": "placeholder alt",
"title": null,
"notice-copy": "Save 25%",
"button-discount": true,
"button-cta": null,
"button-modifiers": {
"buttonValue": "Discount Tickets"
}
}
}
],
"discount-link-modifiers": {
"more-link": "All Discount Shows"
},
"featured-link-modifiers": {
"more-link": "Read More"
},
"featured-article": {
"title": "Rock Out with the Cast of the School of Rock Tour",
"copy": "Andrew Lloyd Webber's musical will stick it to the man across the country this fall."
},
"latest-reviews": {
"aria-id": "latest_london_reviews",
"ordered": null,
"class": "reviews",
"more-link-modifiers": {
"more-link": "All Reviews"
},
"modifiers": {
"title": "Latest London Reviews",
"aria-id": "latest_london_reviews",
"icon": {
"modifier": "chat"
}
},
"select-modifiers": {
"name": "select",
"label": "Article Category",
"hidden-class": "visually-hidden",
"id": "article_category",
"required": null,
"options": [
{
"key": "category",
"option": "Category",
"attributes": "selected disabled"
},
{
"key": "interviews",
"option": "Interviews"
},
{
"key": "latest-news",
"option": "Latest News"
},
{
"key": "photo-flashes",
"option": "Photo Flashes"
},
{
"key": "reviews",
"option": "Reviews"
},
{
"key": "special-reports",
"option": "Special Reports"
},
{
"key": "thinking-theater",
"option": "Thinking About Theater"
},
{
"key": "videos",
"option": "Videos"
}
]
},
"article-links": [
{
"article": true,
"title": "In the Blood",
"thumbnail": true,
"star-modifier": true,
"modifiers": {
"picture": null,
"image": "/assets/images/home/inTheBlood.jpg",
"image-alt": "placeholder alt"
},
"info": [
{
"copy": "Suzan-Lori Parks's second 'Red Letter Play' opens at Signature Theatre."
}
]
},
{
"article": true,
"title": "Oh My Sweet Land",
"thumbnail": true,
"star-modifier": true,
"modifiers": {
"picture": null,
"image": "/assets/images/home/ohMySweetLand.jpg",
"image-alt": "placeholder alt"
},
"info": [
{
"copy": "A new solo play about Syria is invading kitchens all over New York City."
}
]
},
{
"article": true,
"title": "The Arsonists",
"thumbnail": true,
"star-modifier": true,
"video": null,
"modifiers": {
"picture": null,
"image": "/assets/images/home/arsonists.jpg",
"image-alt": "placeholder alt"
},
"info": [
{
"copy": "Woolly Mammoth Theatre offers an updated version of a classic play."
}
]
},
{
"article": true,
"title": "A Tale of Two Cities",
"thumbnail": true,
"star-modifier": true,
"modifiers": {
"picture": null,
"image": "/assets/images/home/taleOfTwoCities.jpg",
"image-alt": "placeholder alt"
},
"info": [
{
"copy": "Mike Poulton's adaptation makes its U.S. debut at A Noise Within."
}
]
}
]
},
"editors-modifiers": {
"title": "Editor Picks",
"aria-id": "editor_picks",
"ordered": null,
"class": "related",
"modifiers": {
"title": "Editor Picks",
"aria-id": "editor_picks",
"icon": {
"modifier": "article"
}
},
"article-links": [
{
"article": true,
"title": "Patti LuPone and Seth Rudetsky to Team Up for Deconstructing Patti Concert",
"thumbnail": true,
"modifiers": {
"picture": null,
"image": "/assets/images/articles/related1.jpg",
"image-alt": "Patti LuPone smiling in front of awards banner"
},
"info": [
{
"copy": "Theater News"
}
]
},
{
"article": true,
"title": "School of Rock Becomes a Broadway Hit",
"video": true,
"modifiers": {
"picture": null,
"image": "/assets/images/articles/related2.jpg",
"image-alt": "Children on stage in school uniforms performing a routine"
},
"info": [
{
"copy": "Theater News"
}
]
},
{
"article": true,
"title": "James McLure's Lone Star Finds Its Way Back to New York",
"video": null,
"thumbnail": true,
"modifiers": {
"picture": null,
"image": "/assets/images/articles/related3.jpg",
"image-alt": "Actor Matt de Rogatis in denim jacket and trucker hat drinking a Lone Star beer"
},
"info": [
{
"copy": "Interviews"
}
]
},
{
"article": true,
"title": "Arlington: Enda Walsh fuses drama and dance in a dystopian work of art at St. Ann's Warehouse.",
"thumbnail": true,
"modifiers": {
"picture": null,
"image": "/assets/images/articles/related4.jpg",
"image-alt": "Actors perform a young couple sitting on a couch holding hands"
},
"info": [
{
"copy": "Reviews"
}
]
},
{
"article": true,
"title": "Signature Theatre's Jesus Hopped the 'A' Train Pushes Start Date Back",
"thumbnail": true,
"modifiers": {
"picture": null,
"class": "content-link-image",
"image": "/assets/images/articles/related5.jpg",
"image-alt": "placeholder alt"
},
"info": [
{
"copy": "Theater News"
}
]
},
{
"article": true,
"title": "Irving Berlin's Holiday Inn to Screen in U.S. Cinemas for One Night Only",
"video": null,
"modifiers": {
"picture": null,
"class": "content-link-image",
"image": "/assets/images/articles/related6.jpg",
"image-alt": "placeholder alt"
},
"info": [
{
"copy": "Theater News"
}
]
},
{
"article": true,
"title": "Springsteen on Broadway Launches Digital Lottery for $75 Tickets",
"video": null,
"thumbnail": true,
"modifiers": {
"picture": null,
"class": "content-link-image",
"image": "/assets/images/articles/related7.jpg",
"image-alt": "placeholder alt"
},
"info": [
{
"copy": "Theater News"
}
]
},
{
"article": true,
"title": "New Cast of Broadway's The Play That Goes Wrong Gets New Photos",
"thumbnail": true,
"modifiers": {
"picture": null,
"class": "content-link-image",
"image": "/assets/images/articles/related8.jpg",
"image-alt": "placeholder alt"
},
"info": [
{
"copy": "Photo Flash"
}
]
}
]
},
"latest-news": {
"aria-id": "latest_news",
"ordered": null,
"class": "related",
"modifiers": {
"title": "Latest News",
"aria-id": "latest_news",
"icon": {
"modifier": "article"
}
},
"article-links": [
{
"article": true,
"title": "Tiny Beautiful Things Encore Engagement Extends at Public Theater",
"thumbnail": true,
"modifiers": {
"picture": null,
"image": "/assets/images/articles/news1.jpg",
"image-alt": "placeholder alt"
}
},
{
"article": true,
"title": "Mean Girls Plans Surprise Guests and Cheese Fries Giveaways",
"video": null,
"modifiers": {
"picture": null,
"image": "/assets/images/articles/news2.jpg",
"image-alt": "placeholder alt"
}
},
{
"article": true,
"title": "Broadway League Names National Education and Engagement Grant Recipients",
"video": null,
"thumbnail": true,
"modifiers": {
"picture": null,
"image": "/assets/images/articles/news3.jpg",
"image-alt": "placeholder alt"
}
},
{
"article": true,
"title": "The Bench to Have Limited Run at the Cherry Lane Theatre",
"thumbnail": true,
"modifiers": {
"picture": null,
"image": "/assets/images/articles/news4.jpg",
"image-alt": "placeholder alt"
}
},
{
"article": true,
"title": "Broadway's Come From Away Recoups Capitalization",
"thumbnail": true,
"modifiers": {
"picture": null,
"class": "content-link-image",
"image": "/assets/images/articles/news5.jpg",
"image-alt": "placeholder alt"
}
},
{
"article": true,
"title": "Josh Groban to Receive Sir Ian McKellan Award at Make Believe on Broadway Gala",
"video": null,
"modifiers": {
"picture": null,
"class": "content-link-image",
"image": "/assets/images/articles/news6.jpg",
"image-alt": "placeholder alt"
}
},
{
"article": true,
"title": "New Zealand to Get a Taste of Broadway Dreams",
"video": null,
"thumbnail": true,
"modifiers": {
"picture": null,
"class": "content-link-image",
"image": "/assets/images/articles/news7.jpg",
"image-alt": "placeholder alt"
}
},
{
"article": true,
"title": "Andrew Keenan-Bolger and Kim Crosby Join Cathy Rigby in Kris Kringle the Musical",
"thumbnail": true,
"modifiers": {
"picture": null,
"class": "content-link-image",
"image": "/assets/images/articles/news8.jpg",
"image-alt": "placeholder alt"
}
}
]
},
"latest-videos": {
"aria-id": "latest_videos",
"ordered": null,
"class": "related",
"modifiers": {
"title": "Latest Videos",
"aria-id": "latest_videos",
"icon": {
"modifier": "play"
}
},
"article-links": [
{
"article": true,
"title": "I Hope I Get It: Stories From the Audition Room With John Leguizamo",
"thumbnail": true,
"video": true,
"modifiers": {
"picture": null,
"image": "/assets/images/articles/video1.jpg",
"image-alt": "placeholder alt"
}
},
{
"article": true,
"title": "David Korins Introduces Broadway to His Latest Venture: The New Bond 45",
"video": true,
"modifiers": {
"picture": null,
"image": "/assets/images/articles/video2.jpg",
"image-alt": "placeholder alt"
}
},
{
"article": true,
"title": "It's a Mean Girls Day Montage",
"video": true,
"thumbnail": true,
"modifiers": {
"picture": null,
"image": "/assets/images/articles/video3.jpg",
"image-alt": "placeholder alt"
}
},
{
"article": true,
"title": "Opening Up: Inside the Waitress Tour Rehearsal Room",
"thumbnail": true,
"video": true,
"modifiers": {
"picture": null,
"image": "/assets/images/articles/video4.jpg",
"image-alt": "placeholder alt"
}
}
]
},
"latest-photos": {
"aria-id": "latest_photos",
"ordered": null,
"class": "related",
"modifiers": {
"title": "Latest Photos",
"aria-id": "latest_photos",
"icon": {
"modifier": "photo"
}
},
"article-links": [
{
"article": true,
"title": "First Look at Love Never Dies National Tour",
"thumbnail": true,
"modifiers": {
"picture": null,
"image": "/assets/images/articles/photo1.jpg",
"image-alt": "placeholder alt"
}
},
{
"article": true,
"title": "Oedipus El Rey Begins Performances at the Public Theater",
"modifiers": {
"picture": null,
"image": "/assets/images/articles/photo2.jpg",
"image-alt": "placeholder alt"
}
},
{
"article": true,
"title": "Roundabout Theatre Company's Too Heavy for Your Pocket Opens Off-Broadway",
"thumbnail": true,
"video": null,
"modifiers": {
"picture": null,
"image": "/assets/images/articles/photo3.jpg",
"image-alt": "placeholder alt"
}
},
{
"article": true,
"title": "Elizabeth McGovern Takes the Stage in New Time and the Conways Photos",
"thumbnail": true,
"modifiers": {
"picture": null,
"image": "/assets/images/articles/photo4.jpg",
"image-alt": "placeholder alt"
}
}
]
},
"viewed-modifiers": {
"ordered": true
}
}
.section-title {
.show-row & {
@include breakpoint($break-medium) {
margin-bottom: 1.5rem;
}
}
}
.show-row__container {
position: relative;
}
.ad-container {
.content + & {
@include breakpoint($break-medium) {
margin: 2.5rem 0;
}
}
}
.show-listing-item--row {
transition: $transition;
&:hover {
transform: translateY(-0.13rem);
}
}
.btn {
&:hover {
.show-listing-item--row & {
transform: none;
}
}
.show-listing-item--row:hover & {
text-decoration: underline;
}
}
There are no notes for this item.