</ iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Pre loader --> <div id="loader" class="loader"> <div class="plane-container"> <div class="preloader-wrapper small active"> <div class="spinner-layer spinner-blue"> <div class="circle-clipper left"> <div class="circle"></div> </div><div class="gap-patch"> <div class="circle"></div> </div><div class="circle-clipper right"> <div class="circle"></div> </div> </div> <div class="spinner-layer spinner-red"> <div class="circle-clipper left"> <div class="circle"></div> </div><div class="gap-patch"> <div class="circle"></div> </div><div class="circle-clipper right"> <div class="circle"></div> </div> </div> <div class="spinner-layer spinner-yellow"> <div class="circle-clipper left"> <div class="circle"></div> </div><div class="gap-patch"> <div class="circle"></div> </div><div class="circle-clipper right"> <div class="circle"></div> </div> </div> <div class="spinner-layer spinner-green"> <div class="circle-clipper left"> <div class="circle"></div> </div><div class="gap-patch"> <div class="circle"></div> </div><div class="circle-clipper right"> <div class="circle"></div> </div> </div> </div> </div> </div> <!-- end Pre loader --> <div class="page parallel"> <div class="d-flex row"> <div class="d-none d-lg-block col-lg-7 height-full-2 pt-5 pb-5 pl-5 pr-2" data-bg-repeat="false" style="#001341; background-size:cover;"> <div class="col-sm-12 h-full guest-container p-5"> <!-- <div class="row"> <div class="flex-container"> <div> <img height="80px" src="https://appdev.interval.com.do/img/logo_full_h.png" alt="" /> </div> <div class="row"> <div class="col-sm-12"> <h1 class="text-white font-weight-bold text-uppercase guest-title"> Invertir acompañado <br>se siente diferente </h1> </div> </div> </div> </div> --> </div> </div> <div class="d-none d-lg-block col-lg-5 white pr-0"> <div class="p-5"> <h1 class="title">Inicia sesión</h1> <form method="POST" id="login" action="https://appdev.interval.com.do/login" class="needs-validation" novalidate> <input type="hidden" name="_token" value="mwRxJUJKemONYgCzbEQ4et2MFVswEwMr6JD69PUO"> <div class="form-group"> <label for="email" class="text-deep-blue font-weight-400">Correo electrónico</label> <input type="email" value="" class="form-control form-control-lg rounded " name="email" autocomplete="email" required autofocus> </div> <div class="form-group"> <label for="password" class="text-deep-blue font-weight-400">Contraseña</label> <input type="password" class="form-control form-control-lg rounded " name="password" placeholder="Contraseña" required> </div> <div class="form-group"> <div class="g-recaptcha" data-sitekey="6LcJH1McAAAAAFk6nb9hWfZJgUWkfAcT1mSRxsSo" data-size="normal" data-theme="light" id="recaptcha-element"></div> </div> <button type="submit" id="loginbtn" class="btn btn-primary rounded text-uppercase mg-b-20 btn-lg btn-block"> Iniciar Sesión </button> <div class="text-center"> <p class="mg-b-0"> <a class="btn btn-link px-0" href="https://appdev.interval.com.do/password/reset"> ¿Olvidaste tu contraseña? </a> | <a class="btn btn-link px-0" href="https://appdev.interval.com.do/register"> Crear una cuenta </a> <br> <a id="volverAsite" class="btn btn-link px-0" target="_blank" href="https://www.interval.com.do"> <i class="fal fa-globe-americas mg-r-5"></i>Volver a Interval </a> </p> </div> </form> </div> </div> <div class="d-block d-lg-none col-sm-12 guest-container height-full-2 r-0 p-4" style="#001341; background-size:cover;"> <div class="row"> <div class="col-sm-12 text-center"> <!-- <img height="60px" class="mb-4 logo-mobile" src="https://appdev.interval.com.do/img/logo_full_h.png" alt="" /> <h1 class="text-white font-weight-bold text-uppercase guest-title guest-title-mobile"> Invertir acompañado <br>se siente diferente </h1> --> <div class="bg-white p-4 content-container text-left"> <div class="smallBar"></div> <h1 class="title">Inicia sesión</h1> <form method="POST" id="login" action="https://appdev.interval.com.do/login" class="needs-validation" novalidate> <input type="hidden" name="_token" value="mwRxJUJKemONYgCzbEQ4et2MFVswEwMr6JD69PUO"> <div class="form-group"> <label for="email" class="text-deep-blue font-weight-400">Correo electrónico</label> <input type="email" value="" class="form-control form-control-lg rounded " name="email" autocomplete="email" required autofocus> </div> <div class="form-group"> <label for="password" class="text-deep-blue font-weight-400">Contraseña</label> <input type="password" class="form-control form-control-lg rounded " name="password" placeholder="Contraseña" required> </div> <div class="form-group"> <div class="g-recaptcha" data-sitekey="6LcJH1McAAAAAFk6nb9hWfZJgUWkfAcT1mSRxsSo" data-size="normal" data-theme="light" id="recaptcha-element"></div> </div> <button type="submit" id="loginbtn" class="btn btn-primary rounded text-uppercase mg-b-20 btn-lg btn-block"> Iniciar Sesión </button> <div class="text-center"> <p class="mg-b-0"> <a class="btn btn-link px-0" href="https://appdev.interval.com.do/password/reset"> ¿Olvidaste tu contraseña? </a> | <a class="btn btn-link px-0" href="https://appdev.interval.com.do/register"> Crear una cuenta </a> <br> <a id="volverAsite" class="btn btn-link px-0" target="_blank" href="https://www.interval.com.do"> <i class="fal fa-globe-americas mg-r-5"></i>Volver a Interval </a> </p> </div> </form> </div> </div> </div> </div> </div> </div> <!--jquery include --> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> <!--bootstrap include for collapse use --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script> <!-- Hotjar Tracking Code for https://app.Tivalsa.com.do/ --> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-S1FBHMBC6Q"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-S1FBHMBC6Q'); </script> <!--custom js --> <script src="https://appdev.interval.com.do/js/custom.js"></script> <!-- custom assets includes --> <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"> </script> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <!-- vue include --> <script src="https://cdn.jsdelivr.net/npm/vue@2.7.16/dist/vue.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/v-mask/dist/v-mask.min.js"></script> <script> Vue.component('identificacion', { template: //html ` <div class="row"> <div class="col-sm-6"> <div class="form-group has-icon"> <i class="fal fa-id-card"></i> <select name="tipoIdentificacion" id="tipoIdentificacion" class="form-control" v-model="tipoIdentificacion" data-placeholder="Selecciona una identificación" required> <option value="" hidden>Selecciona una identificación</option> <option value="cedula">Cédula</option> <option value="pasaporte">Pasaporte</option> </select> </div> </div> <div class="col-sm-6"> <div class="form-group has-icon"> <i class="fal fa-hashtag"></i> <input type="text" :placeholder="tipoIdentificacion === 'cedula' ? '___-_______-_' : '____________________'" v-mask="tipoIdentificacion === 'cedula' ? '###-#######-#' : 'NNNNNNNNNNNNNNNNNNNN'" v-model="identificacion" class="form-control form-control-lg " value="" name="identificacion" id="identificacion" autocomplete="identificacion" required autofocus> </div> </div> </div> `, data() { return { tipoIdentificacion: '', identificacion: '', mask: { cedula: '###-#######-#', tel: '###-###-####', }, } }, }); Vue.use(VueMask.VueMaskPlugin); const app = new Vue({ el: '#app2', data: { titulo: 'Componentes' } }) </script> <script> (function() { 'use strict'; window.addEventListener('load', function() { // Fetch all the forms we want to apply custom Bootstrap validation styles to var forms = document.getElementsByClassName('needs-validation'); // Loop over them and prevent submission var validation = Array.prototype.filter.call(forms, function(form) { form.addEventListener('submit', function(event) { if (form.checkValidity() === false) { event.preventDefault(); event.stopPropagation(); } form.classList.add('was-validated'); }, false); }); }, false); })(); </script> </body> </html>