<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="es-ve" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Qbit - En Construcci&oacute;n</title>
<link type="text/css" rel="stylesheet" href="css/reset.css" media="screen" />
<link type="text/css" rel="stylesheet" href="css/style.css" media="screen" />
</head>
<body>
<div class="globalContainer">
	<div class="topContainer">
		<div class="glareContainer">
			<div class="logoContainer">
			</div>
		</div>
		<div class="languageSelector"> 
        	<ul> 
        		<li> 
        			<a class="languageSelected">Espa&ntilde;ol</a> 
        		</li> 
        		<li> 
        			<a class="languageNotSelected" href="eng/index.php">English</a> 
        		</li> 
        	</ul> 
        </div>
        <div class="taglineContainer"> 
        	<h1>Bienvenido a la "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"</h1>
        	<h2>Q</h2><h3>de (<span class="italic">"Qbit"</span>)</h3>
        </div>
        <div class="MainContainer">
        	<div class="marginDefinition">
	        	<div class="introContainer">
		        	<ul> 
		        			<li><h4>En Construcci&oacute;n</h4></li>
		        	</ul>
		        	<p id="underConstructionText">Justo ahora estamos construyendo nuestra nueva versión del sitio.</p>
		        	&nbsp;
		        	<p>Puedes ver mientras tanto, todo lo que <a href="#ourWork">hemos hecho</a>, <a href="#contactForm">cómo contactarnos</a>, o si quisieras, <a href="http://www.qbit.com.ve/2.0/">la versión anterior</a></p>
 
					<p>(que está llena de fotos, y mucha, mucha información). También puedes  <a href="#emailForm">anotar abajo</a> tu dirección de correo 
para nosotros avisarte cuándo estaremos listos.</p>

		        	&nbsp;
<p>Y si quieres curiosear, puedes ver nuestra cuenta de <a href="http://www.twitter.com/qbitter">Twitter</a>...</p>
&nbsp;
<p>Esperamos verte pronto.</p>
&nbsp;				
&nbsp;
&nbsp;
&nbsp;				
					
				<div class="star"></div><p id="underConstructionSignature">Fernando y Horacio</p>
	        	</div>
		        <div class="ourWork" id="ourWork">
		        	<div class="marginRightOurWork">
		        		<ul> 
		        				<li><h4>Nuestro Trabajo</h4></li>
		       			</ul>
		       			<div class="separator"></div>
		       		</div>
<div class="leftColumn"> 
						<a href="http://grupoavemer.com/"><img alt="Grupo Avemer" src="images/avemer.png" class="thumbnail" /></a><div class="description">Sitio Web - Redacci&oacute;n </div>
					</div>		       		
