<section class='half_screen'>
		
	<div class='wp of_ballon'><!-- of_ballon_login only info, not styles-->
		
		<div class='beack_wp top rotate-180'>
			<div class='beack green'>
		</div>

		</div>
		<div class='ballon top shadow_bottom daily_ballon'>
			
			<h1>Your daily expression:</h1>
			<p>{{ daily.en_expresion }}</p>
			<div class='wp_btn_voice answer_voice' ng-click='speak()'>
				<div class='btn_voice'></div>
			</div>
		</div>

	</div>
	<div class='teacher_wp top rotate-180'>
		<div class='teacher'>
		</div>
	</div>
	<div class='wp_bulb'>
		<div class='bulb'></div>
		<div class='circle_bulb'></div>
	</div>
		
</section>
<section class='half_screen'>

	<div class='div_btn_more_info shadow_bottom' ng-click='openPopUp()'>
		<p>It's difficult,<br>I need more info.</p>
		<div class='wp of_hand_more_info'>
			<div class='hand_up'>
			</div>
		</div>
		<div class='wp of_hand_see_you'>
			<div class='hand_up'>
			</div>
		</div>
	</div>
	
	<a href='#/home'>
		<div class='div_btn_see_you shadow_bottom'>
			<p>I know it.<br> See you.</p>
		</div>
	</a>

</section>

<!-- pop up -->
<div class='pop_up_de' ng-click='openPopUp()'>
	<div class='wp_pop_up'>
		<div class='hole_paper_pop_up'>
		</div>
		<div class='content_pop_up'>
			<h1>Explanation:</h1>
			<p>{{ daily.explanation }}</p>
		</div>
		<div class='teacher_pop_up_wp'>
			<div class='teacher_pop_up'>
			</div>
		</div>
	</div>
</div>
<!-- fin pop up -->