Login - Meeting Professionals International

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Login - Meeting Professionals International</title> <link rel="icon" type="image/x-icon" href="/favicon.ico?v=2" /> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico?v=2" /> <link rel="stylesheet" href="/css/main.min.css" /> <script src="/lib/jquery/dist/jquery.min.js"></script> <script src="/lib/remodal/dist/remodal.min.js"></script> <script src="/js//purl.js"></script> <link rel="stylesheet" href="/lib/remodal/dist/remodal.css" /> <link rel="stylesheet" href="/lib/remodal/dist/remodal-default-theme.css" /> <link rel="stylesheet" href="/css/login.css" />    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-1850340-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-1850340-1'); </script>  </head> <body> <div id="loading-overlay" class="loader"></div> <div class="container body-content"> <script src="/js/login.js"></script> <script src="/js/js.cookie.min.js"></script> <script type="text/javascript"> $(document).ready(function () { if (Cookies.get('mpiDPPcheck') == undefined) { //no DDP cookie $('#socialLoginBtn-facebook').click(function () { return false; }); $('#socialLoginBtn-linkedin').click(function () { return false; }); $('#dataprivacyL').click(function () { if (!$(this).is(':checked')) { $('#socialLoginBtn-facebook').bind('click', function () { return false; }); $('#socialLoginBtn-linkedin').bind('click', function () { return false; }); } else { $('#socialLoginBtn-facebook').unbind('click'); $('#socialLoginBtn-linkedin').unbind('click'); } }); $('#dataprivacyS').click(function () { if (!$(this).is(':checked')) { $('#socialLoginBtn-facebook').bind('click', function () { return false; }); $('#socialLoginBtn-linkedin').bind('click', function () { return false; }); } else { $('#socialLoginBtn-facebook').unbind('click'); $('#socialLoginBtn-linkedin').unbind('click'); } }); $('#socialLoginBtn-linkedin').click(function () { alert("You must agree to the MPI Data Privacy Policy to continue."); }); $('#socialLoginBtn-facebook').click(function () { alert("You must agree to the MPI Data Privacy Policy to continue."); }); $('#btnLogin').click(function () { if (!$('#dataprivacyL').is(':checked')) { alert("You must agree to the MPI Data Privacy Policy to continue."); return false; } else { Cookies.set('mpiDPPcheck', '1', { expires: 45, path: '/' }); } }); $('#btnSignUp').click(function () { if (!$('#dataprivacyS').is(':checked')) { alert("You must agree to the MPI Data Privacy Policy to continue."); return false; } else { Cookies.set('mpiDPPcheck', '1', { expires: 45, path: '/' }); } }); } else { //DPP cookie $('.dppL').css("display", "none"); $('.dppS').css("display", "none"); } $(function () { $('#regform').submit(function () { $("button[type='submit']", this) .html("Please Wait...") .attr('disabled', 'disabled'); return true; }); }); }); </script> <div class="login-page"> <div class="page-header"> </div> <div class="row padding-md-bottom"> <div class="col-xs-10 col-xs-offset-1 col-sm-6 col-sm-offset-3"> <div class="center-contents max-width-sm"> <div class="row text-center padding-md-bottom"> <div class="col-xs-12"> <img src="/images/MPI-logo-small.png"> </div> </div> <div id="loginForm" > <div class="row text-center padding-md-bottom"> <div class="col-xs-12"> <h4>Sign into your account</h4> </div> </div> <form action="" method="post" id="regForm"> <input type="hidden" id="ReturnUrl-Login" name="ReturnUrl" value="/connect/authorize/callback?client_id=EhBtx24wGhPQjGYU&scope=openid&response_type=code&redirect_uri=https%3A%2F%2Fu.mpi.org&state=https%3A%2F%2Fu.mpi.org%2Fcommunities%2Fcommunity-home%3FCommunityKey%3Dc9016e2c-fbf4-41e9-81bf-018e1f2038a9" /> <div class="row padding-sm-bottom"> <div class="col-xs-12"> <label>Username</label><br /> <input type="text" class="login-input" placeholder="Username or Email Address" autofocus data-val="true" data-val-required="The Username field is required." id="Username" name="Username" value="" /> </div> </div> <div class="row padding-sm-bottom"> <div class="col-xs-12"> <label>Password</label><br /> <div class="input-group login-password"> <input type="password" class="login-input" placeholder="Password" aria-describedby="forgot-password" data-val="true" data-val-required="The Password field is required." id="Password" name="Password" /> <a class="input-group-addon brand-blue forgot-button" id="forgot-password">I forgot</a> </div> </div> </div> <div class="row padding-lg-bottom padding-md-top"> <div class="col-xs-12 dppL"> <input type="checkbox" name="dataPrivacyPolicy" id="dataprivacyL" /> <span>I have read and agreed to the <a href="https://www.mpi.org/privacy" target="_blank">MPI Data Privacy Policy.</a>*</span> <br /> </div> </div> <div class="row padding-sm-bottom"> <div class="col-xs-12"> <button id="btnLogin" type="submit" class="btn btn-large btn-login" formaction="/account/Login">Login</button> </div> </div> <div class="row text-center"> <div class="col-xs-12"> <span class="dashboard light-grey">Don't have an account? <a id="signUpLink" class="brand-blue">Sign up</a></span> </div> </div> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8KpZiJ7Mu95FskpsnhKJJ9R1EL4mMfoxbJLtP2kFym-0un-cIPxSzkMUlSTjme8zwcLBCYsuB-_xbfs06eEJr2xJCRZZbNirW6FZKBAGK_TGey8hF173KIufCxtCEz1hA251p-zXludk0ylN8RzMFC0" /></form> </div> <div id="signupForm" hidden> <script type="text/javascript"> var your_site_key = '6Lcgr-MUAAAAAGRYQ2o7hMBlzicne4d6v2qqbXnM'; var renderRecaptcha = function () { grecaptcha.render('ReCaptchContainer', { 'sitekey': your_site_key, 'callback': reCaptchaCallback, theme: 'light', //light or dark type: 'image',// image or audio size: 'normal'//normal or compact }); }; var reCaptchaCallback = function (response) { if (response !== '') { jQuery('#lblMessage').css('color', 'green').html('Success'); } }; jQuery('button[type="button"]').click(function (e) { var message = 'Please checck the checkbox'; if (typeof (grecaptcha) != 'undefined') { var response = grecaptcha.getResponse(); (response.length === 0) ? (message = 'Captcha verification failed') : (message = 'Success!'); } jQuery('#lblMessage').html(message); jQuery('#lblMessage').css('color', (message.toLowerCase() == 'success!') ? "green" : "red"); }); </script> <div class="row text-center padding-md-bottom"> <div class="col-xs-12"> <h4>Register for Account</h4> </div> </div> <form id="regform" action="/account/register" method="post"> <input type="hidden" id="ReturnUrl-Signup" name="ReturnUrl" value="/connect/authorize/callback?client_id=EhBtx24wGhPQjGYU&scope=openid&response_type=code&redirect_uri=https%3A%2F%2Fu.mpi.org&state=https%3A%2F%2Fu.mpi.org%2Fcommunities%2Fcommunity-home%3FCommunityKey%3Dc9016e2c-fbf4-41e9-81bf-018e1f2038a9" /> <div class="row padding-sm-bottom"> <div class="col-xs-6"> <label>First Name</label><br /> <input type="text" class="login-input" placeholder="e.g. John" autofocus required id="FirstName" name="FirstName" value="" /> </div> <div class="col-xs-6"> <label>Last Name</label><br /> <input type="text" class="login-input" placeholder="e.g. Doe" required id="LastName" name="LastName" value="" /> </div> </div> <div class="row padding-sm-bottom"> <div class="col-xs-12"> <label>Email Address</label><br /> <input type="email" class="login-input" placeholder="e.g. john.doe@email.com" required id="EmailAddress" name="EmailAddress" value="" /> </div> </div> <div class="row padding-sm-bottom"> <div class="col-xs-12"> <label>Password</label><br /> <input type="password" class="login-input" placeholder="Password" required id="NewPassword" name="NewPassword" /> </div> </div> <div class="row padding-sm-bottom"> <div class="col-xs-12"> <label>Confirm Password</label><br /> <input type="password" class="login-input" placeholder="Confirm Password" required id="ConfirmPassword" name="ConfirmPassword" /> </div> </div> <div class="row padding-lg-bottom padding-md-top"> <div class="col-xs-12 dppS"> <input type="checkbox" name="dataPrivacyPolicy" id="dataprivacyS" /> <span>I have read and agreed to the <a href="https://www.mpi.org/privacy" target="_blank">MPI Data Privacy Policy.</a>*</span> <br /> </div> </div> <div class="row padding-sm-bottom text-center"> <div class="col-xs-12"> <span id="passwordMatch" class="text-xs brand-green"><span class="icon icon-checkmark"></span> Passwords match!</span> <span id="passwordNotMatch" class="text-xs brand-red"><span class="icon icon-cross"></span> Passwords must match</span> </div> </div> <div id="ReCaptchContainer" style="margin: 0px auto 30px auto; text-align: center; width: 80%;"></div> <script src='https://www.google.com/recaptcha/api.js?onload=renderRecaptcha&render=explicit'></script> <div class="row padding-sm-bottom"> <div class="col-xs-12"> <button id="btnSignUp" type="submit" class="btn btn-large btn-login">Register</button> </div> </div> <div class="row text-center"> <div class="col-xs-12"> <span class="dashboard light-grey">Already have an account? <a id="loginLink" class="brand-blue">Log in</a></span> </div> </div> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8KpZiJ7Mu95FskpsnhKJJ9R1EL4mMfoxbJLtP2kFym-0un-cIPxSzkMUlSTjme8zwcLBCYsuB-_xbfs06eEJr2xJCRZZbNirW6FZKBAGK_TGey8hF173KIufCxtCEz1hA251p-zXludk0ylN8RzMFC0" /></form> </div> <div class="row padding-md-bottom padding-md-top"> <div class="col-xs-12"> <span class="grey-line"></span> <p class="grey-line"> <span class="light-grey">or</span> </p> </div> </div> <div class="padding-md-bottom"> <div class="row padding-sm-bottom"> <div class="col-xs-12"> <a class="btn btn-large btn-facebook" id="socialLoginBtn-facebook" href="/account/ExternalLogin?returnUrl=%2Fconnect%2Fauthorize%2Fcallback%3Fclient_id%3DEhBtx24wGhPQjGYU%26scope%3Dopenid%26response_type%3Dcode%26redirect_uri%3Dhttps%253A%252F%252Fu.mpi.org%26state%3Dhttps%253A%252F%252Fu.mpi.org%252Fcommunities%252Fcommunity-home%253FCommunityKey%253Dc9016e2c-fbf4-41e9-81bf-018e1f2038a9&provider=Facebook"><span class="icon icon-facebook2"></span> Sign in with Facebook</a> </div> </div> <div class="row padding-sm-bottom"> <div class="col-xs-12"> <a class="btn btn-large btn-linkedin" id="socialLoginBtn-linkedin" href="/account/ExternalLogin?returnUrl=%2Fconnect%2Fauthorize%2Fcallback%3Fclient_id%3DEhBtx24wGhPQjGYU%26scope%3Dopenid%26response_type%3Dcode%26redirect_uri%3Dhttps%253A%252F%252Fu.mpi.org%26state%3Dhttps%253A%252F%252Fu.mpi.org%252Fcommunities%252Fcommunity-home%253FCommunityKey%253Dc9016e2c-fbf4-41e9-81bf-018e1f2038a9&provider=LinkedIn"><span class="icon icon-linkedin"></span> Sign in with LinkedIn</a> </div> </div> </div> </div> </div> </div> </div> <div data-remodal-id="linkAccountWarning"> <div class="modal-header"> <h3 class="modal-title" id="modal-title">Do you have an existing MPI Account?</h3> </div> <div class="modal-body" id="modal-body"> <p> If you already have an existing MPI account, please login with your MPI username and password. You鈥檒l then be prompted to link your social accounts on the next screen. </p> <p> If you continue without logging in to your existing MPI account, your social accounts and MPI account will not link properly. </p> </div> <div class="modal-footer"> <a class="btn btn-warning continue-external-login">No - Continue Creating Account</a> <a id="linkAccountBtn" class="btn btn-primary" data-remodal-action="cancel">Yes - Login with MPI Credentials</a> </div> </div> </div> <script src="/lib/bootstrap/js/bootstrap.js"></script> </body> </html>

CINXE.COM

Login - Meeting Professionals International