G: Houston Grand Opera
Submitted by Anonymous (not verified) on Fri, 01/11/2019 - 11:00
State:
Processed
Rank:
49
Size:
43932
Raw Content:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Houston Grand Opera : Houston Grand Opera</title>
<meta name="description" content="Houston Grand Opera is one of the most innovative, highly acclaimed and premier opera companies in the United States. Discover passion, adventure, and drama during our 2018-19 season!" />
<meta name="keywords" content="Houston, Opera, Theater" />
<link href="//fonts.googleapis.com/css?family=Roboto:300,400,700|Montserrat:400,700|Roboto+Condensed:400,700" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" />
<link href="/bundles/css?v=FEKLk-aPEU2CXeuttXQkQ3eNB3rM3qJaz-lGva94f9o1" rel="stylesheet"/>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="/static/js/jquery.magnific-popup.min.js"></script>
<script src="/Static/js/parallax.min.js"></script>
<style>
body {
margin-top: 0px !important;
}
.parallaxParent {
height: 100vh;
background: transparent;
padding-top: 130px;
}
</style>
<script src="/bundles/js?v=YXXIxkjbXaqHKqerKXOY-Kf4vObpZEKZttmoO9heFUU1"></script>
</head>
<body>??<div>
<div class="container hidden-xs" style="position:fixed; z-index:1000; margin:auto; width:100%; top:0px;">
<div class="row" id="UtilityHeader">
<div class="container">
<div class="row">
<div class="col-sm-10">
<div id="UtilityHeaderMenu">
<nav class="UtilityNav">
<ul class="nav navbar-nav">
<li>
<div id="clock" class="ClockBubble">
You have <span class="minutes"></span>:<span class="seconds"></span> to complete your ticket purchases
</div>
</li>
<li>
<a href="/cart/" title="Cart">
<img src="/Static/img/icon-shopping-cart-mobile.png" alt="Cart" />Cart
</a>
</li>
<li><a href="/register/" title="Create An Account">Create An Account</a></li>
<li><a href="/sign-in/?ReturnUrl=/" title="Sign In">Sign In</a></li>
<!--<li><a href="/sign-in/" title="Sign In">Sign In</a></li>-->
<li><a href="/help/" title="Help">Help</a></li>
<li><a href="https://livechat.boldchat.com/aid/2622584560822374653/bc.chat?cwdid=461766839069655558&wdid=995403361933443576" target="_blank" onclick="window.open((window.pageViewer && pageViewer.link || function(link){return link;})(this.href + (this.href.indexOf('?')>=0 ? '&' : '?') + 'url=' + escape(document.location.href)), 'Chat3449104928272110339', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=640,height=480');return false;"><img class="liveChat" src="/Static/img/LiveChat.png" alt="Live Chat"></a></li>
<li><a href="/utilities/search/" class="search-lnk"><span class="glyphicon glyphicon-search" title="Site Search"> </span></a></li>
</ul>
</nav>
</div>
</div>
<div id="DonateNowButton2" class="col-sm-2 hidden-xs"><div id="DonateNowButton"><a href="/support-us/donation/" alt="Donate Now">Donate Now</a></div></div>
</div>
</div>
</div>
</div>
<div class="row grey-bg" id="MainNavCont">
<div class="container" style="position: relative;">
<div class="col-lg-3 col-md-3 col-sm-12 hidden-xs">
<div id="Logo"><a href="/" title="Home Page"><img src="/Static/img/Logo.png" alt="Houston Grand Opera Logo" /></a></div>
</div>
<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
<div id="MainMenu">
<!--<nav class="nav navbar-nav">-->
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="HamMenuItems">
<nav class="MobileUtilityNav">
<ul>
<li><a href="/"><img src="/Static/img/LogoMobile.png" alt="Houston Grand Opera" /></a></li>
<li><a href="/cart/" title="Cart"><img src="/Static/img/icon-shopping-cart-mobile.png" alt="Cart" /></a></li>
<li><a href="/utilities/search/" title="Search"><img src="/Static/img/SearchIcon.png" alt="Search" /></a></li>
</ul>
</nav>
</div>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li >
<a id="topnav-10" href="/scheduletickets">Shows & Events </a>
<ul class=" mobile-submenu">
<li><a href="/2018-19-season" class="accordion-toggle">2018–19 Season</a></li>
<li><a href="/scheduletickets/minipack/" class="accordion-toggle">Mini Subscriptions</a></li>
<li><a href="/scheduletickets/affordable-ticket-initiatives/" class="accordion-toggle">Affordable Ticket Initiative</a></li>
<li><a href="/scheduletickets/specialevents" class="accordion-toggle">Special Events</a></li>
<li><a href="/scheduletickets/calendar" class="accordion-toggle">Calendar</a></li>
<li><a href="/scheduletickets/seeking-the-human-spirit/" class="accordion-toggle">Seeking the Human Spirit</a></li>
</ul>
</li>
<li >
<a id="topnav-1734" href="/box-office">Box Office </a>
<ul class=" mobile-submenu">
<li><a href="/box-office/manage-your-season-tickets/" class="accordion-toggle">Manage Your Season Tickets</a></li>
</ul>
</li>
<li >
<a id="topnav-1723" href="/you-at-the-opera/planyourvisit">You At the Opera </a>
<ul class=" mobile-submenu">
<li><a href="/on" class="accordion-toggle">Opening Nights for Young Professionals</a></li>
<li><a href="/overture" class="accordion-toggle">Overture</a></li>
<li><a href="/musings" class="accordion-toggle">Blog: HGO Musings</a></li>
</ul>
</li>
<li >
<a id="topnav-1725" href="/support-us">Support Us </a>
<ul class=" mobile-submenu">
<li><a href="/support-us/donation" class="accordion-toggle">Donate</a></li>
<li><a href="/support-us/become-a-patron" class="accordion-toggle">Become a Patron</a></li>
<li><a href="/support-us/annual-fund" class="accordion-toggle">Annual Fund</a></li>
<li><a href="/support-us/leadership-giving" class="accordion-toggle">Leadership Giving</a></li>
<li><a href="/support-us/corporate-giving" class="accordion-toggle">Corporate Giving</a></li>
<li><a href="/support-us/legacy-giving" class="accordion-toggle">Legacy Giving</a></li>
<li><a href="/support-us/special-events/" class="accordion-toggle">Special Events</a></li>
</ul>
</li>
<li >
<a id="topnav-4615" href="/community-programs">Education & Community </a>
<ul class=" mobile-submenu">
<li><a href="/community-programs/about-hgoco" class="accordion-toggle">About HGOco</a></li>
<li><a href="/community-programs/educators" class="accordion-toggle">For Educators</a></li>
<li><a href="/community-programs/community" class="accordion-toggle">For the Community</a></li>
<li><a href="/community-programs/children" class="accordion-toggle">For Children & Families</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>
<div class="subnav-wrapper">
<div class="container ">
<div class="subnav">
<ul>
</ul>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</div>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5490bbe24942c5d6" async="async"></script>
<div class="scrollsection" id="scrollsection">
<div id="indicators">
<a id="indicator_1" href="#parallaxParent_1" data-id="#parallaxParent_1" class="indicator active "> </a>
<a id="indicator_2" href="#parallaxParent_2" data-id="#parallaxParent_2" class="indicator "> </a>
</div>
<style>
@media (max-width: 767px ) {
#parallaxParent_1 {
background-image: url(/globalassets/homepage-banners/2018-19/mobile/hgo_home-hero-767_master-florencia-101818.jpg) !important;
background-repeat:no-repeat !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position-y: center !important;
background-position-x: 63% !important;
} }"
</style>
<div class="col-xs-12 parallaxParent" id="parallaxParent_1" data-parallax="scroll" data-position="center top" data-image-src="/globalassets/homepage-banners/2018-19/hgo_home-hero-1600_master-florencia-11718.jpg">
<div class="container" title="FLORENCIA EN EL AMAZONAS">
<div id="HeroHomeTitleCont">
<div id="HeroHomeTitle"> <p>FLORENCIA EN EL AMAZONAS</p> </div>
</div>
<div class="row">
<div class="col-md-2 col-sm-4 col-xs-6">
<div id="HeroSubLeftCol">
<div id="StartDate"><div class="HeroMonth">JAN</div><div class="HeroDay">18</div></div>
<div id="HeroDateSeperator"></div>
<div id="EndDate"><div class="HeroMonth">FEB</div><div class="HeroDay">3</div></div>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<div class="HeroSubRightCol">
<div id="HeroCTA">
<a href="/florenciaenelamazonas" class="btn-redBorder-blkBkgd">Buy Tickets </a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div id="srollsection-1" class="srollsection-item-end"></div>
<style>
@media (max-width: 767px ) {
#parallaxParent_2 {
background-image: url(/globalassets/homepage-banners/2018-19/mobile/hgo_home-hero-767_master-pearl-11518.jpg) !important;
background-repeat:no-repeat !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position-y: center !important;
background-position-x: 63% !important;
} }"
</style>
<div class="col-xs-12 parallaxParent" id="parallaxParent_2" data-parallax="scroll" data-position="center top" data-image-src="/globalassets/homepage-banners/2018-19/hgo_home-hero-1600-pearl-101918-2.jpg">
<div class="container" title="THE PEARL FISHERS">
<div id="HeroHomeTitleCont">
<div id="HeroHomeTitle"> <p>THE PEARL FISHERS</p> </div>
</div>
<div class="row">
<div class="col-md-2 col-sm-4 col-xs-6">
<div id="HeroSubLeftCol">
<div id="StartDate"><div class="HeroMonth">JAN</div><div class="HeroDay">25</div></div>
<div id="HeroDateSeperator"></div>
<div id="EndDate"><div class="HeroMonth">FEB</div><div class="HeroDay">8</div></div>
</div>
</div>
<div class="col-md-2 col-sm-4 col-xs-6">
<div class="HeroSubRightCol">
<div id="HeroCTA">
<a href="/thepearlfishers" class="btn-redBorder-blkBkgd">Buy Tickets </a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div id="srollsection-2" class="srollsection-item-end"></div>
</div>
<div class="clearfix"></div>
<div class="container upcoming-shows-events">
<div><div><div class="UpcomingEventCont">
<h2 class="HeadingWhite">
UPCOMING SHOWS & EVENTS
</h2>
<div id="carousel-upcoming-events">
<div class="upcoming-event-item">
<img src="/globalassets/productions/201819-hgocostudiospecial-events/hgo_production-hero-1600_coa18.jpg?width=800&height=360&mode=crop" alt="Concert of Arias" title="Concert of Arias" class="img-responsive" />
<div class="event-carousel-caption">
<div class="CarouselEventTitleVenueWrapper">
<a href='/concert-of-arias'>
<div class="CarouselEventTitleVenue">
<span class="CarouselEventTitle">Concert of Arias</span>
</div>
</a>
</div>
<div class="CarouselEventAction">
<div class="CarouselDateMonth">
<span class="CarouselDateMonthStart">
Feb
</span>
</div>
<div class="CarouselDateDays">
01
</div>
<div class="UpcomingEventRightCol">
<div id="UpcomingEventCTA">
<a href="/concert-of-arias" class="btn-redBorder-blkBkgd">Learn More</a>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('#carousel-upcoming-events').on("init", function () {
// console.debug("slick init");
});
if ($('#carousel-upcoming-events .upcoming-event-item').length > 1) {
Slickyfy();
} else {
// don't slickyfy :~)
$('#carousel-upcoming-events .upcoming-event-item').css("opacity", 1);
$('#carousel-upcoming-events .upcoming-event-item img').css("margin", "0 auto;");
}
function Slickyfy() {
$('#carousel-upcoming-events').slick({
dots: true,
centerMode: true,
centerPadding: '70px',
slidesToShow: 1,
autoplay: true,
autoplaySpeed: 88000,
responsive: [
{
breakpoint: 768,
settings: {
centerMode: true,
centerPadding: '40px',
slidesToShow: 1,
arrows: false,
dots: true
}
},
{
breakpoint: 480,
settings: {
arrows: false,
centerMode: true,
centerPadding: '10px',
slidesToShow: 1,
arrows: false,
dots: false
}
}
]
});
}
});
</script>
</div><div>
<div class=" ">
<div class="pagecallout">
<div class="pagecallout-header"> Musings: The Official Blog of Houston Grand Opera </div>
<div class="pagecallout-body">
<p>Follow the HGO community as they provide a glimpse inside one of the world's great opera companies. </p>
<a href="/musings"> READ MORE <img src="/Static/img/red-arrow.png" alt="Read More" /></a>
</div>
<div class="pagecallout-image"><img src="/globalassets/misc-image-galleries/blog/s.-katy-tucker.png" alt="Musings Blog" class="img-responsive" title="Musings Blog" /></div>
</div>
</div>
</div><div>
<div class="CTAContainer"><div class="col-lg-6 col-md-6 col-sm-12 CTAItem">
<div class="CTAToutCont">
<div class="CTAImg">
<img src="/Static/img/icon-mask.png" alt="Houston Grand Opera" />
</div>
<div class="CTADesc">
<div class="CTAHeading"><a href="/studio">Houston Grand Opera</a></div>
<div class="CTAHeadingSecondary"><a href="/studio">Studio</a></div>
<div class="CTATout"><a href="/studio"><p class="p1">The HGO Studio has provided a bridge between training and operatic careers for young singers and pianists/coaches for more than 30 years.</p> Learn More <img src="/Static/img/CTAWhiteArrow.png" alt="Learn More" /></a></div>
</div>
</div></div><div class="col-lg-6 col-md-6 col-sm-12 CTAItem">
<div class="CTAToutCont">
<div class="CTAImg">
<img src="/Static/img/icon-ticket.png" alt="Houston Grand Opera" />
</div>
<div class="CTADesc">
<div class="CTAHeading"><a href="/on">Young Professionals</a></div>
<div class="CTAHeadingSecondary"><a href="/on"></a></div>
<div class="CTATout"><a href="/on"><p class="Normal1">Join Opening Night for Young Professionals and add more to your opera experience. Subscriptions start as low as $138.</p> Learn More <img src="/Static/img/CTAWhiteArrow.png" alt="Learn More" /></a></div>
</div>
</div></div></div>
</div><div>
<div class=" ContainerBckg">
<div class="ExploreHeading"><h2 class="HeadingWhite">EXPLORE HGO</h2></div>
<div class="ExploreToutCarousel"><div class="ExploreToutItem ">
<div class="ExploreToutImg" title="HGOco Brochure"><img src="/globalassets/touts/hgoco-brochure.png?width=230&height=238&mode=carve" alt="HGOco Brochure" class="img-responsive" /></div>
<div class="ExploreTout">
<div class="ExploreToutCopy">
<a href="/globalassets/pdfs/hgoco/hgoco_season-preview.pdf">HGOco Brochure<span class="RedArrowLearnMore"> </span></a>
</div>
</div>
</div><div class="ExploreToutItem ">
<div class="ExploreToutImg" title="Explore the downtown Houston Area"><img src="/globalassets/touts/tout-2.jpg?width=230&height=238&mode=carve" alt="Explore the downtown Houston Area" class="img-responsive" /></div>
<div class="ExploreTout">
<div class="ExploreToutCopy">
<a href="/you-at-the-opera/planyourvisit">Make a Night of It<span class="RedArrowLearnMore"> </span></a>
</div>
</div>
</div><div class="ExploreToutItem ">
<div class="ExploreToutImg" title="Studio Artists"><img src="/globalassets/touts/studio-homepage-tout-2.jpg?width=230&height=238&mode=carve" alt="Studio Artists" class="img-responsive" /></div>
<div class="ExploreTout">
<div class="ExploreToutCopy">
<a href="/studio/studioartists">Meet Our Studio Artists<span class="RedArrowLearnMore"> </span></a>
</div>
</div>
</div><div class="ExploreToutItem ">
<div class="ExploreToutImg"><img src="/globalassets/touts/season-video-tout-2.png?width=230&height=238&mode=carve" class="img-responsive" /></div>
<div class="ExploreTout">
<div class="ExploreToutCopy">
<a href="https://youtu.be/WCx9xQsBiOI" target="_blank">2018–19 Season Trailer<span class="RedArrowLearnMore"> </span></a>
</div>
</div>
</div></div>
</div>
<script>
$(document).ready(function () {
$('.ExploreToutCarousel').slick({
dots: true,
centerPadding: '70px',
slidesToShow: 4,
autoplay: true,
autoplaySpeed: 88000,
responsive: [
{
breakpoint: 768,
settings: {
arrows: false,
centerMode: true,
centerPadding: '40px',
slidesToShow: 1
}
},
{
breakpoint: 480,
settings: {
arrows: false,
centerMode: true,
centerPadding: '40px',
slidesToShow: 1,
dots: true
}
}
]
});
});
</script></div></div>
</div>
<script>
$(document).ready(function () {
/*$(window).scroll(function () {
if ($(window).scrollTop() > 100) {
$("#MainNavCont").addClass("grey-bg");
}
else {
$("#MainNavCont").removeClass("grey-bg");
}
});*/
var active = 1;
var controllerBanners = new ScrollMagic.Controller( );
var tween = TweenMax.from("#animate", 0.5, { autoAlpha: 0, scale: 0.7 });
controllerBanners.scrollTo(function (newpos ) {
// newpos = newpos - ($("#MainNavCont").height() + $("#UtilityHeader").height() + 30 ) ;
//if(active==1)
//{
// newpos= newpos+40;
//}
TweenMax.to(window, 0.9, { scrollTo: { y: newpos , autoKill:false} });
});
$(document).on("click", ".indicator", function (e) {
// if (!$(this).hasClass("active")) {
var anchor = $(this).attr("href");
var id = $(this).attr("data-id");
e.preventDefault();
controllerBanners.scrollTo(anchor );
//if (window.history && window.history.pushState) {
// history.pushState("", document.title, id);
//}
// }
});
var scrolloffset = $(".parallaxParent").height() - 90;
var calendaroffset = -10;
if ($('.hidden-xs').css('display') == 'none') {
calendaroffset = -340;
scrolloffset = scrolloffset - 150;
}
var scene_top = new ScrollMagic.Scene({ triggerElement: "#scrollsectionEnd", offset: calendaroffset })
//.addIndicators()
.addTo(controllerBanners)
.on("enter", function (e) {
//bjm $("#SeasonCarousel").finish();
$(".SeasonCarouselCont").removeClass("active");
//bjm $("#SeasonCarousel").fadeTo(0, 1);
$("#indicators").hide();
}).on("leave", function (e) {
$(".SeasonCarouselCont").addClass("active");
//$("#indicators").fadeTo(0, 1);
$("#indicators").show();
});
var indicator_scene_1 = new ScrollMagic.Scene({ triggerElement: "#parallaxParent_1", duration: $(".parallaxParent").height() })
// .addIndicators()
.addTo(controllerBanners)
.on("enter", function (e) {
$(".indicator").removeClass("active");
$("#indicator_1").addClass("active");
active = 1;
});
var scene_top_1 = new ScrollMagic.Scene({ triggerElement: "#srollsection-1", duration: scrolloffset })
// .addIndicators()
.addTo(controllerBanners)
.on("enter", function (e) {
//bjm $("#SeasonCarousel").finish();
//bjm $("#SeasonCarousel").fadeTo(800, .1);
}).on("leave", function (e) {
//bjm $("#SeasonCarousel").finish();
//bjm $("#SeasonCarousel").fadeTo(800, 1);
});
var indicator_scene_2 = new ScrollMagic.Scene({ triggerElement: "#parallaxParent_2", duration: $(".parallaxParent").height() })
// .addIndicators()
.addTo(controllerBanners)
.on("enter", function (e) {
$(".indicator").removeClass("active");
$("#indicator_2").addClass("active");
active = 2;
});
scrolloffset = ($(".parallaxParent").height() / 2) - 50;
var scene_top_2 = new ScrollMagic.Scene({ triggerElement: "#srollsection-2", duration: scrolloffset })
// .addIndicators()
.addTo(controllerBanners)
.on("enter", function (e) {
//bjm $("#SeasonCarousel").finish();
//bjm $("#SeasonCarousel").fadeTo(800, .1);
}).on("leave", function (e) {
//bjm $("#SeasonCarousel").finish();
//bjm $("#SeasonCarousel").fadeTo(800, 1);
});
$(".SeasonCarouselCont").addClass("active");
});
</script> <div class="clearfix"></div>
<div id="Footer">
<div class=" container ">
<div class=" col-sm-12 col-centered">
<div class="row row-same-height row-full-height" id="FooterMenuRow">
<div class=" col-sm-4 col-xs-12 col-sm-push-8 col-md-height col-full-height" id="FooterRightC">
<div class="FooterRightCont">
<div class="FooterWhtHeading">Sign up for our email newsletter</div>
<form>
<div id="NewsletterSignUp">
<input type="text" class="NewsletterEmail" value="enter your email" /><br />
<input type="button" class="NewsletterSubmit" value="SIGN UP" title="SIGN UP" />
<input type="hidden" id="NewsletterId" value="30,87" /><br />
</div>
<div id="NewsletterSignUpMsg" class="alert-danger" style="display:none;"></div>
</form>
<div id="NewsletterMenu">
<div class="NewsletterMenuItem">
<a href="/box-office">Box Office</a>
</div>
<div class="NewsletterMenuItem">
<a href="/you-at-the-opera-wall">You At The Opera</a>
</div>
<div class="NewsletterMenuItem">
<a href="/support-us">Support Us</a>
</div>
<div class="NewsletterMenuItem">
<a href="/community-programs">Education & Community</a>
</div>
</div>
<div class="FooterMenu FooterSponserLogo">
<a href="https://www.united.com/" target="_blank"><img src="/contentassets/087f3dd6351042c58a89e58288c6e337/united_hgo_white.png" alt="https://www.united.com/" /> </a>
</div>
</div>
</div>
<div class="col-sm-4 col-sm-pull-4 col-xs-12 FooterLeftCont col-md-height col-full-height" id="FooterLeftCont">
<div class="FooterMenu HgoStudioMenu">
<div class="FooterWhtHeading text-uppercase">
<a href="/studio" title="HGO STUDIO">HGO STUDIO</a>
</div>
<ul>
<li><a href="/becomeastudioartist">Become a Studio Artist</a></li>
<li><a href="/studio/young-artist-vocal-academy">Young Artists Vocal Academy</a></li>
<li><a href="/studio/studioartists">Studio Artists & Faculty</a></li>
<li><a href="/studio/about-hgo-studio">About HGO Studio</a></li>
<li><a href="/studio/support-hgo-studio">Support HGO Studio</a></li>
<li><a href="/scheduletickets/calendar" target="_top">Programs & Events</a></li>
</ul>
</div>
<div class="FooterMenu AboutUsMenu">
<div class="FooterWhtHeading text-uppercase">
<a href="/abouthgo" title="ABOUT US"> ABOUT US</a>
</div>
<ul>
<li><a href="/about-us/news-center">Publications & Media</a></li>
<li><a href="/abouthgo/people">People</a></li>
<li><a href="/abouthgo/employment-auditions">Employment & Auditions</a></li>
<li><a href="/abouthgo/financial-information">Financial Information</a></li>
<li><a href="/abouthhgo/production-rentals">Production Rentals</a></li>
<li><a href="/abouthgo/contact-us">Contact Us</a></li>
<li><a href="/abouthgo/volunteer">Volunteer</a></li>
</ul>
</div>
<div class="FooterMenu BlogMenu">
<div class="FooterWhtHeading text-uppercase">
<a href="/you-at-the-opera/Musings/">Musings</a>
</div>
</div>
<div class="FooterMenu FooterSponserLogo">
<a href="http://www.methodisthealth.com/" target="_blank"><img src="/contentassets/087f3dd6351042c58a89e58288c6e337/methodist_leading_medicine_tag_white_272_121818_2.png" alt="http://www.methodisthealth.com/" /> </a>
</div>
</div>
<div class="col-sm-4 col-sm-pull-4 col-xs-12 col-md-height col-full-height" id="FooterCenterCont">
<div class="FooterCenterCont">
<div class="FooterCenter">
<h2 class="HeadingWhite">HOUSTON GRAND OPERA</h2>
<div class="FooterPhone">713-228-6737</div>
<div class="FooterWhtInfo"><a href="mailto:CUSTOMERCARE@HGO.ORG">CUSTOMERCARE@HGO.ORG</a></div>
<div class="FooterWhtInfo">510 PRESTON STREET HOUSTON, TX 77002</div>
<div class="FooterSocial">
<ul>
<li><a href="https://www.facebook.com/houstongrandopera/timeline/" target="_blank"><img src="/Static/img/icon-footer-facebook.png" alt="Facebook - Houston Grand Opera" /></a></li>
<li><a href="https://twitter.com/HouGrandOpera" target="_blank"><img src="/Static/img/icon-footer-twitter.png" alt="Twitter - Houston Grand Opera" /></a></li>
<li><a href="https://instagram.com/hougrandopera/" target="_blank"><img src="/Static/img/icon-footer-instagram.png" alt="Instagram - Houston Grand Opera" /></a></li>
<li><a href="https://www.youtube.com/user/hgopera" target="_blank"><img src="/Static/img/icon-footer-youtube.png" alt="Youtube - Houston Grand Opera" /></a></li>
</ul>
</div>
</div>
</div>
<div style="margin-top:20px; text-align:center;">
<a href="http://www.tenenbaumjewelers.com/" target="_blank"><img src="/globalassets/logos/tenenbaumlogo_tagline_2016_white-small.png" alt="http://www.tenenbaumjewelers.com/" /> </a>
</div>
</div>
</div>
<div style="text-align:center; width:100%; padding:10px 0 30px 0;">
<a href="https://www.operaamerica.org/" target="_blank"><img src="/contentassets/087f3dd6351042c58a89e58288c6e337/operaamerica_allwhite-copy.png" alt="https://www.operaamerica.org/" width="250" /> </a>
</div>
<div class="row FooterBottomBorder">
<div class="col-sm-6 col-xs-12 FooterCopyRight">
© 2018 Houston Grand Opera. All rights reserved
</div>
<div class="col-sm-6 col-xs-12 FooterUtilityMenu">
<ul>
<li> <a href="/privacy_policy">Privacy Policy</a></li>
<li> <a href="http://www.hgoguild.org/" target="_blank">HGO Guild</a></li>
<li> <a href="https://www2.guidestar.org/" target="_blank">GuideStar</a></li>
<li> <a href="/utilities/accessibility/">Accessibility</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function ()
{
var viewportWidth = $(window).width();
//alert(viewportWidth);
if (viewportWidth >= 992)
{
// resizeMenu();
}
});
function resizeMenu() {
if (document.getElementById('FooterMenuRow')) {
var lh = document.getElementById('FooterMenuRow').offsetHeight;
var rh = document.getElementById('FooterCenterCont').offsetHeight;
var nh = Math.max(lh, rh);
document.getElementById('FooterLeftCont').style.height = nh + "px";
document.getElementById('FooterCenterCont').style.height = nh + "px";
document.getElementById('FooterRightC').style.height = nh + "px";
}
}
</script>
<script type="text/javascript">
var newsletterText = 'enter your email';
$(document).ready(function () {
//clear the newsletter signup box
$('.NewsletterEmail').focus(function () {
var textVal = $('.NewsletterEmail').val();
if (textVal == newsletterText) {
$('.NewsletterEmail').val('');
}
});
});
</script>
<script type="text/javascript">
$(document).ready(function () {
$(".NewsletterSubmit").click(function () {
if ($('.NewsletterEmail').val().indexOf("@") != -1) {
var sEmail = $('.NewsletterEmail').val();
var MailId = $('#NewsletterId').val();
window.location.href = window.location.origin + "/registerguest/?ReturnUrl=/manage-email-subscriptions/&email=" + sEmail;
//$("#NewsletterSignUpMsg").show();
//$('#NewsletterSignUpMsg').html('Adding Preference');
/*
$.ajax({
type: "GET",
url: "/SubscribeToNewsletter",
data: { email: sEmail, sMailId: MailId },
success: function (data, textStatus, jqXHR) {
if (data.indexOf("true") >= 0) {
//$('#NewsletterSignUp').html("");
$("#NewsletterSignUpMsg").show();
$("#NewsletterSignUp").hide();
$('#NewsletterSignUpMsg').html("You have been signed up");
}
else {
$("#NewsletterSignUpMsg").show();
$('#NewsletterSignUpMsg').html("Error in signing you up");
}
},
failure: function (data, textStatus, jqXHR) {
$("#NewsletterSignUpMsg").show();
$('#NewsletterSignUpMsg').html("Error in signing you up");
}
});*/
}
});
});
</script>
<div class="remodal" data-remodal-id="modal" data-remodal-options="hashTracking: false">
<button data-remodal-action="close" class="remodal-close"></button>
<div id="modal-stage"></div>
</div>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script>
$(document).ready(function (e) {
var navcontroller = new ScrollMagic.Controller();
var scene_nav = new ScrollMagic.Scene({ triggerHook: "#MainNavCont", offset: 110 })
.addTo(navcontroller)
//.addIndicators()
.on("enter", function (e) {
$("#MainNavCont").addClass("offtop");
})
.on("leave", function (e) {
$("#MainNavCont").removeClass("offtop");
});
});
</script>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-W53K4S"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-W53K4S');</script>
<!-- End Google Tag Manager -->
</body>
</html>
- Log in to post comments