Sign in - ChinesePod

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Sign in - ChinesePod</title> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="p:domain_verify" content="3b2802e8866dbff7cdd3cd95b58725cb"/> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href="/bootstrap/3.3.4/css/bootstrap.min.css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"/>   <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet"> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="apple-touch-icon" href="/images/icons/apple-touch-icon.png" /> <link rel="stylesheet" href="https://chinesepod.com/dist/main.css?id=ffbe4e8470c0020a56ed"> <link rel="canonical" href="https://chinesepod.com/accounts/signin" /> <script src="/js/jquery-1.11.1.min.js"></script> <script src="/js/jquery-ui-1.11.2.min.js"></script> <script src="/js/jquery.ui.touch-punch.min.js"></script> <script type="text/javascript" src="/js/common.js?v=16021803"></script> <meta property="fb:admins" content="689662443" /> <meta property="fb:app_id" content="579023338839518" /> <meta property="og:type" content="website" />      <script type='text/javascript'> window.__lo_site_id = 82602; (function() { var wa = document.createElement('script'); wa.type = 'text/javascript'; wa.async = true; wa.src = 'https://d10lpsik1i8c69.cloudfront.net/w.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wa, s); })(); </script>  <style> .font-chinese { font-size: 30px; } .font-english { font-size: 18px; } .font-chinese span { cursor: pointer; } .font-chinese span:hover { background: #FCC90D; border-radius: 4px; } </style> </head> <body>  <div id="dhtmltooltip"></div> <style> .cp-mega-dropdown { top: 62px !important; } a.fhf { color: #999 !important; font-size: 30px !important; padding: 0 5px 0 10px; } @media (max-width: 768px){ a.fhf { color: #fff !important; padding: 0 5px; } } .cp-right-menu-item.cp-dropdown:hover a.fhf { color: #fff !important; } .help-dropdown a { font-size: 16px; } a.nav-icon-link svg { fill: #999 !important; -webkit-transition: .2s; -moz-transition: .2s; transition: .2s; } a.nav-icon-link:hover svg {fill: #fff !important;} nav.cp-navbar {top: 0 !important} </style> <nav class="cp-navbar"> <div class="cp-navbar-logo-cont"> <a href="/" class="cp-logo-link"> <img src="/img/logo.svg" alt="ChinesePod" width="160" class="cp-navbar-logo"> </a> <div class="cp-burger"> <span></span> <span></span> <span></span> </div> </div> <div class="cp-menu cp-mobile-menu-collapsed"> <div class="cp-menu-item"> <span class="cp-menu-item-lbl"> <a href="/dashboard/">LESSONS</a> </span> <div class="cp-mega-dropdown"> <div class="cp-mega-dropdown-centralized"> <a href="/#our-features" class="cp-mega-dropdown-item">Our Lessons</a> <a href="/playlist/say-it-right/welcome" class="cp-mega-dropdown-item">Say It Right</a> <a href="/library/courses/" class="cp-mega-dropdown-item">Playlist </a> <a href="/library/channels/?academic-levels" class="cp-mega-dropdown-item">Levels</a> </div> </div> </div> <div class="cp-menu-item"> <span class="cp-menu-item-lbl"> <a href="#">TOOLS</a> </span> <div class="cp-mega-dropdown"> <div class="cp-mega-dropdown-centralized"> <a href="#" class="cp-mega-dropdown-item hidden-lg-disp">TOOLS</a> <a href="/dictionary/english-chinese/" class="cp-mega-dropdown-item">Dictionary</a> <a href="/tools/pronunciation/" class="cp-mega-dropdown-item">Pronunciation</a> <a href="/blog/" class="cp-mega-dropdown-item">Blog</a> </div> </div> </div>      <div class="cp-menu-item"> <span class="cp-menu-item-go"> <a href="/corporate">Corporate</a> </span> </div> <div class="cp-right-menu"> <div class="cp-right-menu-item cp-dropdown"> <a href="#" class="cp-dropdown-toggle">Company</a> <span class="cp-pointer-up"></span> <div class="cp-dropdown-menu"> <a href="/why-choose-us/" class="cp-dropdown-menu-item">Why Choose Us</a> <a href="/contact/" class="cp-dropdown-menu-item">Contact Us</a> <a href="https://forum.chinesepod.com/" target="_blank" class="cp-dropdown-menu-item">Forum</a> <a href="http://support.chinesepod.com/" class="cp-dropdown-menu-item">Help</a> <hr class="divider"> <div class="cp-dropdown-menu-item cp-socials"> <ul class="list-inline social"> <li><a class="social-icon" href="https://www.facebook.com/ChinesePod" target="_blank"> <img src="/images/social/facebook-red.svg"> <img class="hover" src="/images/social/facebook-white.svg"> </a> </li> <li><a class="social-icon" href="https://twitter.com/chinesepod" target="_blank"> <img src="/images/social/twitter-red.svg"> <img class="hover" src="/images/social/twitter-white.svg"> </a> </li> <li><a class="social-icon" href="http://instagram.com/chinesepod/" target="_blank"> <img src="/images/social/instagram-red.svg"> <img class="hover" src="/images/social/instagram-white.svg"> </a> </li> <li><a class="social-icon" href="https://www.youtube.com/user/ChinesePodTV" target="_blank"> <img src="/images/social/youtube-red.svg"> <img class="hover" src="/images/social/youtube-white.svg"> </a> </li> </ul> </div> <div class="cp-dropdown-menu-item cp-app-stores"> <a href="https://itunes.apple.com/us/developer/chinesepod-limited/id820791896" target="_blank" class="cp-app-store-icon"> <img src="/img/app-store-icon.svg" alt="ChinesePod iOS App" height="33"> </a>  <a href="https://play.google.com/store/apps/developer?id=ChinesePod+Limited" target="_blank" class="cp-app-store-icon"> <img src="/img/google-play-icon.svg" alt="ChinesePod Google Play App" height="33"> </a> </div> </div> </div> <a href="/pricing/monthly/" class="cp-right-menu-item">Pricing</a> <a href="/accounts/signin" class="cp-right-menu-item">Log In</a> <div class="cp-right-menu-item"> <a href="https://www.chinesepod.com/signup" class="cp-btn cp-btn-green cp-btn-rounded cp-nav-btn">Get Started</a> </div> </div> </div> </nav> <script> // tooltip for the refer a friend // $(function () { // $('[data-toggle="tooltip"]').tooltip() // }) </script> <div class="container-global"> <div class="container"> </div> <div class="container-fluid"> <link href="/css/bootstrap-social.css" rel="stylesheet" /> <style> .form-card { margin: 15px; -webkit-box-shadow: 0 2px 9px -1px rgba(0,0,0,0.1) !important; -moz-box-shadow: 0 2px 9px -1px rgba(0,0,0,0.1) !important; box-shadow: 0 2px 9px -1px rgba(0,0,0,0.1) !important; background: rgba(255,255,255,.3) !important; } .form-card h2 { margin-top: 5px; font-size: 25px; } @media (min-width: 769px){ .login-form-container { display: flex; justify-content : center; } } .login-form-card { } .sign-up-form-card { } p.crt-accnt-hdng { font-size: 18px; font-weight: 300; margin: 20px 0 0; } .active-form-card { /* background: #fff !important; */ } .login-form-card span.has-error { position: absolute; } .form-card .form-group { margin-bottom: 28px; } .login-form-container { margin-top: 20px; } </style> <div class="row"> <div class="container"> <br> <br> <a href="/"><img src="/images/logo-text.svg" alt="ChinesePod Logo" class="img-responsive center-block" width="180"></a> </div> <div class="container login-form-container"> <div id="loginFormCard" class="col-md-4 col-md-offset-2 col-sm-6 cpod-card login-form-card form-card"> <h2 class="text-center">Already Have an account?</h2> <hr>  <br> <form action="/accounts/signin" id="signInForm" name="signInForm" method="post" role="form"> <input type="hidden" name="csrf_token" value="7b623ed9bb8acb710d6a7e31ad20ad18b859b5d122ea0bc5de278b6b0a098a1b" /> <div class="form-group"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span> <input class="form-control" id="email" name="email" type="text" placeholder="Email Address" /> </div> </div> <div class="form-group"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-key fa-fw"></i></span> <input class="form-control" id="password" name="password" type="password" placeholder="Password" /> </div> </div> <div class="checkbox"> <label> <input type="checkbox" checked="checked" value="1" tabindex="4" id="checkbox" name="is_remember"> Remember Me </label> </div> <input type="hidden" value="" id="url" name="url" /> <input type="hidden" value="" name="code" id="code" /> <button class="btn btn-lg btn-red-border btn-rounded-sides btn-block" type="submit">Log In</button> </form> <hr /> <div class="text-center"> <p class="font12"><a href="/accounts/resetpassword/">Forgot Password</a></p> </div> </div> <div id="signUpFormCard" class="col-md-4 col-sm-6 cpod-card sign-up-form-card login-form-card form-card"> <h2 class="text-center">Create a new account!</h2> <hr>  <br> <div style="margin: 20% 0"> <a class="btn btn-lg btn-orange btn-rounded-sides btn-block" href="/signup">Sign Up</a> </div> </div> </div> </div> <script language="javascript" src="/html2014/js/jquery.validate.js"></script>  <script> $(function(){ //facebook login //var frameSrc = "/oauthorize?src=facebook&callback=login"; $('#openFBBtn').click(function(){ window.open('/oauthorize?src=facebook&callback=login','newwindow','width=560,height=400,top=' + ( ( $('body').height() - 400 ) / 2) + ',left=' + ( ( $('body').width() - 560 ) / 2) + ',toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no') }); $('#signInForm').validate({ errorElement: "span", errorClass: "has-error", rules: { email: { required: true, email: true }, password: { required: true } }, errorPlacement: function(error, element) { error.insertAfter(element.parent()); // }, highlight: function(element) { $(element).closest('.input-group').removeClass('has-success').addClass('has-error'); }, unhighlight: function(element) { $(element).closest('.input-group').removeClass('has-error').addClass('has-success'); }, success: function(element) { element .addClass('has-success').removeClass('has-error') .closest('.input-group').removeClass('has-error').addClass('has-success'); }, messages: { email: { required: "Enter your Email Address", email: "Please enter a valid Email Address" }, password:{ required: "Enter your Password" } } }); }); </script>  <script> $(function() { $('#signUpForm').validate({ errorElement: "span", errorClass: "has-error", rules: { emailSignUp: { required: true, email: true, remote: { url: '/accounts/signup/validate-email-exist', type: 'post', data: { emailSignUp: function() { return $("#emailSignUp").val(); } } } }, username: { required: true }, passwordSignUp: { required: true, minlength: 4, maxlength: 32 } }, errorPlacement: function(error, element) { error.insertAfter(element.parent()); // }, highlight: function(element) { $(element).closest('.input-group').removeClass('has-success').addClass('has-error'); }, unhighlight: function(element) { $(element).closest('.input-group').removeClass('has-error').addClass('has-success'); }, success: function(element) { element .addClass('has-success').removeClass('has-error') .closest('.input-group').removeClass('has-error').addClass('has-success'); }, messages: { username:{ required: "Enter your Username" }, passwordSignUp:{ required: "Enter your Password" }, emailSignUp: { required: "Enter your Email Address", email: "Please enter a valid Email Address", remote: "The Email Address is already taken" } } }); }); </script> <script> const emailLogin = document.querySelector('#email'); const passLogin = document.querySelector('#password'); const emailSignUp = document.querySelector('#emailSignUp'); const passSignUp = document.querySelector('#passwordSignUp'); const loginFormCard = document.getElementById('loginFormCard'); const signUpFormCard = document.getElementById('signUpFormCard'); emailLogin.onfocus = function(){ loginFormCard.className += ' active-form-card'; signUpFormCard.classList.remove('active-form-card'); }; passLogin.onfocus = function(){ loginFormCard.className += ' active-form-card'; signUpFormCard.classList.remove('active-form-card'); }; emailSignUp.onfocus = function(){ signUpFormCard.className += ' active-form-card'; loginFormCard.classList.remove('active-form-card'); }; passSignUp.onfocus = function(){ signUpFormCard.className += ' active-form-card'; loginFormCard.classList.remove('active-form-card'); }; </script> </div> </div> <style type="text/css"> body { /*background: #292929 !important;*/ padding-top: 60px; } </style> <style type="text/css"> body { /*background: #f4f4f6 !important;*/ /*padding-top: 80px;*/ } .sir-banner-container { /*margin-bottom: 20px;*/ } </style>  <style type="text/css"> body { background: url(/img/login-bg.jpg) no-repeat center top fixed !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-position: center top !important; } .footer-content-area { background: none !important; } /* @media (min-width: 1199px) { .mfoot { position: absolute; bottom: 0; width: 100%; } }*/ </style> <footer id="footer" class="mfoot"> <div class="container-fluid"> <div class="row"> <div class="col-sm-12 col-xs-12 footer-content-area"> <div class="col-xs-12 col-md-3 text-center" style="padding-bottom:20px"> <ul class="list-inline social"> <li><a class="social-icon" href="https://www.facebook.com/ChinesePod" target="_blank"> <img src="/images/social/facebook-red.svg" /> <img class="hover" src="/images/social/facebook-white.svg" /> </a> </li> <li><a class="social-icon" href="https://twitter.com/chinesepod" target="_blank"> <img src="/images/social/twitter-red.svg" /> <img class="hover" src="/images/social/twitter-white.svg" /> </a> </li> <li><a class="social-icon" href="http://instagram.com/chinesepod/" target="_blank"> <img src="/images/social/instagram-red.svg" /> <img class="hover" src="/images/social/instagram-white.svg" /> </a> </li> <li><a class="social-icon" href="https://www.youtube.com/user/ChinesePodTV" target="_blank"> <img src="/images/social/youtube-red.svg" /> <img class="hover" src="/images/social/youtube-white.svg" /> </a> </li> </ul> </div> <div class="col-xs-12 col-md-6 text-center" style="padding-bottom:20px"> <small> <p><span title="" id="copyright-footer">漏 2025 ChinesePod LLC</span></p> <a href="/contact/">Contact</a> 路 <a href="/pricing/">Pricing</a> 路 <a href="/jobs/">Jobs</a> 路 <a href="/why-choose-us">Why Choose Us</a> 路 <a href="https://support.chinesepod.com/hc/en-us">Help</a> 路 <a href="/affiliate/">Affiliate</a> 路 <a href="/resources/">Resources</a> 路 <a href="/privacy/">Privacy</a> 路 <a href="/terms/">Terms</a> </small> </div> <div class="col-xs-12 col-md-3 text-center" style="padding-bottom:20px"> </div> </div> </div> </div> </footer> <div id="modal-login" class="modal fade"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-body text-center"> <p>Get unlimited access by upgrading to <b>Premium</b></p> <i class="fa fa-diamond fa-4x" style="color:#ffd700"></i> </div> <div class="modal-footer"> <a href="/pricing" class="btn btn-success btn-block">Upgrade Me</a> </div> </div> </div> </div> <script type="text/javascript"> // check if sidebar is present if($('.cp-rv-sidebar').length > 0 || $('#lessonLeftSidebar').length > 0 ) { $('#footer').css("background","#292929"); } $('#collapse-more').on('show.bs.collapse hide.bs.collapse', function () { $(this).prev().find('.fa') .toggleClass('fa-caret-right fa-caret-down'); }); </script> <script>/*<![CDATA[*/window.zEmbed||function(e,t){var n,o,d,i,s,a=[],r=document.createElement("iframe");window.zEmbed=function(){a.push(arguments)},window.zE=window.zE||window.zEmbed,r.src="javascript:false",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="display: none",d=document.getElementsByTagName("script"),d=d[d.length-1],d.parentNode.insertBefore(r,d),i=r.contentWindow,s=i.document;try{o=s}catch(c){n=document.domain,r.src='javascript:var d=document.open();d.domain="'+n+'";void(0);',o=s}o.open()._l=function(){var o=this.createElement("script");n&&(this.domain=n),o.id="js-iframe-async",o.src=e,this.t=+new Date,this.zendeskHost=t,this.zEQueue=a,this.body.appendChild(o)},o.write('<body onload="document._l();">'),o.close()}("//assets.zendesk.com/embeddable_framework/main.js","cpod.zendesk.com");/*]]>*/</script> <script src="/dist/app-footer.js?id=54fd85149fe6587ef0ea" defer rel='preconnect' crossorigin></script> </body> </html>

CINXE.COM

Sign in - ChinesePod