@extends ('index')
@section('content')
    @include('menu-header.index')

    <!-- banner start -->
    <!-- ================ -->
    <div class="banner">

        <!-- slideshow start -->
        <!-- ================ -->
        <div class="slideshow">

            <!-- slider revolution start -->
            <!-- ================ -->
            <div class="slider-revolution-5-container">
                <div id="slider-banner-fullwidth" class="slider-banner-fullwidth rev_slider" data-version="5.0">
                    <ul class="slides">
                        <!-- slide 1 start -->
                        <!-- ================ -->
                        <li data-transition="random" data-slotamount="default" data-masterspeed="default"
                            data-title=" ">

                            <!-- main image -->
                            <img src="https://{{ config('constants.hostdomainglobal') }}/img/seao_tumecontratasok.jpg" alt="slidebg1" data-bgposition="center top"
                                 data-bgrepeat="no-repeat" data-bgfit="cover" class="rev-slidebg">

                            <!-- Transparent Background -->
                            <div class="tp-caption dark-translucent-bg"
                                 data-x="center"
                                 data-y="center"
                                 data-start="0"
                                 data-transform_idle="o:1;"
                                 data-transform_in="o:0;s:600;e:Power2.easeInOut;"
                                 data-transform_out="o:0;s:600;"
                                 data-width="5000"
                                 data-height="5000">
                            </div>

                            <!-- LAYER NR. 1 -->
                            <div class="tp-caption text-center large_white"
                                 data-x="center"
                                 data-y="50"
                                 data-start="1000"
                                 data-width="650"
                                 data-transform_idle="o:1;"
                                 data-transform_in="y:[100%];sX:1;sY:1;o:0;s:2150;e:Power4.easeInOut;"
                                 data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;"
                                 data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
                                 data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;">
                                <!--<span class="logo-font">The <span class="text-default">Project</span></span><br>Next Generation Template-->
                                Encuentra <span class="text-default"> <strong> profesionales </strong></span> <br>para
                                tus proyectos

                            </div>

                            <!-- LAYER NR. 2 -->
                            <div class="tp-caption large_white text-center tp-resizeme hidden-xs"
                                 data-x="center"
                                 data-y="150"
                                 data-start="1300"
                                 data-width="500"
                                 data-transform_idle="o:1;"
                                 data-transform_in="o:0;s:2000;e:Power4.easeInOut;">
                                <div class="separator light"></div>
                            </div>

                            <!-- LAYER NR. 3 -->
                            <div class="tp-caption medium_white text-center hidden-xs"
                                 data-x="center"
                                 data-y="190"
                                 data-start="1300"
                                 data-width="750"
                                 data-transform_idle="o:1;"
                                 data-transform_in="y:[100%];sX:1;sY:1;s:1700;e:Power4.easeInOut;"
                                 data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;"
                                 data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                                 data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;">

                                <!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. <br> Nesciunt, maiores, aliquid. Repellat eum numquam aliquid culpa offici, <br> tenetur fugiat dolorum sapiente eligendi...-->

                                Ahorra tiempo y contacta profesionales <br> en todas las &aacute;reas para desarrollar tu
                                proyecto.
                            </div>

                            <!-- LAYER NR. 4 -->
                            <div class="tp-caption small_white text-center"
                                 data-x="center"
                                 data-y="310"
                                 data-start="1600"
                                 data-width="650"
                                 data-transform_idle="o:1;"
                                 data-transform_in="y:[100%];sX:1;sY:1;s:1400;e:Power4.easeInOut;"
                                 data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;"
                                 data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
                                 data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;">

                                <!--<a href="#" class="btn btn-default btn-animated">Selecciona tu servicio <i-->
                                <!--class="fa fa-arrow-right"></i></a>-->


                                <span class=" visible-xs-block">
                                <a href="registro-usuario-basic" class="btn btn-animated btn-xs btn-default">Selecciona tu servicio <i
                                            class="fa fa-arrow-right"></i></a>
                                 </span>


                                <span class="visible-sm-block ">
                                <a href="registro-usuario-basic" class="btn btn-animated  btn-sm btn-default">Selecciona tu servicio <i
                                            class="fa fa-arrow-right"></i></a>
                                 </span>

                                <span class="visible-lg-block visible-md-block">
                                <a href="registro-usuario-basic" class="btn btn-animated btn-xl btn-default">Selecciona tu servicio <i
                                            class="fa fa-arrow-right"></i></a>
                                 </span>

                                <!--<a href="#" class="btn btn-dark btn-animated margin-clear">Read More <i class="fa fa-arrow-right"></i></a> <span class="pl-5 pr-5">or</span> <a href="page-contact.html" class="btn btn-default btn-animated margin-clear">Contact Us <i class="fa fa-envelope"></i></a>-->
                            </div>

                        </li>
                        <!-- slide 1 end -->

                        <!-- slide 2 start -->
                        <!-- ================ -->
                        <li data-transition="random" data-slotamount="default" data-masterspeed="default"
                            data-title="">

                            <!-- main image -->
                            <img src="https://{{ config('constants.hostdomainglobal') }}/img/plomero_tumecontratas_slider.jpg" alt="slidebg2" data-bgposition="center top"
                                 data-bgrepeat="no-repeat" data-bgfit="cover" class="rev-slidebg">

                            <!-- Transparent Background -->
                            <div class="tp-caption dark-translucent-bg"
                                 data-x="center"
                                 data-y="center"
                                 data-start="0"
                                 data-transform_idle="o:1;"
                                 data-transform_in="o:0;s:600;e:Power2.easeInOut;"
                                 data-transform_out="o:0;s:600;"
                                 data-width="5000"
                                 data-height="5000">
                            </div>

                            <!-- LAYER NR. 1 -->
                            <div class="tp-caption text-center large_white"
                                 data-x="center"
                                 data-y="50"
                                 data-start="1000"
                                 data-width="650"
                                 data-transform_idle="o:1;"
                                 data-transform_in="y:[100%];sX:1;sY:1;o:0;s:2150;e:Power4.easeInOut;"
                                 data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;"
                                 data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
                                 data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;">

                                <!--<span class="logo-font">The <span class="text-default">Project</span></span> <br> Premium Bootstrap Template-->
                                Haz crecer tu <span class="text-default"> <strong> negocio.</strong></span>
                            </div>

                            <!-- LAYER NR. 2 -->
                            <div class="tp-caption text-center large_white tp-resizeme hidden-xs"
                                 data-x="center"
                                 data-y="150"
                                 data-start="1300"
                                 data-width="500"
                                 data-transform_idle="o:1;"
                                 data-transform_in="o:0;s:2000;e:Power4.easeInOut;">
                                <div class="separator light"></div>
                            </div>

                            <!-- LAYER NR. 3 -->
                            <div class="tp-caption text-center medium_white hidden-xs"
                                 data-x="center"
                                 data-y="190"
                                 data-start="1300"
                                 data-width="750"
                                 data-transform_idle="o:1;"
                                 data-transform_in="y:[100%];sX:1;sY:1;s:1700;e:Power4.easeInOut;"
                                 data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;"
                                 data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                                 data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;">

                                <!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. <br> Nesciunt, maiores, aliquid. Repellat eum numquam aliquid culpa offici, <br> tenetur fugiat dolorum sapiente eligendi...-->
                                Contacta uno de nuestros clientes, <br>logra un acuerdo <br> y haz crecer tu negocio


                            </div>

                            <!-- LAYER NR. 4 -->
                            <div class="tp-caption text-center small_white text-center"
                                 data-x="center"
                                 data-y="310"
                                 data-start="1600"
                                 data-width="650"
                                 data-transform_idle="o:1;"
                                 data-transform_in="y:[100%];sX:1;sY:1;s:1400;e:Power4.easeInOut;"
                                 data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;"
                                 data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;"
                                 data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;">
                                <!--<a href="#" class="btn btn-dark btn-animated margin-clear">Read More <i class="fa fa-arrow-right"></i></a> <span class="pl-5 pr-5">or</span> <a href="page-contact.html" class="btn btn-default btn-animated margin-clear">Contact Us <i class="fa fa-envelope"></i></a>-->

                                <!--<a href="#" class="btn btn-default btn-animated">Unete como profesional <i-->
                                <!--class="fa fa-arrow-right"></i></a>-->



                                <span class=" visible-xs-block">
                                <a href="profesional" class="btn btn-animated btn-xs btn-default">&Uacute;nete como profesional son <i
                                            class="fa fa-arrow-right"></i></a>
                                 </span>


                                <span class="visible-sm-block ">
                                <a href="profesional" class="btn btn-animated btn-sm btn-default">&Uacute;nete como profesional son <i
                                            class="fa fa-arrow-right"></i></a>
                                 </span>

                                <span class="visible-lg-block visible-md-block">
                               <a href="profesional" class="btn btn-animated btn-xl btn-default">&Uacute;nete como profesional son <i
                                           class="fa fa-arrow-right"></i></a>
                                 </span>




                            </div>

                        </li>
                        <!-- slide 2 end -->
                    </ul>
                    <div class="tp-bannertimer"></div>
                </div>
            </div>
            <!-- slider revolution end -->

        </div>
        <!-- slideshow end -->

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


    <!-- search box  typeahead-on-select="landing.setService($item)" -->

    <section class="pv-40 search-box" ng-app="landingApp" ng-controller="landingController as landing">
        <div class="container">
            <div class="row">
                <div class="col-md-offset-3 col-md-6 text-center " >

                    <h1 ><strong>¿Qu&eacute; servicio necesitas?</strong></h1>
                    <h3>Tenemos las mejores empresas <br>y profesionales en Colombia  </h3>
                    <div class="input-group">
                        <input id="numero"  type="text" class="form-control form-control-hero"
                              
                               ng-model="landing.selectedservice"
                               uib-typeahead=" service.nombre for service in landing.serviceSeacrh($viewValue)"
                               typeahead-on-select="landing.setService($item)""
                               placeholder="Busca el servicio que necesitas" aria-describedby="basic-addon2">
                        <span class="input-group-addon btn-search-home"  id="basic-addon2"  >Comenzar</span>
                        <!--button ng-click = "landing.setService(document.getElementById('numero').value)">text</button-->
                    </div>


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



    <!-- search como funciona -->
    <section class="pv-40">

        <div class="container" >
            <div class="row ">

                <!-- main start -->
                <!-- ================ -->
                <div class="col-md-12">

                    <!-- page-title start -->
                    <!-- ================ -->
                    <h1 class="text-center t0ken-2 ">C&oacute;mo funciona TuMeContratas.com</h1>
                    <!--<div class="separator"></div>-->
                    <!-- page-title end -->
                    <div class="row mt-40">
                        <div class="col-md-4">
                            <div class="ph-20 feature-box text-center object-non-visible" data-animation-effect="fadeIn"
                                 data-effect-delay="400">
                                <!--<span class="icon default-bg circle"><i class="fa fa-diamond"></i></span>-->

                                <span class="fa-stack fa-3x mb-10 number-steps">
                                <i class="fa fa-circle-o fa-stack-2x"></i>
                                <strong class="fa-stack-1x">1</strong>
                            </span>

                                <h3> Qu&eacute; servicio estas buscando</h3>
                                <div class="separator clearfix"></div>
                                <!--<p>First, answer a few quick questions about what type of pro you’re looking for.</p>-->
                                <p>Cu&eacute;ntanos qu&eacute; servicios solicitas utilizando el buscador o dando click en la
                                    categor&iacute;a de servicio</p>

                            </div>
                        </div>
                        <div class="col-md-4 ">
                            <div class="ph-20 feature-box text-center object-non-visible" data-animation-effect="fadeIn"
                                 data-effect-delay="600">
                                <!--<span class="icon default-bg circle"><i class="fa fa-connectdevelop"></i></span>-->

                                <span class="fa-stack fa-3x mb-10 number-steps">
                                <i class="fa fa-circle-o fa-stack-2x"></i>
                                <strong class="fa-stack-1x">2</strong>
                            </span>

                                <!--<h3>Toda la información y costo del servicio libre de llamadas y citas.</h3>-->
                                <h3>Revisa nuestros mensajes</h3>
                                <div class="separator clearfix"></div>
                                <!--<p>Within hours, you’ll receive up to five custom quotes based on your specific needs.</p>-->
                                <!--<p>En pocas horas recibiras emails con informaci&oacute;n de tus servicios solicitados</p>-->
                                <p>En cuesti&oacute;n de horas recibir&aacute;s correos con cotizaciones personalizadas
                                    de acuerdo a tus
                                    requerimientos.</p>

                            </div>
                        </div>
                        <div class="col-md-4 ">
                            <div class="ph-20 feature-box text-center object-non-visible" data-animation-effect="fadeIn"
                                 data-effect-delay="800">
                                <!--<span class="icon default-bg circle"><i class="icon-snow"></i></span>-->

                                <span class="fa-stack fa-3x mb-10 number-steps">
                                <i class="fa fa-circle-o fa-stack-2x"></i>
                                <strong class="fa-stack-1x">3</strong>
                            </span>

                                <h3>Contrata un profesional</h3>
                                <div class="separator clearfix"></div>
                                <!--<p>Compare quotes, profiles, and reviews, then hire the pro that’s right for you.</p>-->
                                <p>Compara la informaci&oacute;n que te hemos enviado, selecciona y contrata el
                                    profesional que m&aacute;s se ajuste a tus necesidades</p>

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


                </div>
                <!-- main end -->

            </div>
        </div>
    </section>
    <!-- end search como funciona -->



    <!-- menu listado de servicios-->
    <section id="menu-box">
        <div class="container">
            <!--<div class="row"  style="overflow: hidden; max-height: 87px" >-->
            <div class="row menu-box-heigth">


                <div class="col-md-2 col-xs-4 col-sm-4 menu-btn">
                    <!--<div class="desc"></div>-->

                    <!--<div class="icon-menu"><i class="fa fa-calendar-check-o fa-5x"></i></div>-->
                    <!--a href="servicios_categoria"--> <div class="icon-menu-cat"><img src="https://{{ config('constants.hostdomainglobal') }}/img/administrativo_tumecontratas.png" alt=""></div>
                        <h6 class="title  text-default text-center"><p>Administrativo</p></h6><!--/a-->

                </div>
                <div class="col-md-2 col-xs-4 col-sm-4 menu-btn">
                    <!--<div class="desc"></div>-->
                    <!--<div class="icon-menu"><i class="fa fa-cog fa-5x"></i></div>-->
                    <!--a href="servicios_categoria"--> <div class="icon-menu-cat"><img src="https://{{ config('constants.hostdomainglobal') }}/img/constructores_tumecontratas.png" alt=""></div>
                        <h6 class="title  text-default text-center"><p>Constructores</p></h6><!--/a-->
                </div>
                <div class="col-md-2 col-xs-4 col-sm-4 menu-btn">
                    <!--<div class="desc"></div>-->
                    <!--<div class="icon-menu"><i class="fa fa-user-md fa-5x" ></i></div>-->
                    <!--<div class="icon-menu"><i class="fa fa-heartbeat fa-5x"></i></div>-->
                    <!--a href="servicios_categoria"--> <div class="icon-menu-cat"><img src="https://{{ config('constants.hostdomainglobal') }}/img/medicos.png" alt=""></div>
                        <h6 class="title  text-default text-center"><p>M&eacute;dicos</p></h6><!--/a-->
                </div>

                <div class="col-md-2 col-xs-4 col-sm-4 menu-btn">
                    <!--<div class="desc"></div>-->
                    <!--a href="servicios_categoria"--> <div class="icon-menu-cat"><img src="https://{{ config('constants.hostdomainglobal') }}/img/hogar_tumecontratas.png" alt=""> </div>
                        <h6 class="title  text-default text-center"><p>Hogar</p></h6><!--/a-->

                </div>
                <div class="col-md-2 col-xs-4 col-sm-4 menu-btn">
                    <!--<div class="desc"></div>-->
                    <!--<div class="icon-menu"><i class="fa fa-child fa-5x"></i></div>-->
                    <!--a href="servicios_categoria"--> <div class="icon-menu-cat"><img src="https://{{ config('constants.hostdomainglobal') }}/img/belleza_tumecontratas.png" alt=""> </div>
                        <h6 class="title  text-default text-center"><p>Belleza</p></h6><!--/a-->
                </div>
                <div class="col-md-2 col-xs-4 col-sm-4 menu-btn" style="overflow: hidden">
                    <!--<div class="desc"></div>-->
                    <a href="servicios_categoria"> <div class="icon-menu-cat"><i class="fa fa-ellipsis-h fa-5x"
                                                                                style=" margin-top: 7px"></i></div>
                        <h6 class="title  text-default text-center"><p></p></h6><!--/a-->
                </div>


            </div>
        </div>

    </section>
    <!-- end listado end de servicios-->

    <!-- listado de servicios-->
    <section>

        <div class="footer">
            <div class="container">
                <div class="footer-inner">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="footer-content">

                                <h4 class="title text-default"><i class="fa fa-building pr-10"></i> Construcci&oacute;n
                                </h4>
                                <nav class="mb-20">
                                    <ul class="nav nav-pills nav-stacked list-style-icons">
                                        <li><a href="registro-usuario#/?category=94"><i class="fa fa-chevron-circle-right"></i>
                                                Casas</a></li>
                                        <li><a href="registro-usuario#/?category=94"><i
                                                        class="fa fa-chevron-circle-right"></i> Casas prefabricadas</a></li>
                                        <li><a target="registro-usuario#/?category=94" href="http://htmlcoder.me/support"><i
                                                        class="fa fa-chevron-circle-right"></i> Edificios </a></li>
                                        <li><a href="registro-usuario#/?category=94"><i class="fa fa-chevron-circle-right"></i> Garajes</a></li>
                                        <li><a href="registro-usuario#/?category=94"><i class="fa fa-chevron-circle-right"></i> Otros</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="footer-content">
                                <h4 class="title text-default"><i class="fa fa-wrench pr-10"></i> Reforma</h4>
                                <nav class="mb-20">
                                    <ul class="nav nav-pills nav-stacked list-style-icons">
                                        <li><a href="registro-usuario#/?category=104"><i
                                                        class="fa fa-chevron-circle-right"></i> Ba&ntilde;os</a></li>
                                        <li><a href="registro-usuario#/?category=104"><i class="fa fa-chevron-circle-right"></i>
                                                Cocinas</a></li>
                                        <li><a href="registro-usuario#/?category=104"><i class="fa fa-chevron-circle-right"></i>
                                                Comunidades</a></li>
                                        <li><a href="registro-usuario#/?category=104"><i class="fa fa-chevron-circle-right"></i>
                                                Hoteles</a></li>
                                        <li><a href="registro-usuario#/?category=104"><i class="fa fa-chevron-circle-right"></i> Otros</a></li>
                                    </ul>
                                </nav>
                                <h4 class="title text-default"><i class="fa  fa-life-ring pr-10"></i> Mantenimiento</h4>
                                <nav class="mb-20">
                                    <ul class="nav nav-pills nav-stacked list-style-icons">
                                        <li><a href="registro-usuario#/?category=144"><i class="fa fa-chevron-circle-right"></i>
                                                Control de Plagas</a></li>
                                        <li><a href="registro-usuario#/?category=144"><i
                                                        class="fa fa-chevron-circle-right"></i>Jardineros</a></li>
                                        <li><a target="registro-usuario#/?category=144" href="http://htmlcoder.me/support"><i
                                                        class="fa fa-chevron-circle-right"></i>Suelos</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="footer-content">
                                <h4 class="title text-default"><i class="fa fa-truck pr-10"></i> Mudanzas</h4>
                                <nav class="mb-20">
                                    <ul class="nav nav-pills nav-stacked list-style-icons">
                                        <li><a href="registro-usuario#/?category=115"><i class="fa fa-chevron-circle-right"></i>
                                                Nacionales</a></li>
                                        <li><a href="registro-usuario#/?category=115"><i class="fa fa-chevron-circle-right"></i>
                                                Internacionales</a></li>
                                    </ul>
                                </nav>
                                <h4 class="title text-default"><i class="fa fa-graduation-cap pr-10"></i> T&eacute;cnicos
                                </h4>
                                <nav class="mb-20">
                                    <ul class="nav nav-pills nav-stacked list-style-icons">
                                        <li><a href="registro-usuario#/?category=118"><i class="fa fa-chevron-circle-right"></i>
                                                Arquitectos </a></li>
                                        <li><a href="registro-usuario#/?category=118"><i
                                                        class="fa fa-chevron-circle-right"></i> Decoradores</a></li>
                                        <li><a href="registro-usuario#/?category=118"><i class="fa fa-chevron-circle-right"></i> Ge&oacute;logos</a>
                                        </li>
                                        <li><a href="registro-usuario#/?category=118"><i
                                                        class="fa fa-chevron-circle-right"></i> Ingenieros</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="footer-content">
                                <h4 class="title text-default"><i class="fa fa-users pr-10"></i> Alba&ntilde;iles</h4>
                                <nav class="mb-20">
                                    <ul class="nav nav-pills nav-stacked list-style-icons">
                                        <li><a href="registro-usuario#/?category=123"><i class="fa fa-chevron-circle-right"></i>
                                                Maestro de Obras</a></li>
                                        <li><a href="registro-usuario#/?category=123"><i
                                                        class="fa fa-chevron-circle-right"></i> Mantenimiento </a></li>
                                        <li><a href="registro-usuario#/?category=123"><i
                                                        class="fa fa-chevron-circle-right"></i> Ca&ntilde;erias</a></li>
                                        <li><a href="registro-usuario#/?category=123"><i class="fa fa-chevron-circle-right"></i>
                                                Electricidad</a></li>
                                    </ul>
                                </nav>
                                <h4 class="title text-default"><i class="fa fa-shopping-cart pr-10"></i> Tiendas</h4>
                                <nav class="mb-20">
                                    <ul class="nav nav-pills nav-stacked list-style-icons">
                                        <li><a href="registro-usuario#/?category=148"><i class="fa fa-chevron-circle-right"></i>
                                                Art&iacute;culos de Decoraci&oacute;n</a></li>
                                        <li><a href="registro-usuario#/?category=148"><i
                                                        class="fa fa-chevron-circle-right"></i> Electrodom&eacute;sticos</a>
                                        </li>
                                        <li><a href="registro-usuario#/?category=148"><i class="fa fa-chevron-circle-right"></i> Otros</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>
    <!-- end listado de servicios-->

    <!-- paralax business-->
    <section class="dark-translucent-bg parallax-2 pv-40 contador-bg">
        <div class="container">
            <h2 class="text-center">Haz crecer tu <strong>negocio </strong></h2>
            <div class="separator"></div>
            <h3 class="text-center large">Reg&iacute;strate y recibe cientos de notificaciones de usuarios que solicitan
                servicios de tu inter&eacute;s</h3>

            <br>
            <div class="row mt-20">
                <div class="col-md-6 ">
                    <div class="feature-box-2 object-non-visible animated object-visible fadeInDownSmall"
                         data-animation-effect="fadeInDownSmall" data-effect-delay="100">
                        <span class="icon default-bg small"><i class="fa fa-heart-o"></i></span>
                        <div class="body">
                            <h4 class="title">Servicios</h4>
                            <p>Dinos que tipo de servicios profesionales prestas</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 ">
                    <div class="feature-box-2 object-non-visible animated object-visible fadeInDownSmall"
                         data-animation-effect="fadeInDownSmall" data-effect-delay="100">
                        <span class="icon default-bg small"><i class="fa fa-heart-o"></i></span>
                        <div class="body">
                            <h4 class="title">Ubicaci&oacute;n</h4>
                            <p>Ind&iacute;canos en que ciudad estas ubicado</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 ">
                    <div class="feature-box-2 object-non-visible animated object-visible fadeInDownSmall"
                         data-animation-effect="fadeInDownSmall" data-effect-delay="100">
                        <span class="icon default-bg small"><i class="fa fa-heart-o"></i></span>
                        <div class="body">
                            <h4 class="title">Notificaciones</h4>
                            <p>Recibe notificaciones de usuarios que buscan tus servicios</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 ">
                    <div class="feature-box-2 object-non-visible animated object-visible fadeInDownSmall"
                         data-animation-effect="fadeInDownSmall" data-effect-delay="100">
                        <span class="icon default-bg small"><i class="fa fa-heart-o"></i></span>
                        <div class="body">
                            <h4 class="title">Conecta</h4>
                            <p>Selecciona y contacta a los usuarios que mejor se ajusten a tus servicios</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- paralax business-->

    <!-- registrate-->
    <section class="default-bg  default-hovered pv-40 ">
        <div class="container ">
            <div class="row animated-text">
                <div class="col-md-12">
                    <div class="call-to-action text-center">
                        <div class="row">
                            <div class="col-sm-12 phrases">
                                <h2><strong>&Uacute;nete como profesional  jeader</strong></h2>
                                <h2><strong>Y accede a todos nuestros usuarios</strong></h2>
                            </div>

                            <!--<div class="col-sm-4">-->
                            <!--<p class="mt-10"><a href="#" class="btn btn-animated btn-lg btn-gray-transparent ">Purchase<i class="fa fa-cart-arrow-down pl-20"></i></a></p>-->
                            <!--</div>-->
                        </div>


                    </div>
                </div>
            </div>
            <div class="row">

                <div class="col-md-12">


                    <div class="col-md-offset-2 col-md-8 text-center ">
                        <div class="separator with-icon"><i class="fa fa-graduation-cap"></i></div>
                        <h2><strong>¿De qu&eacute; trata tu negocio?</strong></h2>
                        <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 class="mt-10"><a href="/elegir-cuenta" class="btn btn-animated btn-lg btn-gray-transparent ">Reg&iacute;strate<i
                                        class="fa fa-user pl-20"></i></a></p>
                        <p>Forma parte de las mejores empresas y profesionales de Colombia </p>


                        <!--<div class="col-sm-4">-->

                        <!--</div>-->
                    </div>
                </div>

            </div>


        </div>


    </section>

@stop