contenido.php

	
	<section id="nosotros" >
		<article class="nosotros">
			<h2 class="n">NOSOTROS</h2>
			<article class="infoMas">
				<figure class="corazonContenedor">
					<img src="img/corazon.png" alt="">
				</figure>
				<div class="details wow zoomIn">
					<h2 class="p-H">Nada en el mundo que valga la pena se ha conseguido sin pasión!
				</p>
				<h2 class="p">Dejamos una marca única en cada uno de nuestros proyectos </h2>
				<h3 class="loveViainti">Infraestructura, equipos y herramientas no basta para ser los mejores. <br>Más que un grupo de trabajo, somos una familia donde se comparte <br> conocimiento, se trabaja con amor. Somos los locos serios <br> del diseño web, creando de una forma innovadora nuevas opciones para su empresa. La única manera de estar feliz con lo que haces es haciendolo bien, que los resultados del trabajo sean hermosos y únicos.</h3>
				</div>
				
			</article>

			<!-- <figure class="homesitoWork">
				<img src="img/home-work.png" alt="">
			</figure> -->
		</article>

		<article class="masNosotros wow zoomIn">
			<figure class="contenedor cen float">
				<img src="img/check.png" alt="">
			</figure>
			<div class="cont">
				<h2 class="margen p-H">Sobrepasando los límites en Diseño Web</h2>
				<h2 class="p">Mejorar nuestros procesos es un compromiso que a diario nos conduce a hacerlo único... </h2>
				<p class="loveViainti">En Viainti Media ofrecemos a nuestros clientes servicios de desarrollo web a la medida y marketing digital, nuestro conocimiento especializado y direccionamiento estratégico, nos permite cumplir unos objetivos enfocados al crecimiento y mejoramiento de su empresa.</p>
			</div>
		</article>
		
	</section>




	<div class="oneOpenViaOneCss">
		<p class="cerrarOpen"></p>
		<h2 class="titulosCss">Publicidad y Videos</h2>
		<div class="contenedorVideos">
			<iframe width="560" height="315" src="//www.youtube.com/embed/g9zGB0KocM8" frameborder="0" allowfullscreen></iframe>
		</div>
	</div>

	<div class="oneOpenViaTwooCss">
		<p class="cerrarOpen"></p>
		<h2 class="titulosCss">Experiencia de usuario Ui/Ux</h2>
		<div class="contenedorVideos">
			<iframe width="560" height="315" src="//www.youtube.com/embed/mwgDklH0UdA" frameborder="0" allowfullscreen></iframe>
		</div>
	</div>

	<div class="oneOpenViaFourCss">
		<p class="cerrarOpen"></p>
		<h2 class="titulosCss">Somos Diferntes y Creativos</h2>
		<div class="contenedorVideos">
			<iframe width="560" height="315" src="//www.youtube.com/embed/szgIuFz4t1I" frameborder="0" allowfullscreen></iframe>
		</div>
	</div>

	<div class="oneOpenViaFiveCss">
		<p class="cerrarOpen"></p>
		<h2>Cuatro</h2>
	</div>

	<div class="oneOpenViaSixCss">
		<p class="cerrarOpen"></p>
		<h2>Cuatro</h2>
	</div>

	<div class="oneOpenViaSeventCss">
		<p class="cerrarOpen"></p>
		<h2 class="titulosCss">Monetización en Google Adsense</h2>
		<div class="contenedorVideos">
			<iframe width="560" height="315" src="//www.youtube.com/embed/60jXEcpp9Uo" frameborder="0" allowfullscreen></iframe>
		</div>
	</div>

	<div class="oneOpenViaEightCss">
		<p class="cerrarOpen"></p>
		<h2 class="titulosCss">Creamos Contenido</h2>
		<div class="contenedorVideos">
			<iframe width="560" height="315" src="//www.youtube.com/embed/M1ThYtOqJdk" frameborder="0" allowfullscreen></iframe>
		</div>
	</div>

	<div class="oneOpenViaNineCss">
		<p class="cerrarOpen"></p>
		<h2>Siete</h2>
	</div>

		<div class="oneOpenViaTeenCss">
		<p class="cerrarOpen"></p>
		<h2 class="titulosCss"> Clientes Satisfechos en Todo el Mundo</h2>
		<div class="contenedorVideos">
			<iframe width="560" height="315" src="//www.youtube.com/embed/7yxM9jMKbuw" frameborder="0" allowfullscreen></iframe>
		</div>
	</div>

	<section id="contenido">
		<article class="nosotros">
			<h2  class="n red wow zoomInDown">SERVICIOS</h2>
			<p class="p blanco margenAbajo wow bounceInDown">Diseñamos y codificamos aplicaciones web de alta calidad, <br />Otorgando a nuestros usuarios experiencias innovidables, haciendo crecer cada producto en el mercado nacional e internacional.</p>
			<article class="servicios wow bounceInRight">
				<li id="openVia">
					<a class="icon-video movie" name="movie"></a>
					<strong class="mediaviainti">Videos</strong>
				</li>
				<li class="openViaTwo">
					<a class="icon-user ux" name="ux"></a>
					<strong class="mediaviainti">Experiencia de usuario</strong>
				</li>
				<li class="openViaTree">
					<a class="icon-bulb innovation" name="innovation"></a>
					<strong class="mediaviainti">Creatividad</strong>
				</li>
				<li>
					<a class="icon-pen inspiration" href="diseno-web.php"></a>
					<strong class="mediaviainti">Desarrollo web</strong>
				</li>
			</article>
			<article class="servicios-pro wow bounceInLeft animate">
				<li class="openViaFive">
					<a class="icon-banknote money" href="#"></a>
					<strong class="mediaviaintipro">Monetización</strong>
				</li>
				<li class="openViaSix">
					<a class="icon-music music" href="#"></a>
					<strong class="mediaviaintipro">Contenido</strong>
				</li>
				<li>
					<a class="icon-shop market" href="marketing-publicidad.php"></a>
					<strong class="mediaviaintipro">Marketing & Publicidad</strong>
				</li>
				<li class="openViaEight">
					<a class="icon-world universo" href="#"></a>
					<strong class="mediaviaintipro">World</strong>
				</li>
			</article>
		</article>
	</section>

	<section class="work">
		<article class="derecha wow zoomIn">
			<h2 class="publish">NUESTRAS HABILIDADES</h2>
			<p class="publish-descripccion">Creamos Sitios Webs Únicos, Utilizando El Mas Avanzando Lenguaje De Programación</p>
			<strong class="publish-tips bajar">Desarrollo Web HTML5, CSS3, JQUERY</strong>			
			<strong class="publish-tips">Desarrollo Web Adaptable (Movil, Tablet & Desktop)</strong>
			<strong class="publish-tips">Desarrollo Web Ecommerce (Carrito de compras)</strong>
			<strong class="publish-tips">
				Desarrollo Web Autoadministrables (noticias,musicas,videos,blogs)
			</strong>
			<strong class="publish-tips">
				Posicionamiento & Tráfico Web (Adwords,viainti)
			</strong>
			<strong class="publish-tips">
				Marketing & Publicidad (SEM)
			</strong>
			<strong class="publish-tips">
				Experiencia de Usuario (Usabilidad Web)
			</strong>
			<strong class="publish-tips">
				Diseño Gráfico & Ilustración Gráfica
			</strong>

		</article>

		<article class="izquierda">
			<figure class="work-iz wow lightSpeedIn animated">
				<img src="img/work.jpg" alt="">
			</figure>
		</article>

		
	</section>

	<section class="paquetes" id="paquetes">
		<article class="primerpaquete">
			<h2 class="textPa red wow zoomInDown">PAQUETES WEB</h2>
			<p class="descPa blanco wow bounceInDown">Adquiere los mejores servicios y planes de negocio desde $1999 pesos</p>
			<ul class="paquetesWeb">
				<li class="paqueteBasico wow pulse">
					<figure class="paqueteContenedor">
						<img src="img/websitedesign_icon.png" alt="">
					</figure>
					<h4 class="infoPaquete">
						Plan Básico & <br> Comercial <br>
						<span>$1999 Pesos</span>
					</h4>
					<p class="detaPaquete">
						Especialmente para pymes que estan creciendo profesionalmente, repotenciando su mercado con una solución ideal para posicionar su producto y/o servicios en internet de una forma sencilla, rápida y a bajo costo.
					</p>
					<button class="contratar"><a href="#contacto">Solicitar Presupuesto</a></button>
				</li>
				<li class="paqueteMedio">
					<figure class="paqueteContenedor">
						<img src="img/ecommerce_icon.png" alt="">
					</figure>
					<h4 class="infoPaquete">
						Plan Medio & <br> Profesional <br>
						<span>$3999 Pesos</span>
					</h4>
					<p class="detaPaquete">
						Nuestra experiencia en el diseño de sitios web profesionales de comercio electrónico que incorporan las mejores características y una mejor experiencia de usuario , realizar transacciones en línea fácil y sencilla .
					</p>
					<button class="contratar"><a href="#contacto">Solicitar Presupuesto</a></button>
				</li>
				<li class="paqueteGold wow pulse">
					<figure class="paqueteContenedor">
						<img src="img/development_icon.png" alt="">
					</figure>
					<h4 class="infoPaquete">
						Plan Gold & <br> Empresa <br>
						<span>$6999 Pesos</span>
					</h4>
					<p class="detaPaquete">
						Nuestra experiencia en diferentes aplicaciones estrategia , desarrollo y comercialización de su proyecto y ayudar  Ayuda a tus productos digitales o físicos a llegar más allá por medio de sitios de comercio electrónico.
					</p>
					<button class="contratar"><a href="#contacto">Solicitar Presupuesto</a></button>
				</li>
			</ul>
		</article>
	</section>
	<section id="portafolio" class="primaryPortfolio"> 
		<artilce class="portfolio">
			<h2 class="publish alto wow zoomInDown">TRABAJOS REALIZADOS</h2>
			<div class="imgPortfolio">
				<figure class="contenedor float wow bounceInLeft">
					<img src="img/pot-1.jpg" alt="">
				</figure>
				<div class="textPortfolio wow bounceInRight">
					<p class="catePortfolio txtPequeno">DISEÑO / DESAROLLO / FRONTEND / BACKEND</p>
					<h2 class="p-H txtGrande">VIAINTI</h2>
					<p class="loveViainti">Proyecto creado para las descargas de musica de cualquier artista del mundo. Disfruta escuchando la mejor musica sin publicidad, contamos con 10 millones de canciones.</p>
					<button class="button_Port"><a class="classA" href="http://www.viainti.net/" target="blank">VER PAGINA</a></button>
				</div>
			</div>

			<div class="imgPortfolio">
				
				<div class="textPortfolioAn ancho wow bounceInLeft">
					<p class="catePortfolio txtPequeno">DISEÑO / DESAROLLO / FRONTEND / BACKEND / ECOOMERCS</p>
					<h2 class="p-H txtGrande">JMSHOP</h2>
					<p class="loveViainti">Proyecto creado para la venta de productos electrónicos en linea (Carrito de Compras).</p>
					<button class="button_Port"><a class="classA" href="http://www.jmshop.com.ar/" target="blank">VER PAGINA</a></button>
				</div>
				<figure class="contenedor float wow bounceInRight">
					<img src="img/pot-2.jpg" alt="">
				</figure>
			</div>

			

		</article>
	</section>

	<section class="clientes">
		<h2 class="publish alto wow zoomInDown">CONFÍAN EN NOSOTROS</h2>
		<div class="empresas wow bounceInDown">
			  <div class="unoDos"><img src="img/clientes/cliente-2.png" alt="Owl Image"></div>
			  <div class="unoDos"><img src="img/clientes/cliente-3.png" alt="Owl Image"></div>
			  <div class="unoDos"><img src="img/clientes/cliente-4.png" alt="Owl Image"></div>
			  <div class="unoDos"><img src="img/clientes/cliente-5.png" alt="Owl Image"></div>
			  <div class="unoDos"><img src="img/clientes/cliente-6.png" alt="Owl Image"></div>
			  <div class="unoDos"><img src="img/clientes/cliente-7.png" alt="Owl Image"></div>
			  <div class="unoDos"><img src="img/clientes/cliente-8.png" alt="Owl Image"></div>
			  <div class="unoDos"><img src="img/clientes/cliente-9.png" alt="Owl Image"></div>
		</div>
	</section>

	<section class="ventas">
			<article class="ventas-mini">
				<h1 class="wow zoomInDown">Incrementa tus ventas</h1>
				<p class="wow bounceInDow">Asesoria en linea, consultanos cualquier inquietud</p>
				<video width="100%" height="auto" loop autoplay preload="auto">
					<source src="http://www.techtic.com/wp-content/themes/techtic/videos/girl1080.mp4" type="video/mp4">
				</video>
			</article>
		</section>

	

	<!-- <section class="imagenpro">
		<figure class="imgpro">
			
		</figure>
		
	</section> -->
	<section id="contacto" class="contacto">
		<h1 class="wow zoomInDown">Contacto</h1>
		<form id="contactar" method="post" class="wow zoomInDown">
		<fieldset class="formulario">
			<h3 class="loveViainti none wow zoomInDown">Gracias Por Contactarte.</h3>
			<h3 class="loveViainti noneFail wow zoomInDown">Fallo el Envío</h3>
			<input name="nombre" type="text" class="label_better" data-new-placeholder="Ingresa tu nombre" placeholder="Tu nombre">
			<input name="email" type="email" class="label_better" data-new-placeholder="Ingresa tu email" placeholder="Tu email">
			<br />
			<input name="telefono" type="telephone" class="label_better" data-new-placeholder="Ingresa tu teléfono" placeholder="Tu teléfono">
			<select name="opciones" id="">
				<option value="0">Presupuestos</option>
				<option value="$1000 Pesos">$1000 Pesos</option>
				<option value="$2900 Pesos">$1999 Pesos</option>
				<option value="$3900 Pesos">$3999 Pesos</option>
				<option value="$5900 Pesos">$5900 Pesos</option>
				<option value="$8999 Pesos">$8999 Pesos</option>
				<option value="$10 000 Pesos">$10 000 Pesos</option>
				<option value="Proyecto Grande">Proyecto Grande</option>
			</select>

			<br />
			<textarea name="mensaje" id="" cols="120" rows="10" placeholder="Describa su proyecto"></textarea>
			<input type="submit" class="enviar" value="Enviar Mensaje">
		</fieldset>
		</form>
	</section>