|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/opebony/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" id="camera-css" href="css/camera.css" type="text/css" media="all">
<link rel="stylesheet" type="text/css" href="css/skins/tango/skin.css" />
<link rel="stylesheet" href="css/flexslider.css">
<link rel="stylesheet" href="css/operaebony.css">
<title>Opera Ebony | Home</title>
<style type="text/css">
.btn.medium_btn {
background-image: url(images/bg.jpg);
background-position: left center;
background-color: #960;
color: #9F3137;
font-size: 15px;
width: 900px;
height: 75px;
}
.tabs_block {
text-align: center;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
height: 175px;
}
.tabs_block .tab_container #tab1 {
text-align: center;
}
.tabs_block .tab_container #tab1 center .fleft {
float: none;
}
.wrapper .main_wrap.container.drop-shadow .columns .block.welcome .tabs_block .tab_container {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.wrapper .main_wrap.container.drop-shadow .columns .block.welcome .tabs_block {
background-color: #79202A;
height: 200px;
border: 1px solid #E9CA9A;
}
.slide_title {
font-size: 10px;
}
</style>
</head>
<body>
<!-- wrapper -->
<div class="wrapper">
<!--header-->
<div id="header">
<div class="container">
<div class="top_block">
<div class="fleft"><em>Wayne Sanders - Founder and Music Director<br>
Gregory Sheppard - General and Artistic Director</em><br></div>
<div class="fright"></div>
<div class="clear"></div>
</div>
<div class="head_white">
<div id="logo"><a href="index.html"><img src="images/oelogo.png" alt="" width="483" height="92" /></a></div>
<!-- <div id="socials">
<ul>
<li><a href="https://www.facebook.com/pages/Opera-Ebony/141999185814587" class="fb"></a></li>
<li><a href="https://twitter.com/operaebony" class="t_dot"></a></li>
<li><a href="#" class="twitter"></a></li>
<li><a href="#" class="vimeo"></a></li>
</ul>
</div> -->
<div class="phone">Contact Opera Ebony<b>212.877.2110</b><em><br>
</em></div>
<div class="clear"></div>
<div class="head_shadow"></div>
</div>
</div>
</div>
<!--//header-->
<!--main-->
<div class="main_wrap container drop-shadow">
<!--navigation-->
<div class="navigation">
<!--menu-->
<div id="menu">
<ul class="sf-menu">
<li class="current"><a href="index.html">Home</a></li>
<li><a href="season.html">Updates</a></li>
<li><a href="company.html">Company</a></li>
<li><a href="competition.html">Competition</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="donate.html">Donate</a></li>
<!--<li><a href="tickets.html">Tickets</a></li>-->
</ul>
</div>
<!--//menu-->
<div class="clear"></div>
</div>
<!--//navigation-->
<!--slider-->
<div class="camera_wrap" id="camera_home_slider">
<div data-src="images/slider-odaline.jpg">
<div class="camera_caption fadeIn">
<span class="slide_title2"><a href="http://operaebony.org/imoinda.html">CLICK HERE to listen to excerpts</a></span>
</div>
</div>
<div data-src="images/slider-competition.jpg">
<div class="camera_caption fadeIn">
<span class="slide_title"><a href="http://operaebony.org/applications.html">CLICK HERE to submit your application</a></span>
</div>
</div>
<div data-src="images/pianist.jpg">
<div class="camera_caption fadeIn">
<span class="slide_title2">Byron Sean(pianist) Jeremiah Abiah (tenor) Gregory Sheppard (Artistic Director)</span>
Aria Society Summer party in the Ansonia Hotel, home of Founder and Music Director Wayne Sanders. Mr. Abiah thrilled the attendees with music of Giordani, Bizet and Strauss. Mr. Sean was his sensitive, collaborative pianist.
</div>
</div>
<!--
<div data-src="http://upload.wikimedia.org/wikipedia/commons/7/7b/Cosi_fan_tutte_-_first_performance.jpg">
<div class="camera_caption fadeIn">
<span class="slide_title">Cosi Fan Tutte</span>
</div>
</div> -->
</div>
<div class="clear"></div>
<!--//slider-->
<!--welcome-->
<div class="columns">
<!--<div class="block welcome"><a href="season.html" class="btn medium_btn">Upcoming: <br>
No Cowards in our Band, written by anthony knight, Music director Wayne Sanders, starring La'Rose Saxon, K'idar Miller, Anthony Turner and Joseph Edwards as Frederick Douglass<br>
</a><br> <br><br>
</div>-->
</div>
<!--//welcome-->
<!--Featured posts-->
<div class="columns">
<div class="block">
<h4><br>
<br>
Featured posts</h4>
<ul id="mycarousel" class="jcarousel-skin-tango">
<!--<li>
<div class="hover_img">
<a href="images/cyclorama.png" data-rel="prettyPhoto[gallery1]"><img src="images/cyclorama.png" width="220" height="155" alt="" /></a>
<span class="zoom"><a href="images/media/6.jpg" data-rel="prettyPhoto[gallery11]"></a></span>
</div>
<div class="post_title"><a href="http://www.atlantacyclorama.org/events.php" target="_new">No Cowards in Our Band</a></div>
Atlanta Cyclorama Presents: No Cowards in Our Band - A Narrated Concert. Featuring Opera Ebony with Masud Olufani as Frederick Douglass
<div class="post_info">
</div>
</li> -->
<li>
<div class="hover_img">
<center><a href="images/park.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/park.jpg" alt="" width="124" height="155" /></a></center>
<span class="zoom"><a href="images/media/6.jpg" data-rel="prettyPhoto[gallery11]"></a></span>
</div>
<div class="post_title"><a href="competition.html">2015 Winners Posted!</a></div>
Finalists have been announced for the Benjamin Matthews Vocal Competition <!--Benjamin F. Matthews, an accomplished bass-baritone who founded New York's Ebony Opera, in 1973 died on February 14, 2006.--> <a href="competition.html">Read more...</a>
<div class="post_info">
</div>
</li>
<li>
<div class="hover_img">
<center><a href="images/operanewsfront.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/operanewsfront.jpg" alt="" width="130" height="154" /></a></center>
<span class="zoom"><a href="images/media/6.jpg" data-rel="prettyPhoto[gallery11]"></a></span>
</div>
<div class="post_title"><a href="edwards.html">Opera America - Image as Identity</a></div>
Fabrizio LaRocca, Art Director
<div class="post_info">
</div>
</li>
<!--<li>
<div class="hover_img">
<a href="images/benjamin_1.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/benjamin_1.jpg" width="220" height="155" alt="" /></a>
<span class="zoom"><a href="images/media/6.jpg" data-rel="prettyPhoto[gallery11]"></a></span>
</div>
<div class="post_title"><a href="competition.html">Benjamin Matthews Vocal Competition</a></div>
Benjamin F. Matthews, an accomplished bass-baritone who founded New York's Ebony Opera, in 1973 died on February 14, 2006. <a href="competition.html">Read more...</a>
<div class="post_info">
</div>
</li> -->
<!--<li>
<div class="hover_img">
<a href="images/dancing.png" data-rel="prettyPhoto[gallery1]"><img src="images/dancing.png" width="220" height="155" alt="" /></a>
<span class="zoom"><a href="images/media/1.jpg" data-rel="prettyPhoto[gallery11]"></a></span>
</div>
<div class="post_title"><a href="sounds.html">Sounds - The Opera Ebony Newsletter</a></div>
<div id="left"></div>
In this edition we review the 2013 season and see how Opera Ebony’s board members and performers are fine tuning their <em>résumé</em>s. Bravo!
. <a href="sounds.html">Read more...</a>
<div class="post_info">
</div>
</li>-->
<li>
<div class="hover_img">
<a href="images/education.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/education.jpg" width="220" height="155" alt="" /></a>
<span class="zoom"><a href="images/media/13.jpg" data-rel="prettyPhoto[gallery11]"></a></span>
</div>
<div class="post_title"><a href="education.html">Education Outreach</a></div>
Opera Ebony's Education and Outreach programming is geared towards introducing new audiences to the opera. Darryl Jordan a young baritone and educator ...<a href="education.html">Read more...</a>
<div class="post_info">
</div>
</li>
<li>
<div class="hover_img">
<a href="images/larose.jpg" data-rel="prettyPhoto[gallery1]"><img src="images/bruno.jpg" width="220" height="155" alt="" /></a>
<span class="zoom"><a href="images/media/13.jpg" data-rel="prettyPhoto[gallery11]"></a></span>
</div>
<div class="post_title"><a href="artists.html">Artists</a></div>
Opera Ebony Artists <a href="artists.html">Read more...</a>
<div class="post_info">
</div>
</li>
</ul>
</div>
</div>
<!--//Featured posts-->
<!--testimonials & highlights-->
<div class="columns alpha omega">
<div class="block">
<!-- <div class="one_second">
<h4>testimonials</h4>
<div class="flexslider">
<ul class="slides">
<li>
<div>
<img src="images/img1.jpg" width="65" height="65" alt="" />
<div class="right_testimonial">
Quisque eu ipsum dapibus quam et egets dignissim pharetra eget id nunc. Ut nec tortor lacus. Nam nislat elit, ullamcorper vitae suscipit, ullamcorper vestibulum, urna miest. bibendum augue, eu fringilla eget purus metus eget urna. Nulla ac enim metus.
<div class="author"><span>Ammy Watson,</span> Company inc.</div>
</div>
<div class="clear"></div>
</div>
<div>
<img src="images/img2.jpg" width="65" height="65" alt="" />
<div class="right_testimonial">
Nam nislat elit, ullamcorper vitae suscipit at, mollis eget diam lorem maecenas quis. Donec molestie, diam ut ullamcorper vestibulum una metus lorem ipsum dolor sit amet mauris eget urna.
<div class="author"><span>Tom Sawyer,</span> Company inc.</div>
</div>
<div class="clear"></div>
</div>
</li>
<li>
<div>
<img src="images/img2.jpg" width="65" height="65" alt="" />
<div class="right_testimonial">
Nam nislat elit, ullamcorper vitae suscipit at, mollis eget diam lorem maecenas quis. Donec molestie, diam ut ullamcorper vestibulum una metus lorem ipsum dolor sit amet mauris eget urna.
<div class="author"><span>Tom Sawyer,</span> Company inc.</div>
</div>
<div class="clear"></div>
</div>
<div>
<img src="images/img1.jpg" width="65" height="65" alt="" />
<div class="right_testimonial">
Quisque eu ipsum dapibus quam et egets dignissim pharetra eget id nunc. Ut nec tortor lacus. Nam nislat elit, ullamcorper vitae suscipit, ullamcorper vestibulum, urna miest. bibendum augue, eu fringilla eget purus metus eget urna. Nulla ac enim metus.
<div class="author"><span>Ammy Watson,</span> Company inc.</div>
</div>
<div class="clear"></div>
</div>
</li>
</ul>
<div class="clear"></div>
</div>
</div>
<div class="one_second">
<h4>highlights</h4>
<ul class="highlights">
<li><a href="#">In quis dolor id nunc posuere sed elementum id dolor</a></li>
<li><a href="#">Egestas Mauris suspendisse laoreet imperdiet egestas rhoncus?</a></li>
<li><a href="#">Maecenas eros odio, ornare commodo</a></li>
<li><a href="#">Tempus quis porttitor a, semper eu mauris diam!</a></li>
<li><a href="#">Homos mollis auris</a></li>
<li><a href="#">Vivamus pharetra adipiscing mattis sem, tincidunt felis volutpat </a></li>
</ul>
</div> close of the 2nd one_second-->
<div class="clear"></div>
</div>
</div>
<!--//testimonials & highlights-->
<!--donate--><!--//donate-->
<!--our sponsors--><!--//our sponsors-->
<!--footer_block-->
<div class="footer_block">
<div class="orange_line"><img src="images/orange_arrow.png" width="9" height="10" alt="" /></div>
<div class="footer_block_in">
<div class="one_fourth">
<!--<h4>about us</h4>
Praesent pretium euismod malesuadas Vivamus orci ligula, ultrices non iacul es non dapibus ac lacus.
<div class="separator_line"></div>-->
<h4>contact</h4>
<ul class="contacts">
<li class="home">2109 Broadway Suite 1418 <br>
New York, NY 10023
</li>
<li class="foot_phone">(O) 212 877 2110</li>
<!--<li class="skype">companyname</li>-->
<li class="email"><a href="mailto:#">[email protected]</a></li>
</ul>
</div>
<img src="images/operaamerica_logo.png" alt="" /><img src="images/td_logo.jpg" alt="" width="42" height="40" /><img src="images/nyoa_logo.png" alt="" width="105" height="42" /><!-- <div class="one_fourth">
<h4>latest tweets</h4>
<div class="tweet_block"></div>
</div>
<div class="one_fourth">
<h4>flickr photostream</h4>
<div class="flickrs">
<div class="FlickrImages">
<ul></ul>
<div class="clear"></div>
</div>
</div>
</div>
<div class="one_fourth">
<h4>testimonials</h4>
<ul class="foot_testimonials">
<li>
Quisque bibendum aliquam arcu, at gravida velit ullamcorper ut. Mauris id vestibulum libero. Phasellus blandit elit id libero vestibulum lacinia. Fusce sem ligula, facilisis non semper non.
<div class="testimonial_author"><a href="#">Anna Smith, Company inc.</a></div>
</li>
<li>
Bibendum aliquam arcu, at gravida vestibulum libero. Phasellus blandit libero vestibulum lacinia. Fusce semlas facilisis non semper egestas.
<div class="testimonial_author"><a href="#">John Doe, Company inc.</a></div>
</li>
</ul>
</div> -->
<div class="clear"></div>
</div>
</div>
<!--//footer_block-->
</div>
<!--//main-->
<!--footer-->
<div class="footer_wrapper">
<div class="footer">
<div class="container relative">
<div class="foot_logo"><img src="images/oelogo_footer.png" alt="" width="66" height="64" /></div>
<div class="copyright">© 2014 Opera Ebony.<br/>all rights reserved</div>
<div class="foot_right">
<ul class="foot_menu">
<li><a href="index.html">Home</a></li>
<li><a href="season.html">Updates</a></li> <li><a href="company.html">Company</a></li>
<li><a href="competition.html">Competition</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="donate.html">Donate</a></li>
</ul>
<div class="purchase">Developed by <a href="http://performingdesigns.com">Performing Designs</a></div>
</div>
<div class="clear"></div>
<a href="#" id="top">Back to top</a>
</div>
</div>
</div>
<!--footer-->
</div>
<!-- // wrapper -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/jquery.mobile.customized.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/camera.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script type="text/javascript" src="js/greyScale.js"></script>
<script type="text/javascript" src="js/jquery.tweet.js"></script>
<script type="text/javascript" src="js/myscript.js"></script>
<script type="text/javascript">
$(function(){
$('#camera_home_slider').camera({
height : '485px'
});
});
</script>
</body>
</html>