<!doctype html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <meta name="keywords" content="productora audiovisual, producción, publicidad, tvc, producción digital">
    <meta name="description" content="Somos una productora audiovisual basada en Cochabamba Bolivia">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
	<link rel="canonical" href="www.inthependiente.com/">
	<meta name="robots" content="index, follow">
    <link rel="shortcut icon" type="image/png" href="favicon.png">
    
	<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css?2020">
	<link rel="stylesheet" type="text/css" href="style.css?5368">
	<link rel="stylesheet" type="text/css" href="./css/all.min.css">
	
    <title>inthependiente</title>


    
<!-- Analytics -->
 
<!-- Analytics END -->
    
</head>
<body>

<!-- Preloader -->
<div id="page-loading-blocs-notifaction" class="page-preloader"></div>
<!-- Preloader END -->


<!-- Main container -->
<div class="page-container">
    
<!-- bloc-0 -->
<div class="bloc l-bloc" id="bloc-0">
	<div class="container bloc-lg bloc-sm-lg">
		<div class="row">
			<div class="col-sm-10 offset-sm-1 col-md-8 offset-md-2 col-lg-6 offset-lg-3">
				<img src="img/intheLogo.png" class="img-fluid mx-auto d-block img-style" alt="intheLogo" />
			</div>
		</div>
	</div>
</div>
<!-- bloc-0 END -->

<!-- bloc-1 -->
<div class="bloc l-bloc" id="bloc-1">
	<div class="container bloc-lg bloc-sm-lg">
		<div class="row">
			<div class="col">
				<div class="embed-responsive embed-responsive-16by9">
					<iframe class="embed-responsive-item lazyload" src="img/lazyload-ph.png" data-src="https://player.vimeo.com/video/667853241?h=d4d2ebb076?byline=1" frameborder="0" allowfullscreen allow="autoplay; fullscreen; picture-in-picture">
					</iframe>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- bloc-1 END -->

<!-- bloc-2 -->
<div class="bloc l-bloc" id="bloc-2">
	<div class="container bloc-lg">
		<div class="row">
			<div class="col">
				<h2 class="mg-md">
					Contáctenos
				</h2>
			</div>
		</div>
		<div class="row">
			<div class="col">
				<form id="form_1" data-form-type="blocs-form" novalidate data-success-msg="Su mensaje ha sido correctamente enviado. Pronto estaremos en contacto." data-fail-msg="Lo sentimos, nuestro sistema ha sufrido algún error, su mensaje no pudo ser enviado. Por favor vuelva a intentarlo.">
					<div class="form-group">
						<label>
							Nombre
						</label>
						<input id="name" class="form-control" required />
					</div>
					<div class="form-group">
						<label>
							Email
						</label>
						<input id="email" class="form-control" type="email" data-error-validation-msg="Not a valid email address" required />
					</div>
					<div class="form-group">
						<label>
							Mensaje
						</label><textarea id="message" class="form-control" rows="4" cols="50" required></textarea>
					</div> 
					<button class="bloc-button btn btn-d btn-lg btn-block" type="submit">
						Enviar
					</button>
				</form>
			</div>
		</div>
	</div>
</div>
<!-- bloc-2 END -->

<!-- ScrollToTop Button -->
<a class="bloc-button btn btn-d scrollToTop" onclick="scrollToTarget('1',this)"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 32 32"><path class="scroll-to-top-btn-icon" d="M30,22.656l-14-13-14,13"/></svg></a>
<!-- ScrollToTop Button END-->


<!-- bloc-3 -->
<div class="bloc bgc-black d-bloc" id="bloc-3">
	<div class="container bloc-lg">
		<div class="row row-style">
			<div class="col-md-3 col-sm-6 col-lg-7">
				<h4 class="mg-md text-sm-left text-center tc-white">
					Direcciones
				</h4>Av. Tadeo Haenke #1229 Edif. Buen Vivir III /&nbsp;+591 70755270<br>Cochabamba - Bolivia
			</div>
			<div class="col-md-3 col-sm-6">
				<h4 class="mg-md text-sm-left text-center tc-white">
					Conectate
				</h4>
				<div class="row">
					<div class="col-6 col-sm-2 col offset-sm-0">
						<div class="text-center">
							<a href="https://www.facebook.com/inthependiente"><span class="fab fa-facebook-f icon-md"></span></a>
						</div>
					</div>
					<div class="col-6 col-sm-2">
						<div class="text-center">
							<a href="mailto:nosotros@inthependiente.com"><span class="far fa-envelope icon-md"></span></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- bloc-3 END -->

</div>
<!-- Main container END -->
    


<!-- Additional JS -->
<script src="./js/jquery.min.js?3582"></script>
<script src="./js/bootstrap.bundle.min.js?9179"></script>
<script src="./js/blocs.min.js?9092"></script>
<script src="./js/jqBootstrapValidation.js"></script>
<script src="./js/formHandler.js?5524"></script>
<script src="./js/lazysizes.min.js" defer></script><!-- Additional JS END -->


</body>
</html>
