@extends ('index')
@include('menu-header.index')
@section ('content')
	<div class="no-trans">

		<div class="banner dark-translucent-bg" style="min-height:320px;background-image:url('../img/landing/city-colombia.jpg'); background-position: 50% 52%;">
			<div class="container">
				<div class="row">
					<div class="col-md-8 text-center col-md-offset-2 pv-20">
						<h2 class="title large_white object-non-visible" data-animation-effect="fadeIn" data-effect-delay="100"> <span >TuMe</span><span class="text-default">Contratas</span></h2>
						<div class="separator object-non-visible mt-10" data-animation-effect="fadeIn" data-effect-delay="100"></div>
						<p class="text-center object-non-visible" data-animation-effect="fadeIn" data-effect-delay="100">El &eacute;xito de nuestro clientes y profesionales nos inspiran, es por &eacute;sta raz&oacute;n que estamos innovando y creciendo para ayudarlos a cumplir sus metas.</p>
					</div>
				</div>
			</div>
		</div>	

		<!-- main-container start -->
		<section class="main-container padding-bottom-clear">
			<div class="container">
				<div class="row">
					<!-- main start -->
					<!-- ================ -->
					<div class="main col-md-12">
						<h3 class="title">Qui&eacute;nes <strong>Somos</strong></h3>
						<div class="separator-2"></div>
						<div class="row">
							<div class="col-md-6">
								<p>Conoce la historia de <strong>James </strong> y la idea de llevar innovaci&oacute;n a Colombia y ayudar a las empresas colombianas a encontrar el &eacute;xito.</p>
								
								<blockquote>
								<p><i>Cuando visit&eacute; el pa&iacute;s me encant&oacute; su cultura y la amabilidad de su gente, vi como funciona todo y con &eacute;sta idea de <strong>tumecontratas</strong>, encontr&eacute; la manera para que los profesionales en Colombia tengan un mejor acceso a posibles nuevos clientes.</i></p>

								<p><i>Al crear este sitio web tenia muchos desaf&iacute;os, fue dif&iacute;cil ganar la confianza de los colombianos pero pronto aprend&iacute; que todo el tiempo y esfuerzo vali&oacute; la pena.</i></p>
								</blockquote>

								<div style="float:right; margin-right: 35px;">
									<div class="testimonial-info-1">- James </div>
									<div class="testimonial-info-2" style="margin-left: 30px;"> Creador</div>	
								</div>

							</div>
							<div class="col-md-6">
								<div class="owl-carousel content-slider-with-controls">
									<div class="overlay-container overlay-visible">
										<img src="../img/about/jim_and_daughter.jpg" alt="">
										<div class="overlay-bottom hidden-xs">
											<div class="text">
												<h3 class="title">James y su hija</h3>
											</div>
										</div>
										<a href="../img/about/jim_and_daughter.jpg" class="popup-img overlay-link" title="James y su hija"><i class="icon-plus-1"></i></a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- main end -->

				</div>
			</div>
			</br>
	<!--		<section class="section default-bg clearfix">
	                <div class="container">
	                    <div class="row">
	                        <div class="col-md-12">
	                            <div class="call-to-action text-center">
	                                <div class="row">
	                                	   <br>
	                                    <h1><span class="text-rotator" data-rotator-animation-effect="lightSpeedIn"> Lo hacemos posible!, Creamos, So&ntilde;amos, Hacemos</span></h1>
	                                     <br>

	                                </div>
	                            </div>
	                        </div>
	                    </div>
	                </div>
	            </section>

			</br>
					</br>

			<div class="container">
                <h2 class="text-center"> Conoce a nuestro equipo de desarrollo de <strong>TuMeContratas</strong></h2>
                <div class="separator"></div> 
                <p class="large text-center">Encontrar a los buenos jugadores es fácil. Lograr que jueguen como equipo es otra historia.</p>
              
            </div>
