@extends ('index')

@section ('content')

    <section class="light-gray-bg pv-30 padding-bottom-clear clearfix ">




        <div class="container">


            @if(Request::get('noregister'))
                    <div class="alert  alert-icon alert-warning" role="alert">
                        <i class="fa fa-warning"></i>
                        Usuario no Registrado. Seleccione un tipo de cuenta para registrarse
                    </div>
            @endif



            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <h2 class="text-center">Forma parte de <strong class="text-default"> Tumecontratas</strong></h2>
                    <div class="separator"></div>
                    <p class="text-center"> Escoge una cuenta que se adapte mejor a tus necesidades</p>
                    <br>
                </div>
            </div>
        </div>

        <div class="">
            <div class="center-block text-center">


                <div class=" force-center  col-md-10">
                    {{--col-md-10--}}
                    <div class="col-md-5">
                        <div class="pv-30 ph-20 feature-box bordered shadow text-center object-non-visible animated object-visible fadeInDownSmall"
                             data-animation-effect="fadeInDownSmall" data-effect-delay="100">
                            <span class="icon default-bg circle"><i class="fa fa-graduation-cap"></i></span>
                            <h3>Haz crecer tu negocio</h3>
                            <div class="separator clearfix"></div>
                            <p>Contacta a nuestros clientes enviando tu propuesta y se contratado</p>
                            <a href="registro-profesional-basic"
                               class="btn btn-animated btn-lg btn-default">&Uacute;nete como profesional <i
                                        class="fa fa-arrow-right"></i></a>
                            {{--<a href="page-services.html">Read More<i class="pl-5 fa fa-angle-double-right"></i></a>--}}
                        </div>
                    </div>

                    {{--<div class="col-md-2" style="text-align: center;">--}}
                    {{--<strong> <!--<p style="margin-top: 80%;color:#aeaeae"> o</p>--></strong>--}}
                    {{--</div>--}}
                    <div class="col-md-5 pull-right">
                        <div class="pv-30 ph-20 feature-box bordered shadow text-center object-non-visible animated object-visible fadeInDownSmall"
                             data-animation-effect="fadeInDownSmall" data-effect-delay="100">
                            <span class="icon default-bg circle"><i class="fa fa-user-plus"></i></span>
                            <h3>Solicita Servicios</h3>
                            <div class="separator clearfix"></div>
                            <p>Dinos qué servicios necesitas y contrata el profesional que más se ajuste a tus
                                necesidades</p>
                            <a href="/elegir-cuenta" class="btn btn-animated btn-lg btn-default">Reg&iacute;strate
                                para contratar <i class="fa fa-arrow-right"></i></a>

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


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

    <section class="pv-40 parallax dark-translucent-bg background-img-register">
        <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>



@stop