-
Notifications
You must be signed in to change notification settings - Fork 0
/
como.html
224 lines (219 loc) · 9.93 KB
/
como.html
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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<!DOCTYPE html><!--Necesario para IE-->
<html lang="en">
<head>
<meta charset="utf-8">
<title>NORDITROPIN BY NOVO NORDISK</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<style>
body {
background:#2eaadc;
color:#fff;
padding-top: 40px; /* 60px to make the container go all the way to the bottom of the topbar */
}
#text_container{ height: 300px; position:relative; }
#slider ul, #slider li{margin:0;padding:0;list-style:none;position:relative;display:block;}
#slider { width:300px; overflow:hidden; margin:0 auto; }
#slider img{ border:none; }
#slider li { width:300px; overflow:hidden; }
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script src="http://vjs.zencdn.net/c/video.js"></script>
<script type="text/javascript" src="js/jquery.touchSwipe-1.2.5.js"></script>
<script type="text/javascript" src="js/jquery.sudoSlider.min.js"></script>
<script>
$(document).ready(function(){
var timer;
settings = new Object(
{ 1 : { width:'10'},
2 : { width:'5000'},
3 : { width:'7000'},
4 : { width:'20000'},
5 : { width:'10500'},
6 : { width:'19200'},
7 : { width:'20200'},
8 : { width: '12600'},
9 : {width:'13230'},
10 : { width:'13500'},
11 : { width:'30700'},
12 : { width:'9300'},
13 : { width:'25000'},
14 : { width:'16900'},
15 : { width:'10000'},
16 : { width:'21500'}
})
var player = _V_("video_player");
$("#slider").sudoSlider({
controlsShow: false,
customLink: 'a.carousel-control',
fade: true,
beforeAniFunc: function(index){
if(index==1){//cara
player.currentTime(0);
}
if(index==2){//glandulas
player.currentTime(0);
}
if(index==3){//somatocrinina
player.currentTime(5.51);
}
if(index==4){//hormona
player.currentTime(13);
}
if(index==5){//salida
player.currentTime(30.5);
}
if(index==6){//circulacion
player.currentTime(40);
}
if(index==7){//higado
player.currentTime(56.5);
}
if(index==8){//insulina
player.currentTime(75);
}
if(index==9){//torrente
player.currentTime(86.2);
}
if(index==10){//partes hueso
player.currentTime(97.5);
}
if(index==11){//circulación hueso
player.currentTime(110);
}
if(index==12){//tipo celulas
player.currentTime(139);
}
if(index==13){//nuevas celulas
player.currentTime(149);
}
if(index==14){//crecimiento
player.currentTime(172);
}
if(index==15){//crecimiento hueso
player.currentTime(186);
}
if(index==16){//final
player.currentTime(190);
}
player.play();
timer=settings[index].width;
setTimeout(function(){player.pause()},timer);
}
});
});
</script>
</head>
<body>
<div id="main" class="container" style="width:1200px;">
<div class="clearfix">
<div class="leftside">
<center><img src="img/geringas.jpg" class="center"/></center>
<div id="text_container" class="clearfix">
<div id="slider" >
<ul>
<li>
<p>El crecimiento es una de los fenómenos más fascinantes en toda la naturaleza. Y la hormona del crecimiento juega un papel importante.</p>
<p>Da click en el botón de siguiente para ver que pasa dentro del cuerpo que nos hace crecer.</p>
<p>O regresa al inicio y elije un tema para saber más del crecimiento y la hormona del crecimiento.</p>
</li>
<li>
<p>El proceso de crecimiento comienza con la producción de hormona del crecimiento, la cual tiene lugar en la glándula pituitaria dentro de la cabeza</p>
<p>El hipotálamo controla a la glándula pituitaria y le dice cuando liberar la hormona del crecimiento en la corriente sanguínea.</p>
</li>
<li>
<p>Primero, el hipotálamo secreta una hormona llamada Somatocrinina (GHRH).</p>
</li>
<li>
<p>Esta hormona estimulante viaja a través de pequeñas venas hacía la glándula pituitaria y causa la secreción de un pulso de hormona del crecimiento.</p>
</li>
<li>
<p>La hormona del crecimiento viaja a través de otro pequeño conjunto de venas y entra en la corriente sanguínea.</p>
</li>
<li>
<p>La hormona de crecimiento viaja por la corriente sanguínea a todas las partes del cuerpo, incluso el hígado, que también desempeña un papel importante en el crecimiento.</p>
</li>
<li>
<p>La hormona de crecimiento entra en el hígado por la corriente sanguínea y causa secretación de la hormona llamada factor de crecimiento parecido a insulina - 1 (IGF-1).</p>
</li>
<li>
<p>El IGF-1 sale del hígado y viaja por la corriente sanguínea.</p>
</li>
<li>
<p>La hormona de crecimiento viaja por la corriente sanguínea a todas las partes del cuerpo, incluso hasta los huesos largos en las piernas, los cuales influyen en la altura vertical.</p>
</li>
<li>
<p>Los huesos largos consisten en un eje (o diaphysis), 2 finales (o epiphyses), y 2 platos de crecimiento (o platos de epiphyseal).</p>
</li>
<li>
<p>La hormona de crecimiento y IGF-1 entran en los huesos largos en el eje del hueso por un juego de venas diminutas</p>
</li>
<li>
<p>El crecimiento tiene lugar entra el eje del hueso y los finales, en la región llamada placas de crecimiento</p>
<p>Las placas de crecimiento estan hechas de capas de células de cartílago.</p>
</li>
<li>
<p>Ya que estas células se multiplican, las células recién creadas empujar los extremos del hueso hacia afuera.</p>
</li>
<li>
<p>Mientras tanto, las células más viejas se degeneran y son convertidas en hueso, añadiendo longitud al eje del hueso. Este proceso entero se repite varias veces.</p>
</li>
<li>
<p>Con el tiempo, este proceso de nuevo cartílago y desarrollo de hueso hace que los huesos largos se pongan perceptiblemente más largo y al niño visiblemente más alto.</p>
</li>
<li>
<p>Después de la pubertad, la actividad dentro de las placas de crecimiento reduce la velocidad, y finalmente la creación de nuevas células de cartílago se detiene.</p>
<p>Las últimas celulas de cartilago maduro son convertidas en hueso, hasta que la placa de crecimiento entera se vuelve hueso.</p>
<p>En este punto, los finales del hueso y el eje de hueso se funden juntos, de modo que ningún crecimiento futuro es posible.</p>
</li>
</li>
</ul>
</div>
<a class="carousel-control left" href="#slider" rel="prev" id="des1">‹</a>
<a class="carousel-control center" href="#slider" rel="first" id="des2"> ■</a>
<a class="carousel-control right" href="#slider" rel="next" id="des3">›</a>
</div>
<center><a href="index.html"><img src="img/novo-nordisk.jpg" title="Home"/></a></center>
</div>
<div class="rightside">
<div class="title">
<p>La hormona</p>
<p class="bold">del crecimiento</p>
</div>
<div class="white">
<!-- Start EasyHtml5Video.com BODY section -->
<div id="amination_holder">
<div class="intainer">
<video id="video_player" class="video-js vjs-default-skin" width="380" height="650" poster="img/player1.png" preload="auto" >
<source type="video/mp4" src="video/video1.mp4">
<source type="video/webm" src="video/video1.webm">
<<source type="video/ogg" src="video/video1.ogv">
</video>
</div>
<img id="novo" src="img/norditropin.jpg" />
</div>
<!-- End EasyHtml5Video.com BODY section -->
</div>
</div>
</div>
</div> <!-- /container -->
</body>
</html>