Home Page

<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/theatermania-notag-white.svg" alt="Theatermania 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 &amp; 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 btn--close--submenu js-btn-close--submenu">
    <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">New York City</h2>
                                    </div>
                                    <ul class="header-nav__sublist">
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Broadway</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Broadway Discounts</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Off-Broadway</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">All New York City</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">Boston</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Chicago</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Dallas</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Los Angeles</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Miami</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Minneapolis</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Philadelphia</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">San Diego</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">San Francisco</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Seattle</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Washington D.C.</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 &amp; 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 btn--close--submenu js-btn-close--submenu">
    <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">Broadway, Off-Broadway, Concerts, Sports, Movie 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/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>
                                <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>
                            </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 btn--close--submenu js-btn-close--submenu">
    <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">Discount Ticket Email Offers</h2>
                                    </div>
                                </li>
                                <li class="nav-list-item nav-list-item--newsletter">
                                    <div class="nav-newsletter">
                                        <p class="newsletter-copy js-newsletter-copy">Discount email offers for a wide variety of Broadway, Off-Broadway and regional shows.</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&#x27;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">Theater Everywhere.</h1>
                <div class="text-banner-text-container">
                    <p class="text-banner-info-text">Your source for Broadway tickets and theater tickets across America.</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="broadway_shows" class="title-highlight">Popular Broadway 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="broadway">Broadway</option>
        <option value="off-broadway">Off-Broadway</option>
        <option value="all-nyc">All New York City</option>
        <option value="boston">Boston</option>
        <option value="chicago">Chicago</option>
        <option value="dallas">Dallas</option>
        <option value="los-angeles">Los Angeles</option>
        <option value="miami">Miami</option>
        <option value="minneapolis">Minneapolis</option>
        <option value="philadelphia">Philadelphia</option>
        <option value="san-diego">San Diego</option>
        <option value="san-francisco">San Francisco</option>
        <option value="seattle">Seattle</option>
        <option value="washington-dc">Washington D.C.</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 ($69+)
</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 ($59+)
</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 ($65+)
</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 ($50+)
</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 ($79+)
</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="broadway">Broadway</option>
        <option value="off-broadway">Off-Broadway</option>
        <option value="all-nyc">All New York City</option>
        <option value="boston">Boston</option>
        <option value="chicago">Chicago</option>
        <option value="dallas">Dallas</option>
        <option value="los-angeles">Los Angeles</option>
        <option value="miami">Miami</option>
        <option value="minneapolis">Minneapolis</option>
        <option value="philadelphia">Philadelphia</option>
        <option value="san-diego">San Diego</option>
        <option value="san-francisco">San Francisco</option>
        <option value="seattle">Seattle</option>
        <option value="washington-dc">Washington D.C.</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&#x27;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&#x27;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&#x27;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&#x27;s Jesus Hopped the &#x27;A&#x27; 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&#x27;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&#x27;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&#x27;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_nyc_reviews" class="title-highlight">Latest New York City 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_nyc_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">
                    <a href="#" class="content-link-title">In the Blood</a>
                    <div class="content-info">
                        <div>Suzan-Lori Parks&#x27;s second &#x27;Red Letter Play&#x27; 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">
                    <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">
                    <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">
                    <a href="#" class="content-link-title">A Tale of Two Cities</a>
                    <div class="content-info">
                        <div>Mike Poulton&#x27;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&#x27;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&#x27;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&#x27;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/theatermania-notag-white.svg" alt="Theatermania 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 &amp; Discounts</span>
                        <ul class="footer-nav__list footer-nav__list--secondary">
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Broadway &amp; New York Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Chicago Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Los Angeles Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Boston Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Las Vegas Theater</a>
                            </li>
                            <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">Miami Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Philadelphia Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">San Francisco Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Seattle Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Washington, D.C. Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Minneapolis / St. Paul 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 &amp; 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">New York</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">London</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&#x27;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">Theatermania</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, TheaterMania.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 TheaterMania.com, Inc. All Rights Reserved.
                <a href="#" class="nav-link-item">Terms of Use</a> &amp; <a href="#" class="nav-link-item">Privacy Policy</a>
            </p>
        </div>
    </div>
</footer>