<div class="rightColumn"> 
						<a href="http://www.axiosconsult.com/"><img alt="Axios Consultores" src="images/axios.png" class="thumbnail" /></a><div class="description">Sitio Web - Logotipo - Ilustraci&oacute;n </div>
					</div>
					<div class="leftColumn">
						<a href="http://www.qbit.com.ve/2.0/"><img alt="Qbit (Versi&oacute;n 2.0)" src="images/qbit2.png" class="thumbnail" /></a><div class="description">Sitio Web - Logotipo - Fotograf&iacute;a - Redacci&oacute;n </div>
					</div>
					<div class="rightColumn"> 
						<img alt="PC" src="images/pc.png" class="thumbnail" /><div class="description">Prototipo - Base de Datos (MySQL)/<a href="http://www.adobe.com/products/flex/">Flex 4 </a></div>
					</div>
					<div class="leftColumn">
						<a href="http://www.gracaconsultores.com/"><img alt="Graca Consultores" src="images/graca.png" class="thumbnail" /></a><div class="description">Sitio Web - Logotipo - Ilustraci&oacute;n - Redacci&oacute;n </div>
					</div>
					<div class="rightColumn"> 
						<img alt="Musea" src="images/musea.png" class="thumbnail"  /><div class="description">Levantamiento de Requerimientos</div>
						<div class="description">Prototipo (Versi&oacute;n <span class="italic">Alfa</span>)</div>
					</div>
					<div class="leftColumn">
						<a href="http://www.karatekyokushin.com.ve/"><img alt="M&uuml;ller" src="images/muller.png" class="thumbnail"/></a><div class="description">Sitio Web - Redacci&oacute;n - Edici&oacute;n Gr&aacute;fica</div>
					</div>
					<div class="rightColumn"> 
						<img alt="Tips" src="images/tips.png" class="thumbnail" /><div class="description">Prototipo - <a href="http://www.adobe.com/products/flex/">Flex 3</a> - Edicion Gr&aacute;fica</div>
					</div>
					<div class="leftColumn">
						<a href="http://www.regalostonita.com"><img alt="To&ntilde;ita" src="images/regalos.png" class="thumbnail" /></a><div class="description">Sitio Web - Logotipo -Fotograf&iacute;a - Redacci&oacute;n</div>
					</div>
					<div class="rightColumn">   
						<a href="http://www.jabonesmelissa.com"><img alt="Melissa" src="images/melissa.png" class="thumbnail" /></a><div class="description">Sitio Web - Logotipo - Ilustraci&oacute;n - Redacci&oacute;n</div>
					</div>
					<div class="leftColumn">
						<a href="http://www.qbit.com.ve/1.0/"><img alt="Qbit (Versi&oacute;n 1.0)" src="images/qbit1.png" class="thumbnail" /></a><div class="description">Sitio Web - Logotipo - Redacci&oacute;n - <a href="http://www.adobe.com/products/flex/">Flex 2 </a></div>
					</div>

				</div>
		        <div class="emailForm" id="emailForm">
		        	<div class="marginRightEmailForm">
		        		<ul> 
		        				<li><h4>Reg&iacute;strate</h4></li>
		       			</ul>
		       			<div class="separator"></div>
		       		</div>
		       		<div class="formContainer">
		       			<p id="formText">Deja tu dirección de correo electrónico. Nosotros te avisaremos cuando el nuevo sitio salga al aire:</p>
		       			&nbsp;
		       			<p id="formText">(No lo vamos a compartir con nadie ni vamos a enviar Spam)</p>
		       			<form id="emailForm" name="emailValidator" method="post" action="submit.php">
		       				<div class="message">	
								<div class="backgroundEmailMessage"> 
									<input type="text" id = "emailTextField" name="emailTextInput"  maxlength = "45" onfocus = "this.style.borderColor ='#6b6b6b';" onblur="this.style.borderColor='#ffffff'"></input> 
									<p id="contactFormText">&nbsp;Direcci&oacute;n de Correo Electr&oacute;nico</p>
								</div>
								<div class="emailFormButtonContainer"> 
									<input name="send" type="submit" id="button" class="boton" value="Enviar"></input> 
								</div> 
							</div> 
		       			</form>
		       		</div>
		        </div>
		        <div class="contactForm" id="contactForm" > 
		        	<div class="marginRightContactForm">
		        		<ul> 
		        				<li><h4>Cont&aacute;ctanos</h4></li>
		       			</ul>
		       			<div class="separator"></div>	
		       		</div>		        
		       		<div class="formContainer">
		       			<p id="formText">Mándanos un mensaje directamente usando nuestro formulario.</p>
		       			&nbsp;
		       			<p id="formText">También si lo prefieres, puedes comunicarte con nosotros a través de <a href="mailto:oficina@qbit.com.ve">oficina@qbit.com.ve</a> o el teléfono (058)-(212) 2425345.</p>
		       			<form id="messageForm" name="messageValidador" method="post" action="submit.php">
		       				<div class="message">	
								<div class="backgroundEmailMessage"> 
									<input type="text" id = "emailTextField" name="emailTextInput"  maxlength = "45" onfocus = "this.style.borderColor ='#6b6b6b';" onblur="this.style.borderColor='#ffffff'"></input> 
									<p id="contactFormText">&nbsp;Direcci&oacute;n de Correo Electr&oacute;nico</p>
								</div>
								<div class="backgroundTextMessage">
									<textarea id = "messageTextArea" cols="18" rows="6 " name="messageTextInput" onfocus = "this.style.borderColor ='#6b6b6b';" onblur="this.style.borderColor='#ffffff'" onclick='message.value=""'></textarea> 
									<p id="contactFormText">&nbsp;Mensaje</p>
	
								</div>
								<div class="emailFormButtonContainer"> 
									<input name="send" type="submit" id="button" class="boton" value="Enviar"></input> 
								</div> 
							</div> 
		       			</form>
		       		</div>
		        </div>
		        <div class="affiliates">
		        	<div class="marginRightAffiliates">
		        		<ul> 
		        				<li><h4>Afiliaciones</h4></li>
		       			</ul>
		       			<div class="separator"></div>	
		       		</div>
		       		<div class="affiliatesContainer">
		       			<div class="twitter"><img id="twitter" alt="Twitter" src="images/twitter.png"></img></div>
		       			<div class="bizspark"><img id="bizspark" alt="Microsoft BizSpark" src="images/bizspark.png"></img></div>
		       			<div class="caracasHosting"><img id="caracasHosting" alt="Caracas Hosting" src="images/caracasHosting.png"></img></div> 
		       			<div class="wordpress"><img id="wordpress" alt="Wordpress" src="images/wordpress.png"></img></div>  
		       			<div class="drupal"><img id="drupal" alt="Drupal" src="images/drupal.png"></img></div>
		       		</div>
		        </div>
		        <p class="footer">© 2010 Qbit Technologies C.A. Todos los Derechos Reservados.  RIF: J-29548246-9 </p>
	        </div>
      	</div>
 	</div>	
</div>
<script type="text/javascript" src="js/jquery.js"></script> 
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/Filosofia_500.font.js" type="text/javascript"></script>
<script src="js/Romantiques_400.font.js" type="text/javascript"></script>
<script type='text/javascript' src="js/jquery.localscroll-min.js"></script> 
<script type='text/javascript' src="js/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript" src="js/customFade.js"></script>

<script type="text/javascript">
			Cufon.replace('h1', { fontFamily: 'Filosofia' });
			Cufon.replace('h2', { fontFamily: 'Romantiques' });
			Cufon.replace('h4', { fontFamily: 'Filosofia' });
</script>
<script type="text/javascript">
$(document).ready(function()
{
	$.localScroll.defaults.axis = 'y';
	$.localScroll();

});
</script>
<script type="text/javascript">
						$(function () {
							var $alert = $('#alert');
							if($alert.length)
							{
								var alerttimer = window.setTimeout(function () {
									$alert.trigger('click');
								}, 3000);
								$alert.animate({height: $alert.css('font') || '50px'}, 200)
								.click(function () {
									window.clearTimeout(alerttimer);
									$alert.animate({height: '0'}, 200);
								});
							}
						});
</script>

</body>
</html>