{% include 'part_header.html' %}
{% include 'part_menu.html' %}
{% include 'part_menu_puntos_priv.html' %}
<script>{% include 'page_bienvenida.js' %}</script>

<!-- Twitter universal website tag code -->
<script>
!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
// Insert Twitter Pixel ID and Standard Event data below
twq('init','nvipn');
twq('track','PageView');
</script>
<!-- End Twitter universal website tag code —>

<!-- Facebook Pixel Code -->
<script>
fbq('track', 'CompleteRegistration', {
value: 25.00,
currency: 'USD'
});
</script>
<!-- End Facebook Pixel Code -->

<!-- Event snippet for Registros Exitosos conversion page -->
<script>
  gtag('event', 'conversion', {'send_to': 'AW-939609695/8TsfCJffqWoQ35yFwAM'});
</script>

<div class="content" ng-controller="page_bienvenida">
	{% include 'part_menu_priv.html' %}
    <div class="bg-gris">
        <div class="row">
            <div class="column small-24 medium-19 medium-centered large-18 text-center">
                <h1>¡Hola ng{{d.nombre}}!</h1>
                <p>
                    Es un gusto tenerte como cliente y poner a tu disposición nuestros servicios de <span>LOGÍSTICA INTEGRAL</span>. A partir de
                    este momento podrás hacer llegar tu mercancía a nuestras oficinas en la ciudad de Miami.
                </p>
            </div>
        </div>
    </div>


    <div class="row">
        <div class="column small-24">
            <div class="row">
                <div class="column small-24 large-17 large-centered">
                    <div class="contenido-centro">
                        <img class="icon" src="tw{{template_url}}/img/icon-bienvenido.png" alt="" />
                        <div class="titulo">
                            <h1>Casillero</h1>
                            <p>Utiliza tu casillero con la siguiente información:</p>
                        </div>
                        <div class="info">
                            <span>Nombre y Nº de casillero</span>
                            <div class="campos">
                                ng{{d.nombre}} ng{{d.casillero}}
                            </div>
                        </div>
                        <div class="info">
                            <span>Dirección </span>
                            <div class="campos">
                                7630 NW 25 Street, Ste2B
                            </div>
                        </div>
                        <div class="row info-titulo">
                            <div class="column small-8 padding-left-none">
                                <span>Ciudad</span>
                            </div>
                            <div class="column small-8">
                                <span>Estado </span>
                            </div>
                            <div class="column small-8 padding-right-none">
                                <span>Zip Code </span>
                            </div>
                        </div>
                        <div class="row info-content">
                            <div class="column small-8 padding-left-none">
                                <span>Miami</span>
                            </div>
                            <div class="column small-8">
                                <span>Florida</span>
                            </div>
                            <div class="column small-8 padding-right-none">
                                <span>33122</span>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="column small-24 text-center">
                    <div class="label">
                        Es importante que tengas en cuenta lo siguiente:
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="column small-24">
            <div class="row">
                <div class="column small-24 medium-12 large-6">
                    <div class="bg-gris text-center iformacion">
                        <img src="tw{{template_url}}/img/icon-reloj.png" alt=""/>
                        <h1>El casillero no se vence</h1>
                        <p>Por lo cual no es necesario su renovación.</p>
                    </div>
                </div>
                <div class="column small-24 medium-12 large-6">
                    <div class="bg-gris text-center iformacion">
                        <img src="tw{{template_url}}/img/icon-lapiz.png" alt=""/>
                        <h1>Actualiza tus datos</h1>
                        <p>Puedes cambiar tus datos personales y de contacto en el momento que lo desees accediendo a tu cuenta.</p>
                    </div>
                </div>
                <div class="column small-24 medium-12 large-6">
                    <div class="bg-gris text-center iformacion">
                        <img src="tw{{template_url}}/img/icon-coor-info.png" alt=""/>
                        <h1>Coordinadora USA</h1>
                        <p>Cumple con todas las disposiciones legales de protección de datos personales.</p>
                    </div>
                </div>
                <div class="column small-24 medium-12 large-6">
                    <div class="bg-gris text-center iformacion">
                        <img src="tw{{template_url}}/img/icon-personal.png" alt=""/>
                        <h1>Personal</h1>
                        <p>El casillero es para uso personal, toda la mercancía que direcciones debe estar rotulada con tu nombre.</p>
                    </div>
                </div>
            </div>

            <div class="row content-info-mercancia">
                <div class="column small-24 medium-12 large-12">
                    <div class="azul bold font-16 line-1-2 titulo">
                        Siempre que recibas<br/> mercancía en tu casillero:
                    </div>
                </div>
                <div class="column small-24 medium-12 large-12">
                    <div class="mercancia">
                        <img class="icon" src="tw{{template_url}}/img/icon-chulo.png" alt="" />
                        Recibirás información del producto.
                    </div>
                    <div class="mercancia">
                        <img class="icon" src="tw{{template_url}}/img/icon-chulo.png" alt="" />
                        Entrando a tu cuenta podrás consultar tu inventario en tiempo real.
                    </div>
                    <div class="mercancia">
                        <img class="icon" src="tw{{template_url}}/img/icon-chulo.png" alt="" />
                        Podrás programar tus despachos en el momento que lo estimes conveniente.
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<br/>
<br/>
<br/>
<br/>
{% include 'part_footer.html' %}