cobuild-angular-stack
Version:
Base stack angular sass jade gulp
148 lines (144 loc) • 9.35 kB
HTML
<div class="static-page">
<div class="pricing">
<div class="video">
<div class="overlay-pink"></div>
<div class="overlay-gray"></div>
<div class="title text-center">
<h1>3 MÉTODOS DE PAGO, <br> TÚ DECIDES CUAL TE CONVIENE</h1><br/>
<a class="btn btn-inverse btn-action ng-binding" href="/startonboarding/start-new-account-1">
PRUÉBALO HOY
</a>
</div>
</div>
<div class="container">
<div class="col-md-12 col-sm-12 col-xs-12 info">
<h2>Precio</h2>
<h3>Sencillo y transparente. Sin pagos escondidos ni cláusulas de sorpresas</h3>
<h5>Promociones no acumulables.</h5>
</div>
<div class="col-md-12 col-sm-12 info">
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="panel panel-default" ng-click="ccCtrl.selectPercentagePay()">
<div class="panel-heading dark">
<h3 class="text-center no-margintop no-marginbottom prepay-title ng-binding">Comisión</h3>
</div>
<div class="panel-body">
<h4 class="text-center margin-top-2 margin-bottom-2 payment-pay ng-binding">Pagarás</h4>
<h1 class="color-dark text-center fs-val-2 ng-binding">
<span class="normal fontPay">{{ dataUtils.payPrice.percent}}%</span>
</h1>
<h4 class="text-center margin-top-2 no-marginbottom payment-text-2" ng-bind-html="dataUtils.payPrice.percentDescription"></h4>
<h6 class="text-center no-marginbottom ng-binding"> </h6>
</div>
</div>
<p class="text-center margin-top-2 no-marginbottom text-cool-gray ng-binding"></p>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="panel panel-default" ng-click="ccCtrl.prePay()">
<div class="panel-heading inverse">
<h3 class="text-center no-margintop no-marginbottom prepay-title ng-binding">Pago Único</h3>
</div>
<div class="panel-body">
<h4 class="color-inverse title-x text-center ng-binding linePay" ng-if="dataUtils.payPrice.fixedDiscount > 0">
<span class="normal fontPay">$ {{ dataUtils.payPrice.fixed }}</span>
</h4>
<h4 class="text-center margin-top-2 margin-bottom-2 payment-pay ng-binding">Pagarás</h4>
<h1 class="color-inverse text-center fs-val-2 ng-binding">
<span class="normal fontPay">$ </span><span ng-if="dataUtils.payPrice.fixedDiscount == 0">{{ dataUtils.payPrice.fixed }}</span>
<span ng-if="dataUtils.payPrice.fixedDiscount > 0">{{ dataUtils.payPrice.fixedDiscount }}</span>
</h1>
<h4 class="text-center margin-top-2 no-marginbottom payment-text-2" ng-bind-html="dataUtils.payPrice.fixedDescription"></h4>
<h6 class="text-center no-marginbottom ng-binding"> </h6>
</div>
</div>
<p class="text-center margin-top-2 no-marginbottom text-cool-gray ng-binding"></p>
</div>
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="panel panel-default" ng-click="ccCtrl.prePay()">
<div class="panel-heading dark">
<h3 class="text-center no-margintop no-marginbottom prepay-title ng-binding">Pago Premium</h3>
</div>
<div class="panel-body">
<h4 class="color-inverse title-x text-center ng-binding linePay" ng-if="dataUtils.payPrice.fixedCompleteDiscount > 0">
<span class="normal fontPay">$ {{ dataUtils.payPrice.fixedComplete }}</span>
</h4>
<h4 class="text-center margin-top-2 margin-bottom-2 payment-pay ng-binding">Pagarás</h4>
<h1 class="color-dark text-center fs-val-2 ng-binding">
<span class="normal fontPay">$ </span></span><span ng-if="dataUtils.payPrice.fixedCompleteDiscount == 0">{{ dataUtils.payPrice.fixedComplete }}</span>
<span ng-if="dataUtils.payPrice.fixedCompleteDiscount > 0">{{ dataUtils.payPrice.fixedCompleteDiscount }}</span>
</h1>
<h4 class="text-center margin-top-2 no-marginbottom payment-text-2" ng-bind-html="dataUtils.payPrice.fixedCompleteDescription"></h4>
<h6 class="text-center no-marginbottom ng-binding"> </h6>
</div>
</div>
<p class="text-center margin-top-2 no-marginbottom text-cool-gray ng-binding"></p>
</div>
</div>
<hr/>
<div class="col-md-12 col-sm-12 info">
<h2>Calcula cuánto recibirán</h2>
<h3>Ten una idea de cuanto dinero recaudarán y escoge el plan que más les convenga</h3>
<a class="btn btn-inverse btn-action" href="http://mkt.uniko.co/calcula-el-dinero-de-tus-regalos"
target="_blank">CALCULAR</a>
</div>
<hr/>
<div class="col-md-12 col-sm-12 info faq">
<img src="/img/questions.png" alt="">
<h2>Preguntas Frecuentes</h2>
<div class="col-md-6 col-sm-6 col-xs-12 faqs">
<h3>¿Cuánto cuesta Uniko?</h3>
<p>Tenemos 2 opciones para pagar el servicio:</p>
<ol>
<li>{{dataUtils.payPrice.fixed | currency:'$':0 }} MXN Pago único.</li>
<li>{{dataUtils.payPrice.percent}}% del total acumulado en regalos
</li>
</ol>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 faqs">
<h3>¿Qué método de pago aceptan?</h3>
<p>Puedes realizar tu pago con nuestro sistema de tarjetas de débito y crédito, operado por CONEKTA.
Si lo prefieres podrás elegir pagar con PAYPAL que acepta todas las tarjetas.</p>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 faqs">
<h3>¿Cómo funciona si elijo {{dataUtils.payPrice.percent}}%?</h3>
<p>No pagas nada al principio y queda activada tu mesa, cada vez que solicites un retiro de tus
regalos pagarás solamente el {{dataUtils.payPrice.percent}}% del total acumulado. Por ejemplo si
recibes $70,000 MXN en regalos, pagarás {{(70000*dataUtils.payPrice.percent/100) |
currency:'$':0}} MXN. </p>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 faqs">
<h3>¿Cómo funciona si elijo {{dataUtils.payPrice.fixed | currency:'$':0 }} MXN?</h3>
<p>Es el método de pago más usado. Pagas por adelantado para poder compartir tu mesa de regalos con
el mundo, no importa cuánto dinero acumules, es el único pago que tienes que hacer. No habrá
sorpresas.</p>
<p> </p>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 faqs">
<h3>¿Qué incluye cada método de pago?</h3>
<p>Los dos métodos incluyen los mismos beneficios:</p>
<ul>
<li>Personalizar tu mesa de regalos con lo que ustedes quieran</li>
<li>La portada web de su mesa de regalos</li>
<li>La funcionalidad de Mapa y datos del evento</li>
<li>La funcionalidad de RSVP</li>
<li>Una asesora de mesa de regalos</li>
<li>Apoyo a sus invitados en todo el proceso de compra</li>
<li>3 retiros de fondos sin costo</li>
</ul>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 faqs">
<h3>¿Tiene algún costo transferir el dinero?</h3>
<p>No hay ningún costo por transferir los fondos de sus regalos hasta en 3 ocasiones. </p>
</div>
<div class="col-md-6 col-sm-6 col-xs-12 faqs">
<h3>Ayuda</h3>
<p>Si tienes otra duda, nos puedes llamar o enviarnos un whatsapp al <a href="tel:+5215561716072">(+521 55) 61 71 60 72</a>. Escríbenos a <a
href="mailto:info@uniko.co">info@uniko.co</a></p>
</div>
<div class="col-md-12 col-sm-12 col-xs-12">
<a class="btn btn-inverse btn-action ng-binding" href="/startonboarding/start-new-account-1">PRUÉBALO
HOY</a>
</div>
</div>
</div>
</div>
</div>