cobuild-angular-stack

<div id="scene-1" class="banner animated headerOverflow"> <div class="header-image"> <div class="content-circle"> <div class="col-md-12"> <div id="image-1" data-number="1" class="circle-next circle active"></div> <div id="image-2" data-number="2" class="circle-next circle"></div> <div id="image-3" data-number="3" class="circle-next circle"></div> </div> </div> <div class="content-opacity-header-image"></div> <div class="content-header"> <div class="row"> <div class="content-opacity"></div> <img class="logo" src="img/logo-white.png" alt=""/> <a class="bars visible-xs"><i class="fa fa-bars" aria-hidden="true"></i></a> <div class="mobile-menu hidden-sm hidden-md hidden-lg animated" ng-controller="NavBarController"> <ul> <li> <a ui-sref="search_table">{{'search_table' | translate}}</a> </li> <li> <a ui-sref="products_public">{{'catalog' | translate}}</a> </li> <li data-toggle="collapse" data-target="#navbar" class="item-nav landing-nav mobile"> <div class="border hidden-xs"></div> <a href="#" class="dropdown-toggle" id="learn-more" target="_blank" id="dropdownLearn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">{{'learn-more' | translate}}<span class="caret"></span></a> <ul class="dropdown-menu dropdown-landing mobile" aria-labelledby="dropdownLearn">  <li><a ui-sref="contactus">{{'contact' | translate}}</a></li> <li><a ui-sref="pricing">{{'price' | translate}}</a></li>  <a href="http://blog.unikodf.com/">{{'Blog' | translate}}</a> </li> <li><a ui-sref="howitworks">{{'how-works' | translate}}</a></li> </ul> </li> <li> <a ng-click="loginModal()">{{'log-in' | translate}}</a> </li> <li> <a ng-click="startOnboarding()" send-g-a-display-event="" send-g-a-event-button="" ga-category="click" ga-action="{{'open-table'|translate}}" ga-label="{{'open-table'|translate}}" ng-disabled="onboardingTriggerDisabled">{{'open-table' | translate}}</a> </li> </ul> </div> <header class="header hidden-xs" ng-controller="NavBarController"> <ul> <li> <a ui-sref="search_table">{{'search_table' | translate}}</a> </li> <li> <a ui-sref="products_public">{{'catalog' | translate}}</a> </li> <li data-toggle="collapse" data-target="#navbar" class="item-nav landing-nav"> <div class="border hidden-xs"></div> <a href="#" class="dropdown-toggle" id="learn-more" target="_blank" id="dropdownLearn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">{{'learn-more' | translate}}<span class="caret"></span></a> <ul class="dropdown-menu dropdown-landing" aria-labelledby="dropdownLearn">  <li><a ui-sref="contactus">{{'contact' | translate}}</a></li> <li><a ui-sref="pricing">{{'price' | translate}}</a></li> <li><a href="https://uniko.zendesk.com/hc/es" target="_blank">{{'frequent-questions' | translate}}</a></li> <li> <a href="http://blog.unikodf.com/">{{'Blog' | translate}}</a> </li> <li><a ui-sref="howitworks">{{'how-works' | translate}}</a></li> </ul> </li> <li> <a ng-click="loginModal()">{{'log-in' | translate}}</a> </li> </ul> </header> <ul class="menu-telephone"> <li>Atención a clientes +52 1 (55) 1209 1334</li> <li style="margin-left: 21px;">Contrata tu mesa (55) 1204-1245</li> </ul> </div> </div> <div class="header-step" id="header-step1"> <div class="arrow-left prev-header-image"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> </div> <div class="arrow-right next-header-image"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> </div> <div class="row"> <div class="col-xs-10 col-xs-offset-1 col-sm-10 col-sm-offset-1 col-md-offset-1 col-md-10 col-lg-offset-1 col-lg-10 step-text-title"> TENER LA MESA DE REGALOS PERFECTA, ES SIMPLE </div> </div> <div class="row"> <div class="col-xs-8 col-xs-offset-2 col-sm-10 col-sm-offset-1 col-md-offset-1 col-md-10 col-lg-offset-1 col-lg-10 step-text-body"> Reciban el 100% de sus regalos en dinero a su cuenta de banco. </div> </div> </div> <div class="header-step hidden" id="header-step2"> <div class="arrow-left prev-header-image"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> </div> <div class="arrow-right next-header-image"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> </div> <div class="row"> <div class="col-xs-10 col-xs-offset-1 col-sm-10 col-sm-offset-1 col-md-offset-1 col-md-10 col-lg-offset-1 col-lg-10 step-text-title"> CONVIERTAN EL AMOR DE SUS INVITADOS EN RECUERDOS DE POR VIDA </div> </div> <div class="row"> <div class="col-xs-8 col-xs-offset-2 col-sm-10 col-sm-offset-1 col-md-offset-1 col-md-10 col-lg-offset-1 col-lg-10 step-text-body"> Agreguen a su mesa desde una cena romántica en la playa hasta una experiencia de buceo con tiburones </div> </div> </div> <div class="header-step hidden" id="header-step3"> <div class="arrow-left prev-header-image"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> </div> <div class="arrow-right next-header-image"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> </div> <div class="row"> <div class="col-xs-10 col-xs-offset-1 col-sm-10 col-sm-offset-1 col-md-offset-1 col-md-10 col-lg-offset-1 col-lg-10 step-text-title"> RECIBAN EXACTAMENTE EL REGALO DE BODAS QUE QUIEREN: CASH </div> </div> <div class="row"> <div class="col-xs-8 col-xs-offset-2 col-sm-10 col-sm-offset-1 col-md-offset-1 col-md-10 col-lg-offset-1 col-lg-10 step-text-body"> Olviden los regalos aburridos o repetidos. Les damos el cash para que compren lo que quieran. </div> </div> </div> <div class="row m-t-5 button-footer"> <div class="col-md-12"> <button class="btn btn-inverse" ng-click="startOnboarding()" send-g-a-display-event="" send-g-a-event-button="" ga-category="click" ga-action="{{'open-table'|translate}}" ga-label="{{'try-today'|translate}}" ng-disabled="onboardingTriggerDisabled" id="onboard-btn"> <span class="text-button-bold"> {{'try-today' | translate}} </span> <span class="text-button-simple"> {{ 'PRUEBA LO SENCILLO QUE ES' | translate}} </span> </button> </div> </div> </div> <div class="steps" id="step-1"> <div class="row p-t-20"> <div class="col-md-10 col-sm-10 col-sm-offset-1 col-md-offset-1 p-t-20"> <div class="row"> <div class="col-md-4"> <div class="row"> <div class="col-md-12"> <img src="../img/1507759003-11892243-75x67-Captura-de-pantalla-.png" style="float: left" alt=""> <h3 style="float: left;font-weight: bold;color: #737373;">Paso 1.</h3> </div> </div> <div class="row"> <div class="col-md-12"> <h3 style="margin-top: 0px;color: #fc7667;">{{ 'create-account' | translate }}</h3> </div> </div> <div class="row m-t-10"> <div class="col-md-12 text-body-info"> Elijan sus regalos o creen una experiencia para viajar. Hay parejas que han juntado el 100% para pagar su luna de miel. </div> </div> </div> <div class="col-md-4"> <div class="row"> <div class="col-md-12"> <img src="../img/1507759003-11893128-72x68-personaliza.png" style="float: left" alt=""> <h3 style="float: left;font-weight: bold;color: #737373;">Paso 2.</h3> </div> </div> <div class="row"> <div class="col-md-12"> <h3 style="margin-top: 0px;color: #fc7667;">{{ 'Comparte con invitados' | translate }}</h3> </div> </div> <div class="row m-t-10"> <div class="col-md-12 text-body-info"> Pónganlo en sus redes o en las invitaciones. Cuentan con un asesor UNIKO para todo el proceso. Tenemos las herramientas perfectas para ayudarles. Es simple. </div> </div> </div> <div class="col-md-4"> <div class="row"> <div class="col-md-12"> <img src="../img/1507759002-11892638-89x88x89x107x0x19-avion.png" style="float: left;height: 67px;width: 72px" alt=""> <h3 style="float: left;font-weight: bold;color: #737373;">Paso 3.</h3> </div> </div> <div class="row"> <div class="col-md-12"> <h3 style="margin-top: 0px;color: #fc7667;">{{ 'Llegó el cash' | translate }}</h3> </div> </div> <div class="row m-t-10"> <div class="col-md-12 text-body-info"> Es en serio. Así de simple. No más regalos duplicados y que no les gusten. Reciban el dinero en su cuenta y úsenlo como quieran. </div> </div> </div> </div> </div> </div> <div class="row p-t-20"> <div class="col-md-12 text-center p-t-20"> <button class="btn btn-inverse" ng-click="startOnboarding()" send-g-a-display-event="" send-g-a-event-button="" ga-category="click" ga-action="{{'open-table'|translate}}" ga-label="{{'try-today'|translate}}" ng-disabled="onboardingTriggerDisabled"> <span class=""> {{'PRUEBA LO SENCILLO QUE ES' | translate}} </span> </button> </div> </div> </div> </div> <div class="steps" id="step-2"> <div class="row p-t-20"> <div class="col-md-10 col-sm-10 col-sm-offset-1 col-md-offset-1 p-t-20"> <div class="row p-t-20"> <div class="col-md-4"> <div class="row"> <div class="col-md-12 text-center"> <img src="../img/testimonials/6269208-0-aura.jpg" alt="" height="220" class="img-circle"> </div> </div> <div class="row p-t-20"> <div class="col-md-12 text-center"> <img src="../img/quotation.png" alt="" height="30"> </div> </div> <div class="row"> <div class="col-md-12 text-center title-1"> Aura y Rodrigo </div> </div> <div class="row"> <div class="col-md-12 text-center title-2"> Juntaron $70,900 </div> </div> <div class="row"> <div class="col-md-12 text-center text-body-info"> El concepto resultó ser una experiencia increíble, llamó mucho la atención, sobre todo a nuestros amigos y familiares, para quienes comprar fue fácil, práctico y agradable. </div> </div> </div> <div class="col-md-4"> <div class="row"> <div class="col-md-12 text-center"> <img src="../img/testimonials/6269663-0-pau-mau.jpg" alt="" height="220" class="img-circle"> </div> </div> <div class="row p-t-20"> <div class="col-md-12 text-center"> <img src="../img/quotation.png" alt="" height="30"> </div> </div> <div class="row"> <div class="col-md-12 text-center title-1"> Paulina y Mau </div> </div> <div class="row"> <div class="col-md-12 text-center title-2"> Juntaron $37,750 </div> </div> <div class="row"> <div class="col-md-12 text-center text-body-info"> Logramos ahorrar como $20,000 usando la herramienta de confirmación a invitados. Usamos el dinero de los regalos para pagar gran parte de la luna de miel en Asia. Fué fácil, seguro y divertido para los invitados. </div> </div> </div> <div class="col-md-4"> <div class="row"> <div class="col-md-12 text-center"> <img src="../img/testimonials/6269798-0-Mp6.jpg" alt="" width="220" height="220" class="img-circle"> </div> </div> <div class="row p-t-20"> <div class="col-md-12 text-center"> <img src="../img/quotation.png" alt="" height="30"> </div> </div> <div class="row"> <div class="col-md-12 text-center title-1"> Marimar y Piko </div> </div> <div class="row"> <div class="col-md-12 text-center title-2"> Juntaron $93,790 </div> </div> <div class="row"> <div class="col-md-12 text-center text-body-info"> Una idea genial, pudimos personalizar nuestros regalos con experiencias para la luna de miel en Asia, y a nuestros invitados les encantó el servicio. </div> </div> </div> </div> </div> </div> <div class="row p-t-20" style="padding-bottom: 30px;"> <div class="col-md-12 text-center p-t-20"> <button class="btn btn-inverse" ng-click="startOnboarding()" send-g-a-display-event="" send-g-a-event-button="" ga-category="click" ga-action="{{'open-table'|translate}}" ga-label="{{'try-today'|translate}}" ng-disabled="onboardingTriggerDisabled"> <span class=""> {{'PRUEBA LO SENCILLO QUE ES' | translate}} </span> </button> </div> </div> </div> <div class="steps" id="step-3"> <div class="row"> <div class="col-md-12" style="padding-top: 44px;text-align: center;font-size: 27pt;color: #fc7667;"> Más de 1,800 parejas y $60,000,000 MXN en regalos entregados el último año. </div> </div> <div class="row p-t-20" style="padding-bottom: 30px;"> <div class="col-md-12 text-center p-t-20"> <button class="btn btn-inverse" ng-click="startOnboarding()" send-g-a-display-event="" send-g-a-event-button="" ga-category="click" ga-action="{{'open-table'|translate}}" ga-label="{{'try-today'|translate}}" ng-disabled="onboardingTriggerDisabled"> <span class=""> {{'PRUEBA LO SENCILLO QUE ES' | translate}} </span> </button> </div> </div> </div> <div class="steps" id="step-4"> <div class="row p-t-20"> <div class="col-sm-10 col-md-offset-0 col-sm-offset-1 col-md-12 p-t-20"> <a href="http://www.aztecanoticias.com.mx/capitulos/sociedad-y-medio-ambiente/186988/yo-amo-mi-dinero-personalizar-los-regalos-de-boda" target="_blank"> <img src="../img/1507759004-1702382-46x38-aztecalogo.png" alt=""> </a> <a target="_blank" href="http://www.publimetro.com.mx/mujeres/uniko-df-una-opcion-diferente-para-tu-boda/mnih!J4TpPryulZgzk/"> <img src="../img/1507759006-1702392-95x26-logopublimetro.png" alt=""> </a> <a target="_blank" href="http://www.reforma.com/aplicacioneslibre/galeriamultimedia/default.aspx?id=37072&v=3&md5=a8ea44cbc80901b4df7bd54314af0a24&ta=0dfdbac11765226904c16cb9ad1b2efe"> <img src="../img/1507759003-1702405-100x11-reformalogo.png" alt=""> </a> <a target="_blank" href="http://www.milenio.com/tendencias/mesa_regalos_cambia_por_dinero-convierte_dinero-unikodf-bodas_en_el_df_0_337166559.html"> <img src="../img/1507759001-1702395-75x11-mileniologo.png" alt=""> </a> <a target="_blank" href="http://www.elnorte.com/aplicacioneslibre/articulo/default.aspx?id=625154&md5=35b12ddc2ca77da7e10c473dfa90084c&ta=0dfdbac11765226904c16cb9ad1b2efe"> <img src="../img/1507759005-1702386-100x26-elnortelogo.png" alt=""> </a> <a target="_blank" href="http://www.lifeandstyle.la/actualidad/2014/07/11/la-mesa-de-regalos-ideal-para-los-hombres"> <img src="../img/1507759005-1702391-94x29-lifelogo.png" alt=""> </a> <a target="_blank" href="http://www.mural.com/aplicacioneslibre/galeriamultimedia/default.aspx?id=37167&md5=3195173cd64ae8ab54e6e71dcd52d839&ta=0dfdbac11765226904c16cb9ad1b2efe"> <img src="../img/1507759002-1702402-86x11-murallogo.png" alt=""> </a> </div> </div> <div class="row"> <div class="col-md-12" > <h1> "Ideal para las parejas millenials" </h1> </div> </div> </div> <div class="loading-init hidden" style="opacity: 0.95;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 2040 !important;background-color: #fff;"> <div class="content-loader" style="position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);min-width: 180px;"> <img class="loader-image hidden" id="loader_1" style="height:40px; width: 40px" src="./img/1_regalo.png"> <img class="loader-image hidden" id="loader_2" style="height:12px; width: 12px" src="./img/2_mas.png"> <img class="loader-image hidden" id="loader_3" style="height:40px; width: 40px" src="./img/3_pesos.png"> <img class="loader-image hidden" id="loader_4" style="height:12px; width: 12px" src="./img/4-igual.png"> <img class="loader-image hidden" id="loader_5" style="height:40px; width: 40px" src="./img/5_avion.png"> </div> </div> <script src="raw/landing.js" type="text/javascript"></script>