<div class="front-page-container screen-take-picture" style="min-height: {{screen_height}}px;">
	<div class="row">
		<div class="col-xs-12">
			<br/>
			<img class="centered" src="img/logo.png"/>
		</div>
	</div>
	
	<div class="row">
		<div class="col-xs-12 frontpage-title">
			<span translate>Select Your Picture</span>
		</div>
	</div>
	
	<div class="row">
		<div class="col-xs-12">
			<img id="user-picture" class="centered default-picture" src="img/defaultpicture.png"/>
			<div class="clearfix"></div>
			<div id="progress-bar"><div></div></div>
		</div>
	</div>
	
	<div class="row options-picture">
		<div class="col-xs-6 take">
			<div class="row take-picture">
				<a href="javascript:void(0);" ng-click="cameraroll()">
					<span translate>Take Picture</span>
				</a>
			</div>	
		</div>
		<div class="col-xs-6 skip">
			<a href="javascript:void(0);" ng-click="go('/fillprofile', 'none')">
				<span translate>Skip this step</span>
			</a>
		</div>
	</div>
</div>	