<div class="main">
<div class="container">
<section>
<div id="container_demo" >
<a class="hiddenanchor" id="toregister"></a>
<a class="hiddenanchor" id="tologin"></a>
<div id="wrapper">
<div id="login" class="animate form">
<form action="http://www.freetimelearn.com" autocomplete="on">
<h2>Free Time Learn (Login)</h2>
<p>
<label for="username" class="uname"> Email or username </label>
<input id="username" name="username" required type="text" placeholder="User Name (or) example@mail.com"/>
</p>
<p>
<label for="password" class="youpasswd">Password </label>
<input id="password" name="password" required type="password" placeholder="Ramana_795" />
</p>
<p class="keeplogin">
<input type="checkbox" name="remember" id="remember" value="Remember" />
<label for="loginkeeping">Remember</label>
</p>
<p class="login button">
<input type="submit" value="Login" />
</p>
<p class="change_link">
Not a member yet ?
<a href="#toregister" class="to_register">Join us</a>
</p>
</form>
</div>
<div id="register" class="animate form">
<form action="http://www.freetimelearn.com" autocomplete="on">
<h2> Free Time Learn (Signup) </h2>
<p>
<label for="su_user_name" class="uname">User Name</label>
<input id="su_user_name" name="su_user_name" required type="text" placeholder="User Name" />
</p>
<p>
<label for="su_email" class="youmail">Email</label>
<input id="su_email" name="su_email" required type="email" placeholder="example@mail.com"/>
</p>
<p>
<label for="su_pass" class="youpasswd">Password </label>
<input id="su_pass" name="su_pass" required type="password" placeholder="eg. Ramana#@"/>
</p>
<p>
<label for="su_c_pass" class="youpasswd">Confirm Password </label>
<input id="su_c_pass" name="su_c_pass" required type="password" placeholder="eg. Ramana#@"/>
</p>
<p class="signin button">
<input type="submit" value="Sign up"/>
</p>
<p class="change_link">
Already a member ?
<a href="#tologin" class="to_register"> log in </a>
</p>
</form>
</div>
</div>
</div>
</section>
</div>
</div>
