@extends('layouts.Registro.master')
@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-3 contentzoomform" id="login">
            <div class="panel-heading">
                <div class="panel-title text-center">INICIO DE SESIÓN</div>
            </div>
            <form role="form" id="formlogin" class="zoomform">
                <p></p>
                <div class="form-group">
                    <!--label class="control-label" for="exampleInputEmail1">Correo Electrónico</label-->
                    <input class="form-control" id="exampleInputEmail1" placeholder="Correo Electronico" type="email">
                </div>
                <div class="form-group">
                    <!--label class="control-label" for="exampleInputPassword1">Contraseña</label-->
                    <input class="form-control" id="exampleInputPassword1" placeholder="Contraseña" type="password">
                </div>
                <button type="submit" class="btn btn-primary center-block">Enviar</button>
            </form>
            <div class="panel-footer">
                <a href="{!! url('/recuperar') !!}" onclick="" class="pull-left">Recuperar Contraseña</a>
                <a href="{!! url('/olvido') !!}" onclick="" class="pull-right">¿Olvidó Correo Electrónico?</a>&nbsp;</div>
        </div>
        <div class="col-md-9" id="ladoderecho">

            <!-- -->
            <div class="panel-heading">
                <div class="panel-title text-center">Sistema de Registro de Clientes</div>
            </div>
            <div id="home-carousel" class="carousel slide" data-ride="carousel">
                <div class="carousel-inner">
                    <section class="item active" id="carrusel-0">
                        <div class="banner">
                            <div class="inner-box">
                                <h2 class="title">¡Bienvenido!</h2>
                                <div class="subtitle">
                                    <p>Estimado usuario, en el Sistema de Registro de Clientes al llenar sus
                                        datos podrá acceder a nuestra gama de servicios de alta calidad.</p>
                                    <p>
                                        Le invitamos a disfrutar de nuestros productos:
                                    <ul>
                                        <li>ZOOM Casillero Internacional de Contado</li>
                                        <li>ZOOM Servicios de Contado (COD, Envios Nacionales)</li>
                                    </ul>
                                    </p>

                                    <p>
                                        <button class="btn btn-primary center-block">Registrese Ya!</button>
                                    </p>
                                </div>
                                <div></div>
                            </div>
                            <div class="image drch">
                              <img src="{!! asset('img/Registro/zoom_canguros.jpg')  !!}" alt="" title="" class="img-responsive vertical-center">
                            </div>
                        </div>
                    </section>
                    <section class="item " id="carrusel-1">
                        <div class="banner">
                            <div class="inner-box">
                                <h2 class="title">Casillero Internacional de Contado</h2>
                                <div class="subtitle">
                                    <strong>Traiga su Mercancía y/o Documentos desde Miami</strong>
                                    Con este servicio puede traer sus compras desde Miami a la oficina ZOOM más cercana a su ciudad de residencia.</div>
                            </div>
                            <div class="image drch">
                                <img src="{!! asset('img/Registro/zoom_casint.jpg')  !!}" alt="Casillero Internacional de Contado" title="Casillero Internacional de Contado" class="img-responsive vertical-center">
                            </div>
                        </div>
                    </section>
                    <section class="item " id="carrusel-2">
                        <div class="banner">
                            <div class="inner-box">
                                <h2 class="title">ZOOM Servicios de Contado (COD, Envios Nacionales)</h2>
                                <div class="subtitle">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</div>
                                <!--div>
                                  <a class="btn default" rel="lightbox;1000;2000" href="https://www.provincial.com/fbin/pdf/Convocatoria.pdf">Más información</a>
                                </div-->
                            </div>
                            <div class="image drch">
                                <img src="{!! asset('img/Registro/zoom_enviosexpresos.jpg')  !!}" alt="ZOOM Servicios de Contado" title="ZOOM Servicios de Contado" class="img-responsive vertical-center">
                            </div>
                        </div>
                    </section>
                    <section class="item " id="carrusel-3">
                        <div class="banner">
                            <div class="inner-box">
                                <h2 class="title">No puedo activar mi cuenta</h2>
                                <div class="subtitle">
                                    <strong>Sí ya realizó el Registro</strong>, pero no llega el mensaje de activación a su correo electrónico o a su teléfono móvil.</strong>
                                </div>
                                <div>
                                    <a href="{!! url('/reenviar') !!}" class="btn btn">Clic aquí</a>
                                </div>
                            </div>
                            <div class="image drch">
                                <img src="{!! asset('img/Registro/zoom_40years.jpg')  !!}" alt="Reenviar Información" title="Reenviar Información" class="img-responsive vertical-center">
                            </div>
                        </div>
                    </section>
                </div>
                <nav class="carousel-indicators-container">
                    <h3 class="hidden">navegación carousel</h3>
                    <a href="#home-carousel" class="arrow left" data-slide="prev"></a>
                    <ul class="carousel-indicators">
                        <li data-target="#home-carousel" data-slide-to="0" class="active"></li>
                        <li data-target="#home-carousel" data-slide-to="1"></li>
                        <li data-target="#home-carousel" data-slide-to="2"></li>
                        <li data-target="#home-carousel" data-slide-to="3"></li>
                    </ul>
                    <a href="#home-carousel" class="arrow right" data-slide="next"></a>
                    <div class="clearfix"></div>
                </nav>
            </div>
            <!-- -->
        </div>
    </div>
</div>

@endsection