@extends ('index')
@include('menu-header.index')
@section ('content')
<div class="no-trans" ng-app="providerApp" ng-controller="providerCtlr as provider">
	<div>


    <!-- banner start -->
    <!-- ================ -->
    <div id="banner" class="banner  dark-translucent-bg padding-bottom-clear"
         style="background-image:url('img/landing/photo-construccion.jpg');">
        <!-- section start -->
        <!-- ================ -->
        <div class="container">
            <div class="row">
                <div class="col-md-8 text-center col-md-offset-2 space-bottom">
                    <br>
                    <div class="title large_white" style="font-size: 60px"><strong> Haz crecer tu <span
                            class="text-default">negocio.</span> </strong></div>
                    <div class="separator"></div>

                    <h2 class="text-center lead mt-20"><strong>Contacta a uno de nuestros clientes <br> enviando tu presupuesto
                        <br>y haz crecer tu negocio</strong></h2>
                    <br><br>
                </div>
            </div>

        </div>
        <!-- section end -->
        <!-- section start -->
        <!-- ================ -->
        <div class="pv-40 dark-translucent-bg">
            <div class="container">
                <div class="row">
                    <!--<div class="col-md-12">-->
                    <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
                        <div class="call-to-action text-center">


                            <form method="get" ng-submit="provider.serviceSelected($event)">




                                <div class="form-field form-field-category col-xs-12 col-sm-9">
                                    <select name="services" ng-model="provider.selectedCategory" ng-options=" services as services.nombre for services in
                                    provider.services">
                                        <option value="">Selecciona tu servicio</option>

                                    </select>
                                </div>


                                <div class="col-xs-12 col-sm-3">
                                    <!--button type="submit" class="btn-provider">Reg&iacute;strate</button-->
                                    <a class="btn-provider" href="/elegir-cuenta">Registrate</a>
                                </div>


                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- section end -->
    </div>
    <!-- banner end -->


