Karma | Owner's Portal

<!doctype html> <html lang="en"> <head> <script src="/_ui/karmaheader/js/karmaheader.js"> </script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.js"></script>   <link rel="stylesheet" href="/_ui/newmodel/assets/css/animate.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">  <title> Karma | Owner's Portal </title> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <meta name="robots" content="index,follow"> <link rel="shortcut icon" type="image/x-icon" media="all" href="/_ui/responsive/common/karma/fav/favicon-16x16.png" /> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="/_ui/postowners/assets/css/bootstrap.min.css"> <link rel="stylesheet" href="/_ui/postowners/assets/css/styles.css"> <title>Login</title>  <script type="text/javascript" src="/_ui/shared/js/analyticsmediator.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous"> <link rel="stylesheet" href="/_ui/payment/assets/css/styles.css" /> </head> <body data-sticky-container class="login-body">  <div class="title-bar fixed-top" data-responsive-toggle="global-nav" data-hide-for="xlarge" data-sticky data-options="marginTop:0;" style="display: none; width:100%;top: 0px !important;"> <div class="title-bar-left"> <div class="title-bar-title"> <a href = "https://www.karmaautomotive.com"> <img src="/_ui/payment/assets/img/karma-logo-light.svg" alt="Karma Automotive" class="responsive"> </a> </div> </div> </div>  <div class="top-bar position-fixed w-100 d-none d-sm-none d-lg-block" style="top: 0px !important;" id="global-nav" > <div class="top-bar-title"> <a href = "https://www.karmaautomotive.com"> <img src="/_ui/payment/assets/img/karma-logo-light.svg" height="18" width="130" alt="Karma Automotive" class="responsive"> </a> </div> </div> <section class="login animatedParent" id="registerFormSection"> <div class="container page-login"> <div class="row"> <div class="RegisterFormcontent "> <h2 class="headingDark login-header animated fadeInDownShort go">Karma Owner's Portal</h2> <h4 class="login-title animated fadeInUpShort">Sign In</h4> <div class="RegisterFormDiv form-div"> <form class="RegisterForm" id="login-form"> <div class="row"> <div class="col-sm-12 col-md-6 col-lg-6 "> <div class="form-group animated fadeInUpShort go "> <input type="email" class="form-control" id="email-address" placeholder="Email Address"> </div> </div> </div> <div class="row"> <div class="col-sm-12 col-md-6 col-lg-6"> <div class="form-group animated fadeInUpShort"> <input type="password" class="form-control" id="password" placeholder="Password"> </div> </div> </div> <div class="row"> <div class="col-md-12 success-error-msg space-2 text-center" id="user-login-error"> </div> <div class="col-md-12 text-center space-2" id="user-login-loading"> <img src="/_ui/postowners/assets/images/loading.gif" class="loading-img" /> </div> </div> <div class="calliXp-register-btn form-group animated fadeInUpShort"> <button type="submit" class="login-btn" id="Ownerlogin">LOG IN</button> </div> </form> </div> </div> </div> </div> <h6 class="forgot-link animated fadeInUpShort"><a href="javascript:void(0);" data-backdrop="static" data-keyboard="false" data-toggle="modal" data-target="#karma-forget-password">Forgot password?</a></h6> </section> <div class="ModalDivLoginPage"> <div class="modal forgotPasswdModal" id="karma-forget-password"> <div class="modal-dialog modal-lg"> <div class="modal-content text-center"> <button type="button" class="close forgotpasswdClose" data-dismiss="modal">×</button> <div class="modal-header"> <h4 class="modal-title"> Forgot Password </h4> </div> <div class="modal-body"> <p>Please create a new password for your Karma Owner's account: </p> <div class="forget-password-form-action"> <form class="form-wrapper" id="karma-forget-password" method="post"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="form-group"> <input type="text" id="forgot-email" name="forgot-email" class="form-control" placeholder="Email" required=""> </div> <div id="errorMsg" class="success-error-msg"> </div> <div class="button-group"> <a href="javascript:forgotPasswordSend();" id="forget-form-submit" class="btn forgot-password-send">SEND</a> <a href="javascript:void(0)" class="forgot-password-close" data-dismiss="modal" title="">CLOSE</a> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> <footer class="karma--footer"> <div class="container custom-container"> <div class="row"> <div class="col-lg-4 col-sm-12"> <div class="karma--footer__emailSection"> <h2 class="karma--footer__title"> <img src="/_ui/payment/assets/img/karma-logo-dark.svg" class="img-fluid" alt="karma-logo" /> <span>Connection</span> </h2> <p class="karma--footer__para">We're changing the world of mobility. We invite you to witness our extraordinary story as it is written.</p> <div id="newsletter-thanks-new1" style="min-height:250px; display : none"> <h5 style="margin-top: 25px; text-align: center; color:#000000; font-family: 'Nexa Light';font-size: 21px;line-height: 1.2em; text-transform: uppercase; letter-spacing: 4.805px; /* margin-top: 34px; */ text-align: left; height: 30%; display: flex; align-items: center;">Thank you for signing up!</h5> </div> <form id="signup-form-payment" role="form" class="ui inverted stackable centered padded page grid new1 show-for-medium" style="padding-left: 5px;"> <div class="show-for-medium grid-x grid-margin-x"> <input id="CSRFToken" value="fe686b1d-2513-4e75-90d4-855078974cc0" type="hidden"> <div class="form-group"> <input class="form-control" style="max-width: 45% !important;display: inline !important;" type="text" placeholder="First Name" id="firstName2" required />  <input class="form-control" style="max-width: 45% !important;display: inline !important;margin-left: 10px !important;" type="text" placeholder="Last Name" id="lastName2" class="medium-12 large-6" required /></div> <input type="email" style="max-width: 93% !important;" placeholder="Email" id="email2" class="form-control" required /> <div class="karma--form__actions" style="margin-top: 15px !important ;margin-bottom: 12px !important;"> <button class="btn karma-btn px-0">Submit <svg xmlns="http://www.w3.org/2000/svg" width="62" height="12" viewBox="0 0 62 12" fill="none"> <path d="M1.76172 10.5085H51L60.5 1" stroke="#B1A699" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </div> </div> </form> </div> </div> <div class="col-6 col-lg-4 col-sm-6"> <div class="row"> <div class="col-lg-6 col-sm-6"> <ul class="list-group karma--footer__list"> <a href="https://portal.karmaautomotive.com/karmab2c/en/privacylegal" class="list-group-item">Legal</a> <a href="https://karmaautomotive.com/cookie-policy/" class="list-group-item">Cookie Policy</a>  </ul> </div> <div class="col-lg-6 col-sm-6"> <ul class="list-group karma--footer__list"> <a href="https://portal.karmaautomotive.com/karmaownerslogin" class="list-group-item">Owners Portal</a> <a href="https://shopkarmaautomotive.com/" class="list-group-item">Designed by KARMA <img src="/_ui/payment/assets/img/icons/link-icon.svg" class="align-baseline img-fluid ml-2"/></a> </ul> </div> </div> </div> <div class="col-6 col-lg-4 col-sm-6 pl-md-0"> <div class="row"> <div class="col-lg-6 col-sm-6"> <ul class="list-group karma--footer__list"> <a href="https://secure3.entertimeonline.com/ta/6119018.careers?CareersSearch" class="list-group-item">Careers <img src="/_ui/payment/assets/img/icons/link-icon.svg" class="align-baseline img-fluid ml-2"/></a>  </ul> </div> </div> </div></div> <div class="footer-hr"></div> <div class="karma--footer__copyright"> <div class="row align-items-center"> <div class="col-8 col-lg-8 col-sm-8"> <div class="row"> <div class="col-lg-6 col-sm-6"> <p class="mb-4 mb-md-0">© KARMA Automotive. All rights reserved.</p> </div> <div class="col-lg-6 col-sm-6"> </div> </div> </div> <div class="col-4 col-lg-4 col-sm-4"> <div class="karma--footer__socials"> <span style="padding-right:30px !important;color: black !important;">@KARMA AUTOMOTIVE</span> <a href="https://www.linkedin.com/company/karmaautomotive"> <img src="/_ui/payment/assets/img/icons/icon_linkedin.svg"> <s/a> <a href="https://www.instagram.com/karmaautomotive/"> <img src="/_ui/payment/assets/img/icons/social-insta-icon.svg"> <s/a> <a href="https://www.facebook.com/KarmaAutomotiveLLC/"> <img src="/_ui/payment/assets/img/icons/social-icon.svg"> </a> </div> </div> </div> </div></div> </footer>  <script src="/_ui/postowners/assets/js/popper.min.js"></script> <script src="/_ui/postowners/assets/js/foundation.min.js"></script> <script src='/_ui/postowners/assets/js/foundation.dropdownMenu.js'></script> <script src="/_ui/postowners/assets/js/bootstrap.min.js"></script> <script src="/_ui/postowners/assets/js/ownersdashboard.js"></script> <script src="/_ui/reveropage/js/newsletter.js"></script> <script src="/_ui/postowners/assets/js/custom.js"></script> <script src="/_ui/postowners/assets/js/jquery.touchSwipe.min.js"></script> <script src="/_ui/reveropage/js/newsletter.js"></script> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <script> $(document).foundation(); function forgotPasswordSend() { try { var regex = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; var _emailid = $("#forgot-email").val(); var form = $("#karma-forget-password form"); data = {}; if (_emailid == "") { $("#errorMsg").html("Please provide the email.") return false; } else if (!regex.test(_emailid)) { $("#errorMsg").html("Please enter valid email."); return false; } else { data.username = _emailid; $.ajax({ url: "/karmaowner/forgotpasswordkarmaowner", type: "POST", data: data, success: function (result, status, jqxhr) { if (result != "valid") { $("#errorMsg").text("Please enter valid email address"); } else { $("#errorMsg").text("Request sent successfully!"); setTimeout(function () { $("#karma-forget-password").modal("hide"); $("#errorMsg").text(""); $("#forgot-email").val(""); }, 3000); } }, error: function (error) { console.log('Error in forgot password form:' + ' Status Code: ' + error.status + ' Error message: ' + error.statusText); } }); } } catch (error) { console.log('Error in forgot passowrd : ' + error.message); } } </script> <script> (function(){ var s = document.createElement('script'); var h = document.querySelector('head') || document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init({ statementLink : '', footerHtml : 'Powered by Junction Creative', hideMobile : false, hideTrigger : false, disableBgProcess : false, language : 'en', position : 'left', leadColor : '#751f2b', triggerColor : '#751f2b', triggerRadius : '50%', triggerPositionX : 'left', triggerPositionY : 'bottom', triggerIcon : 'display', triggerSize : 'medium', triggerOffsetX : 20, triggerOffsetY : 20, mobile : { triggerSize : 'small', triggerPositionX : 'left', triggerPositionY : 'center', triggerOffsetX : 10, triggerOffsetY : 0, triggerRadius : '50%' } }); }; h.appendChild(s); })(); </script></body> </html>

CINXE.COM

Karma | Owner's Portal