web/inter_choix.html
author Edwin Razafimahatratra <edwin@robotalismsoft.com>
Tue, 11 Dec 2012 19:49:17 +0100
changeset 44 f905a56cc7e6
parent 41 f2123b4487e9
child 46 542252e0c615
permissions -rw-r--r--
css tweak

<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta charset="utf-8">
		<title>The End - @todo</title>
		
		<meta name="description" content="@todo">
		
		<!-- Mobile Specific Metas -->
		<meta name="viewport" content="initial-scale=1.0, width=device-width" />
		
		<link rel="stylesheet" href="static/res/css/style_1024.css" /> 
		<!-- stylesheet for ipad 3 
		<link rel="stylesheet" href="static/res/css/style_2048.css" /> 
		-->
		
	</head>
	<body>
		<!-- div content - site takes the full height of browser -->	
		<div id="content" class="full_screen pointer" onClick="">
		
			<!--this div empty allows the element content_vcentering to be vertically aligned -->
			<div class="strut"></div><!--
			this comment corrects the white-space (display: inline);
			--><section class="fullScreen_vcentering container_vcentering inter_choice">
					<!-- pour changer la tranparance tu accedes à la class ="box_transparance" et tu changes 'opacity: 0;' maintenat c'est 'opacity : 1;' -->
					<div class="box_vcentering box_transparance big_txt">
						<p>3 ÉCRANS</p>
						<p>CHOISISSEZ UN MOT PAR ÉCRANS</p>
						<p>COMPOSEZ VOTRE FILM</p>
					</div>
			</section>				
		</div>	

		<!-- Metanav FranceTV 	-->
		<!-- JavaScript -->		
        <script src="static/res/js/jquery-1.8.2.min.js"></script> 
        <script>        
            $(function() {
				  $('.box_transparance').animate({
				    	opacity: 0,
					  }, 10000, function() {
					    // Animation complete.
					 });
            });
        </script>               
	</body>
</html>