<!-- section -->
            <!-- ================ -->
            <section class="pv-30">
                <div class="container">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2">
                            <h2 class="text-center">Forma parte de <strong>TuMeContratas</strong></h2>
                            <div class="separator"></div>
                            <p class="large text-center">Reg&iacute;strate y se parte de la familia de profesionales que ya se encuentran creciendo aqu&iacute; en TUMECONTRATAS.COM</p>
                            <br>
                        </div>
                    </div>
                </div>
                <div class="">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-6">
                                <img src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photographer-1365674_1920.jpg" alt="">
                            </div>
                            <div class="col-md-6">
                                <p class="space-top">Miles de clientes entran cada dia a Tumecontratas para elegir profesionales como tu. &Uacute;nete y se contratado con estos 3 simples pasos.</p>
                                 
                                 <div class="media ph-20 feature-box object-non-visible" data-animation-effect="fadeIn" data-effect-delay="200">
                                    <div class="media-left pr-20">
                                        <a href="#">
                                            <span class="fa-stack fa-2x mb-10 number-steps">
                                                <i class="fa fa-circle-o fa-stack-2x"></i>
                                                <strong class="fa-stack-1x">1</strong>
                                            </span>
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <h4 class="media-heading">Recibe solicitudes de los clientes</h4>
                                        Reg&iacute;strate de forma gratuita para ver las peticiones de los clientes de acuerdo a tu &aacute;rea de trabajo.       
                                    </div>
                                </div>
                                <div class="media ph-20 feature-box object-non-visible" data-animation-effect="fadeIn" data-effect-delay="200">
                                    <div class="media-left pr-20">
                                         <a href="#">
                                            <span class="fa-stack fa-2x mb-10 number-steps">
                                                <i class="fa fa-circle-o fa-stack-2x"></i>
                                                <strong class="fa-stack-1x">2</strong>
                                            </span>
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <h4 class="media-heading">Envia una cotizaci&oacute;n</h4>
                                        Selecciona una solicitud de acuerdo a tus habilidades y envia una propuesta al cliente indicando el precio y un mensaje personal.
                                    </div>
                                    
                                </div>

                                <div class="media ph-20 feature-box object-non-visible" data-animation-effect="fadeIn" data-effect-delay="200">
                                    <div class="media-left pr-20">
                                         <a href="#">
                                            <span class="fa-stack fa-2x mb-10 number-steps">
                                                <i class="fa fa-circle-o fa-stack-2x"></i>
                                                <strong class="fa-stack-1x">3</strong>
                                            </span>
                                        </a>
                                    </div>
                                    <div class="media-body">
                                        <h4 class="media-heading">Se contratado</h4>
                                        Los clientes al obtener cotizaciones pueden contratarte, si estas contratado finaliza los detalles y empieza a trabajar
                                    </div>
                                    
                                </div>
                       
                                <p><a href="registro-profesional-basic" class="btn btn-default-transparent btn-animated">&Uacute;nete como profesional <i class="fa fa-arrow-right pl-10"></i></a></p>
                            </div>
                        </div>
                    </div>
 
                </div>
            </section>
            <!-- section end -->




    <!-- end search como funciona -->

            <!-- main-container end -->
            <div class="container">
                <h2 class="text-center">Haz conocer tu empresa por medio de <strong>TuMeContratas</strong></h2>
                <div class="separator"></div> 
                <p class="large text-center">Crea tu perfil de profesional con la informaci&oacute;n de tu negocio para que miles de clientes sepan de ti</p>
                <br>
            </div>


            <!-- section start -->
            <!-- ================ -->
            {{--<section class="pv-40 stats padding-bottom-clear parallax dark-translucent-bg hovered background-team">--}}
                {{--<div class="clearfix">--}}
                    {{--<div class="col-md-3 col-xs-6 text-center">--}}
                        {{--<div class="feature-box object-non-visible" data-animation-effect="fadeIn" data-effect-delay="300">--}}
                            {{--<span class="icon default-bg large circle"><i class="fa fa-graduation-cap"></i></span>--}}
                            {{--<h3><strong>Profesionales</strong></h3> --}}
                           {{--  <div id="total_profesional">--}}
                                {{--<span class="counter" data-to="90" data-speed="5000">2</span>--}}
                            {{--</div> --}}

                            {{--<span id="totalProfesionales" class="counter" data-to="" data-speed="5000">1</span>--}}
                            {{----}}
                        {{--</div>--}}
                    {{--</div>--}}
                    {{--<div class="col-md-3 col-xs-6 text-center">--}}
                        {{--<div class="feature-box object-non-visible" data-animation-effect="fadeIn" data-effect-delay="300">--}}
                            {{--<span class="icon default-bg large circle"><i class="fa fa-tasks"></i></span>--}}
                            {{--<h3><strong>Proyectos</strong></h3>--}}
                            {{--<span id="totalProyectos" class="counter" data-from="0" data-to="" data-speed="5000"></span>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                    {{--<div class="col-md-3 col-xs-6 text-center">--}}
                        {{--<div class="feature-box object-non-visible" data-animation-effect="fadeIn" data-effect-delay="300">--}}
                            {{--<span class="icon default-bg large circle"><i class="fa fa-users"></i></span>--}}
                            {{--<h3><strong>Usuarios</strong></h3>--}}
                            {{--<span id="totalUsuarios" class="counter" data-to="" data-speed="5000">0</span>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                    {{--<div class="col-md-3 col-xs-6 text-center">--}}
                        {{--<div class="feature-box object-non-visible" data-animation-effect="fadeIn" data-effect-delay="300">--}}
                            {{--<span class="icon default-bg large circle"><i class="fa fa-exchange"></i></span>--}}
                            {{--<h3><strong>Servicios</strong></h3>--}}
                            {{--<span id="totalServicios" class="counter" data-to="" data-speed="5000">0</span>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</section>--}}
            <!-- section end -->

                <!-- section -->
            <!-- ================ -->
            {{--<section class="pv-30 light-gray-bg padding-bottom-clear">--}}
                {{--<div class="space-bottom">--}}
                    {{--<div class="owl-carousel content-slider">--}}
                        {{--<div class="container">--}}
                            {{--<div class="row">--}}
                                {{--<div class="col-md-8 col-md-offset-2">--}}
                                    {{--<div class="testimonial text-center">--}}
                                        {{--<div class="testimonial-image">--}}
                                            {{--<img src="https://{{ config('constants.hostdomainglobal') }}/img/landing/male-1719207_1920.jpg" alt="Jane Doe" title="Jane Doe" class="img-circle" style="height:90px;width:80px">--}}
                                        {{--</div>--}}
                                        {{--<h3>¡Es perfecto!</h3>--}}
                                        {{--<div class="separator"></div>--}}
                                        {{--<div class="testimonial-body">--}}
                                            {{--<blockquote>--}}
                                                {{--<p>Gracias a Tumecontratas pude hacer crecer mi negocio de carpinteria, hago lo que me gusta y ahora soy mi propio jefe, lo cual es genial </p>--}}
                                            {{--</blockquote>--}}
                                            {{--<div class="testimonial-info-1">- Marco Gutierrez</div>--}}
                                           {{--  <div class="testimonial-info-2">By Company</div> --}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                        {{--<div class="container">--}}
                            {{--<div class="row">--}}
                                {{--<div class="col-md-8 col-md-offset-2">--}}
                                    {{--<div class="testimonial text-center">--}}
                                        {{--<div class="testimonial-image">--}}
                                            {{--<img src="https://{{ config('constants.hostdomainglobal') }}/img/landing/ret_2.jpg" alt="Jane Doe" title="Jane Doe" class="img-circle">--}}
                                        {{--</div>--}}
                                        {{--<h3>!Justo lo que necesitaba!</h3>--}}
                                        {{--<div class="separator"></div>--}}
                                        {{--<div class="testimonial-body">--}}
                                            {{--<blockquote>--}}
                                                {{--<p>Ahora puedo darme a conocer, haciendo lo que me gusta ayudando a las personas a aprender idiomas</p>--}}
                                            {{--</blockquote>--}}
                                            {{--<div class="testimonial-info-1">- Ana l&oacute;pez</div>--}}
                                            {{--<div class="testimonial-info-2">Escuela de idiomas</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                   {{----}}
                {{--</div>--}}
            {{--</section>--}}
            <!-- section end -->


            <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">
                                    
                                    <h1 class="title"><strong>¿De qu&eacute; trata tu negocio?</strong></h1>
                                    <h2><span class="text-rotator" data-rotator-animation-effect="lightSpeedIn">Limpieza, Carpinter&iacute;a, Mec&aacute;nicos, Arquitectos, M&eacute;dicos, Abogados</span></h2>
                                    <p>Forma parte de las mejores empresas y profesionales de Colombia</p>
                               
                                  
                                    
                                        <br>
                                        
                                        <a href="registro-profesional-basic" class="btn btn-animated btn-lg btn-gray-transparent ">Regístrate<i class="fa fa-user pl-20"></i></a>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

   <!-- main-container end -->
   <br>
            <div class="container">
                <h2 class="text-center">Profesionales de <strong>TuMeContratas</strong></h2>
                <div class="separator"></div> 
                <p class="large text-center">Ellos se unieron a Tumecontratas e hicieron crecer su pequeña empresa</p>
                <br>
            </div>

    {{--<div class="light-gray-bg pv-20 section ">--}}
        {{--<div class="container">--}}
            {{--<h4 class="mb-20">Emprededores <strong>exitosos</strong></h4>--}}

            {{--<div class="row grid-space-10">--}}
                {{--<div class="col-sm-4">--}}
                    {{--<div class="team-member image-box style-2 dark-bg text-center">--}}
                        {{--<img src="https://{{ config('constants.hostdomainglobal') }}/img/landing/team-member-1.jpg" alt="">--}}
                        {{--<div class="body">--}}
                            {{--<h3 class="margin-clear">Fernando Rojas</h3>--}}
                            {{--<small>Profesor</small>--}}
                            {{--<div class="separator mt-10"></div>--}}
                           {{--  <p class="small margin-clear">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates praesentium nulla cupiditate!</p> --}}
                            {{-- <div class="separator mt-10"></div> --}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
                {{--<div class="col-sm-4">--}}
                    {{--<div class="team-member image-box style-2 dark-bg text-center">--}}
                        {{--<img src="https://{{ config('constants.hostdomainglobal') }}/img/landing/foto-mujer.jpg" alt="" style="height:374px;width:374px">--}}
                        {{--<div class="body">--}}
                            {{--<h3 class="margin-clear">Andriana Marqu&eacute;z</h3>--}}
                            {{--<small>Arquitecto</small>--}}
                            {{--<div class="separator mt-10"></div>--}}
                           {{--  <p class="small margin-clear">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates praesentium nulla cupiditate!</p>--}}
                            {{--<div class="separator mt-10"></div> --}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
                {{--<div class="col-sm-4">--}}
                    {{--<div class="team-member image-box style-2 dark-bg text-center">--}}
                        {{--<img src="https://{{ config('constants.hostdomainglobal') }}/img/landing/team-member-2.jpg" alt="">--}}
                        {{--<div class="body">--}}
                            {{--<h3 class="margin-clear">Vicente Garc&iacute;a</h3>--}}
                            {{--<small>Abogado</small>--}}
                            {{--<div class="separator mt-10"></div>--}}
                            {{-- <p class="small margin-clear">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates praesentium nulla cupiditate!</p>--}}
                            {{--<div class="separator mt-10"></div> --}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}


        {{--</div>--}}
    {{--</div>--}}
    <br>



    <!-- main-container end -->
    <section class="pv-40 parallax dark-translucent-bg background-img-7">
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <h1 class="text-center"><span class=""> Registrarse es muy f&aacute;cil</span></h1>
                    <div class="separator with-icon"><i class="fa fa-check bordered"></i></div>

                    <h3 class="text-center"> Con tan solo pocos pasos reg&iacute;strate <br> y empieza a recibir informaci&oacute;n de nuestros usuarios </h3>
                    <br>
                </div>

            </div>

        </div>
    </section>
    <br>




	</div>
</div>



@stop

{{--@section('script')--}}
    {{--<script src="{{asset('js/app/services/urlpath.js')}}"></script>--}}
    {{--<script src="{{asset('js/scripts/js/app/commonService.min.js')}}"></script>--}}
    {{--<script src="{{asset('js/scripts/js/app/professionalApp.min.js')}}"></script>--}}

{{--@stop--}}