cobuild-angular-stack/modules/statics/views/static.howitworks.html

Base stack angular sass jade gulp

<div class="row">
    <header class="header-list">
        <div class="howitworks">
            <div class="video">
                <div class="title">
                    <h1>CONVIERTE ESOS BUENOS DESEOS EN <br>INCREÍBLES REGALOS</h1>
                    <a><img ng-click="showVideo('partials/video.howitworks.html')" src="../img/play.png"></a>
                </div>
            </div>
        </div>
    </header>
</div>
<div class="howitworks section">
    <div class="container">
        <div class="row info">
            <h1><span class="number">3</span> SENCILLOS PASOS</h1>
        </div>

        <div class="row margin-top-3">
            <div class="col-md-4 col-sm-4 col-xs-12 text-center">
                <div class="image-container icono">
                    <img src="img/gift-big.png" alt="">
                </div>
                <h4 class="text header-pink">
                    1. ARMA TU MESA
                    <img src="img/arrow-pink.png">
                </h4>
            </div>
            <div class="col-md-4 col-sm-4 col-xs-12 text-center">
                <div class="image-container icono">
                    <img src="img/pc-big.png" alt="">
                </div>
                <h4 class="text header-pink">
                    2. COMPARTE CON INVITADOS
                    <img src="img/arrow-pink.png">
                </h4>
            </div>
            <div class="col-md-4 col-sm-4 col-xs-12 text-center">
                <div class="image-container icono">
                    <img src="img/money-big.png" alt="">
                </div>
                <h4 class="text header-pink">
                    3. RECIBE DINERO
                </h4>
            </div>
        </div>
    </div>
    <div class="section" id="arma-mesa">
        <div class="col-md-6 cool-font p-l">
            <img src="/img/gift.png"/>
            <h2>ARMA TU MESA</h2>
            <p>Puedes agregar productos de nuestro catálogo o crear tus propios regalos y experiencias, desde un
                tostador hasta una noche romántica en París.</p><br/>
            <p>Personaliza tu mesa de regalos con una portada, un mensaje para tus invitados y los datos más importantes
                de tu evento.
                Agrega productos de nuestro catálogo o crea tus propios productos y experiencias de luna de miel.</p>
            <br>

            <p>Si tienes mesa de regalos en otra tienda, puedes importarla y agregar esos productos a tu mesa.</p>
        </div>
        <div class="col-md-6 imagen">
            <img src="/img/step1.png" class="img-responsive pull-right"/>
        </div>
    </div>
    <hr>
    <div class="section" id="comparte">
        <div class="col-md-6 imagen p-l-0">
            <img src="/img/step2.png" class="img-responsive"/>
        </div>
        <div class="col-md-6 cool-font p-r">
            <img src="/img/pc-inv.png"/>
            <h2>COMPARTE CON INVITADOS</h2>
            <p>Comparte tu propio dominio en tu invitación o en redes sociales, entre más compartas tu mesa más regalos
                podrán recibir.</p><br/>

            <p>Crea tu propio dominio por ejemplo uniko.co/lauraycarlos . Cópialo y pégalo en tus redes sociales o
                imprímelo en tus invitaciones. También tenemos tarjetas para tus invitaciones, las puedes solicitar a tu
                asesora.</p><br>
            <p>No olvides también compartir nuestros teléfonos con tus invitados.</p><br>
            <p>Si necesitas más ayuda y consejos para compartir tu mesa, contáctanos por el chat.</p><br>
        </div>
    </div>
    <hr>
    <div class="section" id="recibe-dinero">
        <div class="col-md-6 cool-font p-l">
            <img src="/img/money.png"/>
            <h2>RECIBE DINERO</h2>
            <p>Lleva un control de tus regalos en la sección Regalos recibidos, y cuando ustedes quieran pueden
                solicitar el retiro de fondos a su cuenta de banco y en 5 días hábiles recibirán los fondos. Puedes
                solicitar el retiro de tus regalos en 3 ocasiones sin costo. También puedes elegir el método de pago
                fijo o el método de un % de tus regalos.</p>
        </div>
        <div class="col-md-6 imagen">
            <img src="/img/step3.png" class="img-responsive pull-right"/>
        </div>
    </div>


    <div class="info">
        <a href="/startonboarding/start-new-account-1" class="btn btn-inverse">{{'try-today' | translate}}</a>

    </div>
</div>