File: /home/vmasmheia229/domains/overtoneband.com/_html/index.html
<!DOCTYPE HTML>
<!--[if IE 7 ]> <html lang="en" class="ie ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="ie ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="ie"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Overtone</title>
<meta name="description" content="Overtone"/>
<meta name="keywords" content=""/>
<meta name="robots" content="index, follow"/>
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Signika:300,400,600,700">
<link rel="stylesheet" type="text/css" href="js/vegas/jquery.vegas.css">
<link rel="stylesheet" type="text/css" href="js/galleria/themes/classic/galleria.classic.css">
<link rel="stylesheet" href="js/tipsy/tipsy.css" type="text/css">
<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="all">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<!-- SCRIPTS -->
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
<script type="text/javascript" src="js/vegas/jquery.vegas.js"></script>
<script type="text/javascript" src="js/galleria/galleria-1.2.6.min.js"></script>
<script type="text/javascript" src="js/galleria/themes/classic/galleria.classic.min.js"></script>
<script type="text/javascript" src="js/tipsy/jquery.tipsy.js"></script>
<script type="text/javascript" src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
<script type="text/javascript" src="js/vimeo/froogaloop2.min.js"></script>
<script type="text/javascript" src="js/global.js"></script>
</head>
<body>
<!-- HEADER -->
<div id="header">
<img src="/images/otlogo.png">
<!-- <span class="title">Overtone</span>
<span class="subtitle">The World's Hottest Vocal Band</span> -->
</div>
<!-- MENU -->
<div id="menu">
<ul>
<li><a href="#about" id="menu_about">ABOUT</a></li>
<li><a href="http://itunes.apple.com/us/artist/overtone/id129856453" id="overtoneitunes" target="_blank" >MUSIC</a></li>
<li><a href="#reel" id="menu_reel">VIDEO</a></li>
<li><a href="http://www.eonline.com/shows/mrseastwoodandco" id="mrseastwood" target="_blank" >MRS. EASTWOOD & COMPANY</a></li>
<!-- <li><a href="#contact" id="menu_contact">CONTACT</a></li>
<li><a href="#awards" id="menu_awards">AWARDS</a></li>
<li><a href="http://notes.envato.com" target="_blank" id="link">LINK</a></li> -->
</ul>
</div>
<!-- MENU MARKER -->
<div id="marker">
<img src="images/menu_marker.png" alt="marker"/>
</div>
<!-- BASE -->
<div id="base">
<span class="close"><a href="#" id="close_base_bt" title="Close"><img src="images/close_big.png" alt="close"/></a></span>
</div>
<!-- SLIDER -->
<div id="slider">
<div id="gallery">
<img src="images/slider_1.jpg" alt="This is a short description" title="Image title"/>
<img src="images/slider_2.jpg" alt="Sample of image with external link" title="Image title"/>
<img src="images/slider_3.jpg" alt="This is a short description" title="Image title"/>
</div>
</div>
<!-- ABOUT -->
<div id="about">
<span class="quoted">Overtone, a six piece vocal band from South Africa, <br />performs a cappella so unique, <br />there's gotta be another name for it. <br/>
<span class="left"><span class="paragraph_title">ABOUT</span><br/>Overtone, discovered by Clint Eastwood and his wife Dina, were brought to the USA to record the soundtrack to Clint's movie Invictus. They have appeared on The Ellen Show, in US Weekly, opened for OneRepublic, and toured with Corrine Bailey Rae. </span>
<span class="middle">Overtone is now staring in a new reality-based television show, hitting screens nation wide in May on E!. Overtone has entertained at fundraisers for the non-profits of Tony Bennett, Charlize Theron, and Anthony Shriver, just to name a few.</span>
<div class="right">
<ul>
<li><span class="paragraph_title">BOOKING</span></li>
<li>Maria Matias Music</li>
<li>(831) 625-0344</li>
</ul>
</div>
</div>
<!-- PORTFOLIO -->
<div id="portfolio">
<ul>
<li>
<a href="images/project_sample_7_big.jpg" data-rel="prettyPhoto[portfolio]" title="Portfolio | Commercial" class="rollover">
<div class="icon"></div>
<div class="categories">
<img src="images/portfolio_1.jpg" alt="category 1"/>
<div class="title">COMMERCIAL</div>
<div class="description">Category description, below the img number.</div>
<div class="number">13 images</div>
</div>
</a>
</li>
<li>
<a href="images/project_sample_2_big.jpg" data-rel="prettyPhoto[portfolio]" title="Portfolio | Fashion" class="rollover">
<div class="icon"></div>
<div class="categories">
<img src="images/portfolio_2.jpg" alt="category 2"/>
<div class="title">FASHION</div>
<div class="description">Category description, below the img number.</div>
<div class="number">21 images</div>
</div>
</a>
</li>
<li>
<a href="images/project_sample_6_big.jpg" data-rel="prettyPhoto[portfolio]" title="Portfolio | Experimental" class="rollover">
<div class="icon"></div>
<div class="categories">
<img src="images/portfolio_3.jpg" alt="category 3"/>
<div class="title">EXPERIMENTAL</div>
<div class="description">Category description, below the img number.</div>
<div class="number">9 images</div>
</div>
</a>
</li>
<!-- HIDDEN GALLERIES ITEMS - SETUP YOUR OWN ONES -->
<li class="hidden"><a href="images/project_sample_1_big.jpg" data-rel="prettyPhoto[portfolio]" title="Portfolio sample 02"></a></li>
<li class="hidden"><a href="images/project_sample_3_big.jpg" data-rel="prettyPhoto[portfolio]" title="Portfolio sample 03"></a></li>
<li class="hidden"><a href="images/project_sample_4_big.jpg" data-rel="prettyPhoto[portfolio]" title="Portfolio sample 04"></a></li>
<li class="hidden"><a href="images/project_sample_5_big.jpg" data-rel="prettyPhoto[portfolio]" title="Portfolio sample 05"></a></li>
</ul>
</div>
<!-- CONTACT -->
<div id="contact">
<span class="address"><span class="paragraph_title">LOCATION</span><br/><br/>325 Russell Street<br/>London City - England<br/><span id="map_bt" title="Google Street view"><a href="http://bit.ly/y0eqcL" target="_blank" class="map">ยป map</a></span><br/><br/>Tel. 503.515.8456<br/>M. 691.456.567<br/><br/><a href="mailto:info@mattkhalley.com" target="_blank">info@mattkhalley.com</a></span>
<div class="divider"></div>
<div class="form">
<hr/>
<form id="myForm" method="post" action="contact.php">
<input type="text" value="Name" id="name" name="name" class="fields" onfocus="if(this.value == 'Name') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Name';}"><br/>
<input type="text" value="Email" id="email" name="email" class="fields" onfocus="if(this.value == 'Email') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Email';}"><br/>
<textarea cols="20" rows="5" id="message" name="message" class="fields" onfocus="if(this.value == 'Your comments...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Your comments...';}">Your comments...</textarea><br/>
<button type="submit" id="submit" name="submit" class="button"><span>SEND</span></button>
<div id="ajax_loader" class="loader_message"></div><div id="loader_icon" class="loader_icon"></div>
</form>
</div>
</div>
<!-- REEL (VIMEO SAMPLE)
<div id="reel">
<span class="title">Reel <span class="date">May 2012</span></span><br/><br/>
<div class="video"><iframe class="frame" id="player1" src="http://player.vimeo.com/video/6956183?title=0&byline=0&portrait=0&color=f30b27&api=1&player_id=player1" width="600" height="255"></iframe></div><br/>
<span class="text">Short description, you can place <u>Vimeo & YouTube videos</u> or your own local player.</span>
</div>-->
<!-- REEL (YOUTUBE SAMPLE) -->
<div id="reel">
<span class="title">Video <span class="date">Overtone</span></span><br/><br/>
<iframe width="500" height="305" src="http://www.youtube.com/embed/6rl_kfB2gN0" frameborder="0" allowfullscreen></iframe>
<span class="text">See more overtone on our Youtube</span>
</div>
<!-- AWARDS -->
<div id="awards">
<span class="title">Awards<br/><span class="years">2007-2012</span></span><br/>
<span class="logos"><img src="images/logos.png" alt="awards logos"/></span><br/>
<span class="text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi. Ut enim ad minim veniam, quis nostrud exercitation ullamco. Ut enim ad <u>minim veniam</u>, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing.</span>
</div>
<!-- ALERT BOX -->
<div id="alert">
<span class="title1">See Overtone on E!</span><br/>
<span class="title2">Mrs. Eastwood & Company starts May 20</span>
<span class="close"><a href="#" id="close_bt" title="Close"><img src="images/close.png" alt="close"/></a></span>
</div>
<!-- THUMBNAILS - FULLSCREEN GALLERY -->
<div id="thumbs">
<ul>
<li><a href="images/background_1.jpg" class="rollover" data-valign="top" data-align="right"><img src="images/thumbnail_1.jpg" alt="thumbnail"/></a></li>
<li><a href="images/background_2.jpg" class="rollover"><img src="images/thumbnail_2.jpg" alt="thumbnail"/></a></li>
<li><a href="images/background_3.jpg" class="rollover"><img src="images/thumbnail_3.jpg" alt="thumbnail"/></a></li>
<li><a href="images/background_4.jpg" class="rollover"><img src="images/thumbnail_4.jpg" alt="thumbnail"/></a></li>
<!-- <li><a href="images/background_5.jpg" class="rollover" data-align="left"><img src="images/thumbnail_5.jpg" alt="thumbnail"/></a></li>
<li><a href="images/background_6.jpg" class="rollover"><img src="images/thumbnail_6.jpg" alt="thumbnail"/></a></li>
<li><a href="images/background_7.jpg" class="rollover" data-valign="top"><img src="images/thumbnail_7.jpg" alt="thumbnail"/></a></li> -->
</ul>
<img id="slideshow" class="playpause" title="Play slideshow" src="images/play.png" alt="slideshow"/>
</div>
<!-- SOCIAL NETWORKS -->
<div id="social">
<ul>
<li><a href="https://www.facebook.com/pages/OverTone/27860266798" target="_blank" title="Facebook" ><img src="images/social/facebook.png" alt="facebook"/></a></li>
<li><a href="https://twitter.com/#!/OvertoneBand" target="_blank" title="Twitter"><img src="images/social/twitter.png" alt="twitter"/></a></li>
<li><a href="http://www.youtube.com/user/OVERTONEBAND" target="_blank" title="Youtube"><img src="images/social/youtube.png" alt="youtube"/></a></li>
</ul>
</div>
</body>
</html>