<section class='half_screen'>
	<div class='div_animation_register'>
		
		<div>
			<div class='hole_paper'></div>
			
			<div class='wp of_inputs_register'>
				<input type='text' class='pencil pencil_left register' placeholder='User' id='usernameRegister' ng-model='registerUsername'>
				<input type='text' class='pencil pencil_left register' placeholder='Email' id='emailRegister' ng-model='registerEmail'>
				<input type='password' class='pencil pencil_left register' placeholder='Password' id='passwordRegister' ng-model='registerPassword'>
				<input type='password' class='pencil pencil_left register' placeholder='Repeat password' id='passwordRepeatRegister' type='password' ng-model='registerRepeatPassword'>
				<div class='wp_button_register'>
					<button class='handwriting' ng-click='validateRegister()'>Go register!</button>
				</div>
			</div>
			
		</div>

		<div class='div_register open_register'>
			<h1>New around here?
			<span>REGISTER</span></h1>
		</div>

		<div class='hand_login_wp open_register'>
			<div class='hand_login'>
				<div class='clock'>
					<span class='time'>{{time}}</span>
					<span class='seg'>{{seconds}}"</span>
				</div>
			</div>
		</div>

	</div>
</section>
<section class='half_screen'>
	<div class='wp of_ballon'><!-- of_ballon_login only info, not styles-->
		<div class='ballon shadow_bottom'>
			<div class='wp of_inputs_login'>
				<input type='text' class='pencil pencil_right' placeholder='User or email' id='userLogin' ng-change='validateUsername()' ng-model='username'>
				<input type='password' class='pencil pencil_right' placeholder='Password' ng-model='password'>
				<button class='handwriting' ng-click='goLogin()'>Go login!</button>
			</div>
		</div>
		<div class='beack_wp'>
			<div class='beack green'>
			</div>
		</div>
	</div>
	<div class='teacher_wp'>
		<div class='teacher'>
		</div>
	</div>
</section>
 