GeographyTeach/circular_motion.html at master · cesarureno/GeographyTeach · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

	<title>Geografia</title>

	<link href="css/fixed-positioning.css" rel="stylesheet" type="text/css" />

</head>

<body onload="cargar_pais();">
	<div id="background">
		<div id="central-image" class="skrollable skrollable-between"><img id="bandera"style="width: 200px; height: 200px;"></div>

		<div id="himno" data-0="opacity:0;" data-1000="opacity:0.93;"><b>Himno</b><audio id="himno_" autoplay controls></audio></div>
		<div id="capital" data-1300="opacity:0;" data-2300="opacity:0.93;"><b>Capital</b></div>
		<div id="poblacion" data-2600="opacity:0;" data-3600="opacity:0.93;">Población</div>
		<div id="idioma" data-3900="opacity:0;" data-4900="opacity:0.93;"><b>Idioma</b></div>
		<div id="moneda" data-5200="opacity:0;" data-6200="opacity:0.93;"><b>Moneda</b></div>
		<div id="superficie" data-6500="opacity:0;" data-7500="opacity:0.93;"><b>Superficie</b></div>
		<div id="continente" data-7800="opacity:0;" data-8800="opacity:0.93;"><b>Continente</b></div>

	</div>
	<div id="thing" data-0="left[cos]:10%;top[sin]:10%;" data-10000="left:90%;top:90%;"></div>

	<script type="text/javascript" src="dist/skrollr.min.js"></script>
	<script type="text/javascript" src="dist/functions.js"></script>

</body>

</html>