-->

			<!-- section start -->
				<!-- ================ -->
			<!--	<div class="light-gray-bg pv-20 section mt-20">
					<div class="container">
						<h4 class="mb-20">Nuestro <strong>Equipo</strong></h4>
						<div class="row grid-space-10">
						
							<div class="col-sm-6 col-md-3">
								<div class="image-box team-member style-2 shadow bordered mb-20 text-center" style="width: 240px">
									<div class="overlay-container overlay-visible image-box-sm">
										<img src="../img/about/photo_gerardo.gif" alt="">
										<div class="overlay-bottom">
											<p class="small margin-clear">Licenciado en Computaci&oacute;n</p>
										</div>
									</div>
									<div class="body">
										<h3 class="margin-clear">Gerardo Rondon</h3>
										<small>Programador Web BackEnd / FrontEnd</small>
										<div class="separator mt-10"></div>
										<ul class="social-links circle colored margin-clear">
											<li class="skype"><a target="_blank" href="skype:live:grondon891?call"><i class="fa fa-skype"></i></a></li>
											<li class="linkedin"><a target="_blank" href="https://ve.linkedin.com/in/gerardo-rondón-6874b7124"><i class="fa fa-linkedin"></i></a></li>
											<li class="googleplus"><a target="_blank" href="mailto:g.a.rondon@gmail.com"><i class="fa fa-envelope-o"></i></a></li>
										</ul>
									</div>
								</div>
							</div>
							<div class="col-sm-6 col-md-3">
								<div class="image-box team-member style-2 shadow bordered mb-20 text-center" style="width: 240px">
									<div class="overlay-container overlay-visible image-box-sm">
										<img src="../img/about/francis_photo.jpg" alt="">
										<div class="overlay-bottom">
											<p class="small margin-clear">Licenciada en Inform&aacute;tica</p>
										</div>
									</div>
									<div class="body">
										<h3 class="margin-clear">Francis Passantino</h3>
										<small>Programador Web BackEnd / FrontEnd</small>
										<div class="separator mt-10"></div>
										<ul class="social-links circle colored margin-clear">
											<li class="skype"><a target="_blank" href="skype:francis.passantino?call"><i class="fa fa-skype"></i></a></li>
											<li class="linkedin"><a target="_blank" href="https://ve.linkedin.com/in/francispassantino"><i class="fa fa-linkedin"></i></a></li>
											<li class="googleplus"><a target="_blank" href="mailto:francispassantino@gmail.com"><i class="fa fa-envelope-o"></i></a></li>

										</ul>
									</div>
								</div>
							</div>	
							<div class="col-sm-9 col-md-6 border-clear">
								          
                               	<div class="full-text-container light-gray-bg border-clear">
									
                                </div>
									<div class="feature-box-2 margin-clear" >
										<span class="icon without-bg"><i class="fa text-default fa-lightbulb-o"></i></span>
										<div class="body">
											 <h4 class="title">Innvovamos</h4>
                                      		 <p >Utilizamos las &uacute;ltimas tecnolog&iacute;as en el desarrollo de &eacute;sta plataforma web, siempre innovando en pro del bienestar de nuestros clientes.</p>    
											<div class="separator-2 visible-lg"></div>
										</div>
									</div>
									<div class="feature-box-2 margin-clear">
										<span class="icon without-bg"><i class="text-default icon-tools"></i></span>
										<div class="body">
											<h4 class="title">Soporte dedicado</h4>
											<p class="text-muted">Siempre atendiendo las necesidades de los clientes. Constantemente estamos mejorando nuestra plataforma para ti.</p>
											<div class="separator-2 visible-lg"></div>
										</div>
									</div>
									<div class="feature-box-2 margin-clear">
										<span class="icon without-bg"><i class="fa text-default fa fa-suitcase"></i></span>
										<div class="body">
											<h4 class="title">Oportunidades de trabajo</h4>
											<p class="text-muted">Los clientes necesitan encontrar profesionales calificados, y los profesionales necesitan clientes. <strong>Tumecontratas</strong> es la soluci&oacute;n para reunirlos y darse a conocer.</p>
										</div>
									</div>
								</div>
              
							</div>
							
						</div>
					</div>
				</div>
			
		
				-->

			   <section class="pv-40 parallax dark-translucent-bg background-img-about" style="background-image: url('../../img/landing/office-1209640_1920.jpg');">
			        <div class="container">
			            <div class="row">
			                <div class="col-md-8 col-md-offset-2">
			                    <h1 class="text-center"><span class=""> Creamos soluciones</span></h1>
			                    <div class="separator with-icon"><i class="icon-light-up bordered"></i></div>

			                    <h3 class="text-center"> Pensamos en nuestros clientes, de acuerdo a sus necesidades</h3>
			                    <br>
			                </div>

			            </div>

			        </div>
			    </section>


				<!-- section end -->
				
		</section>




	</div>

@stop