ConciertoEnFamilia2013_Web/www/index.php
2014-02-11 13:15:56 +00:00

396 lines
19 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="es"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="es"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="es"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="es"> <!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Teatro Monumental, Madrid - Concierto en Familia, 10º aniversario</title>
<meta name="description" content="Eventcamp 2013 is a simple page HTML template for events and conferences.">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS Files
* alpha_background.css - Classes for applying an alpha black or white background
* grid.css - Responsive grid system based on "Skeleton" by Dave Gamache (http://www.getskeleton.com/)
* style.css - Most of the css is here
* responsive_custom - CSS override for responsive layout
================================================== -->
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.8.0/build/cssreset/cssreset-min.css">
<link rel="stylesheet" href="css/alpha_background.css">
<link rel="stylesheet" href="css/grid.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive_custom.css">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Favicons
================================================== -->
<!--<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">-->
<!-- Google Web Fonts
* This template uses 'PT Serif' and 'Open Sans'
================================================== -->
<link href='http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic|Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-297093-34', 'conciertoenfamilia.com');
ga('send', 'pageview');
</script>
</head>
<body data-spy="scroll" data-target="#section-topbar">
<!-- Topbar: fixed + datascroll
* the attribute data-scrollspy is for automatically updating nav targets based on scroll position
* scroll the area below the navbar and watch the active class change
================================================== -->
<div id="section-topbar">
<div id="topbar-inner">
<div class="container">
<div class="sixteen columns">
<div class="dropdown">
<ul id="nav" class="nav">
<li class="menu-item"><a href="#section-event">Inicio</a></li>
<li class="menu-item"><a href="#section-program">Programa</a></li>
<li class="menu-item"><a href="#section-about">Intérpretes</a></li>>
<li class="menu-item"><a href="#section-fees">Entradas</a></li>
<li class="menu-item"><a href="#section-map">Mapa</a></li>
<li class="menu-item"><a href="#section-invite">Otras edidiones</a></li>
</ul><!-- // ul#nav -->
</div><!-- // .dropdown -->
<div class="clear"></div>
</div><!-- // .sixteen -->
</div><!-- // .container -->
<div class="clear"></div>
</div><!-- // #topbar-inner -->
</div><!-- // #section-topbar -->
<!-- Event
* Event title & date, time, and location
================================================== -->
<div id="section-event">
<div class="container">
<div class="sixteen columns">
<h1>
Concierto en Familia<br/>
<span>10º Aniversario</span>
</h1>
<h2>
Requiem<br/><span>W. A. Mozart</span>
</h2>
<h3>
Coros de óperas</h3>
</div><!-- // .sixteen -->
<div class="clear"></div>
</div><!-- // .container -->
<div id="section-info">
<div class="container">
<div class="four columns">
<h2>Información</h2>
</div><!-- // .four -->
<div class="four columns">
<div id="box-date">
<h3>Fecha</h3>
<p>22 de Marzo de 2014, sábado</p>
</div><!-- // #box-date -->
</div><!-- // .four -->
<div class="four columns">
<div id="box-time">
<h3>Hora</h3>
<p>20:00h</p>
</div><!-- // #box-time -->
</div><!-- // .four -->
<div class="four columns">
<div id="box-location">
<h3><a href="#section-map">Lugar</a></h3>
<p>Teatro Monumental, Madrid</p>
</div><!-- // #box-location -->
</div><!-- // .four -->
<div class="clear"></div>
</div><!-- // .container -->
</div><!-- // #section-info -->
</div><!-- // #section-event -->
<!-- Concert Program
================================================== -->
<div id="section-program">
<div class="container">
<div class="sixteen columns">
<h2>Programa del concierto</h2>
</div><!-- // .sixteen -->
<div class="eight columns">
<p class="headline">Primera parte</p>
</div><!-- // .eight -->
<div class="sixteen columns">
<div id="box-program">
<p class="composer">W. A. Mozart</p>
<p class="title">Requiem</p>
<div class="clear"></div>
</div><!-- // #box-program -->
</div><!-- // .sixteen -->
<div class="clear"></div>
<div class="eight columns">
<p class="headline">Segunda parte</p>
</div><!-- // .eight -->
<div class="sixteen columns">
<div id="box-program">
<p class="composer">Offenbach</p>
<p class="title">Barcarolla</p>
<div class="clear"></div>
<p class="composer">Caccini</p>
<p class="title">Ave María</p>
<div class="clear"></div>
<p class="composer">Bizet</p>
<p class="title">Coro de niños de Carmen</p>
<div class="clear"></div>
<p class="composer">F. Chueca</p>
<p class="title">Coro de marineritos de la Gran Vía</p>
<div class="clear"></div>
<p class="composer">F. Schubert</p>
<p class="title">Ave María</p>
<div class="clear"></div>
<p class="composer">Bellini</p>
<p class="title">Casta Diva de Norma</p>
<div class="clear"></div>
<p class="composer">Verdi</p>
<p class="title">Coro de esclavos de Nabuco</p>
<div class="clear"></div>
<p class="composer">J. f. Haendel</p>
<p class="title">Aleluya</p>
<div class="clear"></div>
</div><!-- // #box-program -->
</div><!-- // .sixteen -->
<div class="clear"></div>
</div><!-- // .container -->
</div><!-- // #section-program -->
<!-- Event Information - About The Trio
================================================== -->
<div id="section-about">
<div class="container">
<div class="three columns">
<h2>Intérpretes</h2>
<p>&nbsp;</p>
</div><!-- // .three -->
<div class="clear"></div>
<div class="fourteen columns">
<div class="item">
<img src="images/interpretes.jpg" alt="" />
<p>&nbsp;</p>
</div><!-- // .item -->
</div><!-- // .eight -->
<div class="clear"></div>
<div class="five columns">
<div class="item">
<ul>
<li><h3>Javier Blanco &nbsp; <span class="speaker-title">Director</span></h3></li>
<li><h3>Eva Del Moral &nbsp; <span class="speaker-title">Soprano</span></h3></li>
<li><h3>Marta Caamaño &nbsp; <span class="speaker-title">Mezzo</span></h3></li>
<li><h3>Ignacio Álvarez &nbsp;<span class="speaker-title">Tenor</span></h3></li>
<li><h3>Fabio Barrutia &nbsp;<span class="speaker-title">Bajo</span></h3></li>
</ul>
</div><!-- // .item -->
</div><!-- // .eight -->
<div class="four columns">
<a href="http://www.matritumcantat.org/" title=""><img src="images/matritum.jpg" alt="Orquesta y coro Matritum Cantat" height="100px" /></a>
</div><!-- // .three -->
<div class="four columns">
<a href="http://www.upcomillas.es/" title=""><img src="images/comillas.jpg" alt="Coro de Universidad Pontificia Comillas" /></a>
</div><!-- // .three -->
<div class="four columns">
<a href="http://stmichaelsschool.es/" title=""><img src="images/michaels.jpg" alt="Coro ST Michael´s" /></a>
</div><!-- // .three -->
<div class="clear"></div>
</div><!-- // .container -->
</div><!-- // #section-about -->
<!-- Event Information - Fees (Tickets)
================================================== -->
<div id="section-fees">
<div class="container">
<div class="sixteen columns">
<h2>Entradas</h2>
<p class="desc">Reserva tus entradas</p>
</div><!-- // .sixteen -->
<div class="clear"></div>
<div class="eight columns">
<div class="item entradas">
<span class="price">entradas.com</span>
<span class="date">Entradas próximamente a la venta</span>
<p>
<a target="_blank" href="#" title="Próximamente" class="button" onClick="">PROXIMAMENTE</a>
</p-->
</div><!-- // .item -->
</div><!-- // .eight -->
<div class="eight columns">
<div class="item taquilla">
<span class="price">Taquilla del teatro</span>
<span class="date">Entradas próximamente a la venta</span>
<p>
<!-- Compra tus entradas en la <a target="_blank" href="#section-map">taquilla del teatro</a><br /><br /> -->
<a href="#section-map" title="Comprar las entradas en taquilla" class="button">Cómo llegar</a>
</p>
</div><!-- // .item -->
</div><!-- // .eight -->
<div class="clear"></div>
</div><!-- // .container -->
</div><!-- // #section-fees -->
<!-- Map
================================================== -->
<div id="section-map">
<div class="container">
<div class="sixteen columns">
<div id="box-map">
<h2>Cómo llegar</h2>
</div><!-- // .box-map -->
</div><!-- // .sixteen -->
<div class="clear"></div>
</div><!-- // .container -->
<!-- https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=McCormick+Place,+Chicago,+IL&amp;aq=0&amp;oq=mccormick+place,+chicago&amp;sll=41.921231,-87.715509&amp;sspn=0.01314,0.026522&amp;ie=UTF8&amp;hq=McCormick+Place,+Chicago,+IL&amp;hnear=&amp;radius=15000&amp;t=m&amp;ll=41.851406,-87.61631&amp;spn=0.044753,0.072956&amp;z=18&amp;output=embed -->
<div id="map-wrap">
<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=es&amp;geocode=&amp;q=Teatro+Monumental&amp;aq=&amp;sll=37.0625,-95.677068&amp;sspn=58.206849,135.263672&amp;t=m&amp;ie=UTF8&amp;hq=Teatro+Monumental&amp;cid=14353968132725877547&amp;hnear=&amp;z=18&amp;iwloc=A&amp;output=embed"></iframe>
</div><!-- // #map-wrap -->
</div><!-- // #section-map -->
<!--Invitation
================================================== -->
<div id="section-invite">
<div class="container">
<div class="sixteen columns">
<h2>Otras ediciones</h2>
</div><!-- // .sixteen -->
<div class="clear"></div>
<div class="eight columns">
<p class="headline">Concierto en Familia 2013</p>
</div><!-- // .eight -->
<div class="clear"></div>
<div class="eight columns">
<p> Primera parte
<div class="VideoContainer f16x9" data-sust="false" data-assetID="1850708_es_videos"data-permaLink="http://www.rtve.es/alacarta/videos/los-conciertos-de-la-2/conciertos-2-concierto-musica-familia-1/1850708/" data-location="embed_videos" data-idManager="default"itemprop="Video" itemscope itemtype="http://schema.org/VideoObject"><span class="hddn" style="display: none;" itemprop="name">Los conciertos de La 2 - Concierto Música en familia (1)</span><meta itemprop="duration" content="T00H46M30S" /><meta itemprop="thumbnail" content="http://img.irtve.es/imagenes/concierto-musica-familia-1/1370160183883.JPG" /><meta itemprop="description" content="Desde el Teatro Monumental de Madrid 1º parte del Concierto extraordinario Musica en Familia a cargo del Coro de la Universidad Pontificia de Comillas y la Orquesta y Coro Matritum Cantat, bajo la dirección de Ángel del Palacio y Javier Blanco. " /><object type="application/x-shockwave-flash" id="" height="239" width="425" data="http://swf.rtve.es/swf/4.2.27/RTVEPlayerVideo.swf"><param name="movie" value="http://swf.rtve.es/swf/4.2.27/RTVEPlayerVideo.swf"/><param name="allowScriptAccess" value="always"><param name="allowFullScreen" value="true"><param name="bgcolor" value="#000000"><param name="flashvars" value="assetID=1850708_es_videos&location=embed_videos"><!-- solo video--><param name="wmode" value="opaque"><param name="quality" value="high"><a href="http://www.rtve.es/alacarta/videos/los-conciertos-de-la-2/conciertos-2-concierto-musica-familia-1/1850708/" itemprop="url"><span class="videoplay"><strong>Ver vídeo</strong></span><img width="425" src="http://img.irtve.es/imagenes/concierto-musica-familia-1/1370160183883.JPG" alt="Los conciertos de La 2 - Concierto Música en familia (1)" title="Los conciertos de La 2 - Concierto Música en familia (1)" itemprop="Image" class="jsResizeImage" /></a></object></div><ul style="padding:4px 0 8px 5%;width:95%;display:block;font-size:10px;text-align:left;border-bottom:1px solid #999;background:url('http://www.rtve.es/favicon.ico') no-repeat left 2px;"><li style="display:inline;"><a href="http://www.rtve.es/alacarta/videos/los-conciertos-de-la-2/conciertos-2-concierto-musica-familia-1/1850708.shtml" title="Los conciertos de La 2 - Concierto Música en familia (1)"><strong>Los conciertos de La 2 - Concierto Música en familia (1)</strong></a></li></ul></p>
</div>
<div class="eight columns">
<p> Segunda Parte
<div class="VideoContainer f16x9" data-sust="false" data-assetID="1863547_es_videos"data-permaLink="http://www.rtve.es/alacarta/videos/los-conciertos-de-la-2/conciertos-2-concierto-musica-familia-2/1863547/" data-location="embed_videos" data-idManager="default"itemprop="Video" itemscope itemtype="http://schema.org/VideoObject"><span class="hddn" style="display: none;" itemprop="name">Los Conciertos de La 2 - Concierto Música en familia (2)</span><meta itemprop="duration" content="T00H39M02S" /><meta itemprop="thumbnail" content="http://img.irtve.es/imagenes/musica-familia-2/1370770051497.JPG" /><meta itemprop="description" content="Dirigido por Javier Blanco, con música de Bizet, Caccini, verdi, Haendel, Offenbach y Villaroig. CORO ST. MICHAEL'S SCHOOL, CORO INFANTIL MUSHI, CORO UNIVERSIDAD PONTIFICIA DE COMILLAS, ORQUESTA Y CORO MATRITUM CANTAT. " /><object type="application/x-shockwave-flash" id="" height="239" width="425" data="http://swf.rtve.es/swf/4.2.27/RTVEPlayerVideo.swf"><param name="movie" value="http://swf.rtve.es/swf/4.2.27/RTVEPlayerVideo.swf"/><param name="allowScriptAccess" value="always"><param name="allowFullScreen" value="true"><param name="bgcolor" value="#000000"><param name="flashvars" value="assetID=1863547_es_videos&location=embed_videos"><!-- solo video--><param name="wmode" value="opaque"><param name="quality" value="high"><a href="http://www.rtve.es/alacarta/videos/los-conciertos-de-la-2/conciertos-2-concierto-musica-familia-2/1863547/" itemprop="url"><span class="videoplay"><strong>Ver vídeo</strong></span><img width="425" src="http://img.irtve.es/imagenes/musica-familia-2/1370770051497.JPG" alt="Los Conciertos de La 2 - Concierto Música en familia (2)" title="Los Conciertos de La 2 - Concierto Música en familia (2)" itemprop="Image" class="jsResizeImage" /></a></object></div><ul style="padding:4px 0 8px 5%;width:95%;display:block;font-size:10px;text-align:left;border-bottom:1px solid #999;background:url('http://www.rtve.es/favicon.ico') no-repeat left 2px;"><li style="display:inline;"><a href="http://www.rtve.es/alacarta/videos/los-conciertos-de-la-2/conciertos-2-concierto-musica-familia-2/1863547.shtml" title="Los Conciertos de La 2 - Concierto Música en familia (2)"><strong>Los Conciertos de La 2 - Concierto Música en familia (2)</strong></a></li></ul></p>
</div><!-- // .eight -->
<div class="clear"></div>
</div><!-- // .container -->
</div><!-- // #section-invite -->
<!-- Footer
================================================== -->
<div id="section-footer">
<div class="container">
<div class="eight columns">
<p id="copytext">Concierto en Familia, 10º Aniversario.</p>
</div><!-- // .eight -->
<div class="eight columns">
<ul id="social">
<li><a href="http://www.facebook.com/pages/Matritum-Cantat/336254999823000?id=336254999823000&sk=events" title="" target="new"><img src="images/icons/icon_facebook.png" alt="Facebook" /></a></li>
<!--li><a href="http://www.twitter.com" title=""><img src="images/icons/icon_twitter.png" alt="Twitter" /></a></li-->
<li><a href="https://www.youtube.com/user/matritumcantat" title="" target="new"><img src="images/icons/icon_youtube.png" alt="Youtube" /></a></li>
</ul><!-- // ul#social -->
</div><!-- // .eight -->
<div class="clear"></div>
</div><!-- // .container -->
</div><!-- // #section-footer -->
<!-- Javascript files
================================================== -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="js/selectnav.min.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
<script src="js/jquery.custom.js"></script>
<!-- End Document
================================================== -->
</body>
</html>