-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathindex.html
More file actions
293 lines (265 loc) · 14.9 KB
/
index.html
File metadata and controls
293 lines (265 loc) · 14.9 KB
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
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>FLISOL Perú 2014</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Festival LatinoAmericano de Instalación de Software Libre - FLISOL PERÚ 2014">
<meta name="author" content="Hacklibre Army <abar@Hacklibre.com>">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<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">
<link rel="shortcut icon" href="ico/favicon.png">
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/fsl.css" rel="stylesheet" type="text/css">
</head>
<body onload="faltan()">
<!-- NAVBAR
================================================== -->
<div class="navbar-wrapper">
<!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
<div class="container">
<div class="navbar navbar-inverse">
<div class="navbar-inner">
<!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="brand" href="http://flisol.pe">FLISOL Perú 2014</a>
<!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="quees.html">¿Qué es el FLISOL?</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">FLISOL 2014<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="flisol.html">FLISOL Perú 2014</a></li>
<li><a href="notaprensa.html">Nota de Prensa</a></li>
<li><a href="patrocinio.html">Patrocinio</a></li>
<li><a href="voluntario.html">Súmate como Voluntario</a></li>
<li><a href="guia.html">Guia de organización</a></li>
</ul>
</li>
<!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Ciudades <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="sedes/abancay.html">Abancay</a></li>
<li><a href="sedes/andahuaylas.html">Andahuaylas</a></li>
<li><a href="sedes/arequipa.html">Arequipa</a></li>
<li><a href="sedes/callao.html">Callao</a></li>
<li><a href="sedes/cerrodepasco.html">Cerro de Pasco</a></li>
<li><a href="sedes/chepen.html">Chepén</a></li>
<li><a href="sedes/chiclayo.html">Chiclayo</a></li>
<li><a href="sedes/chimbote.html">Chimbote</a></li>
<li><a href="sedes/cusco.html">Cusco</a></li>
<li><a href="sedes/guadalupe.html">Guadalupe</a></li>
<li><a href="sedes/huancayo.html">Huancayo</a></li>
<li><a href="sedes/ica.html">Ica</a></li>
<li><a href="sedes/ilo.html">Ilo</a></li>
<li><a href="sedes/iquitos.html">Iquitos</a></li>
<li><a href="sedes/juliaca.html">Juliaca</a></li>
<li><a href="sedes/limacentro.html">Lima Centro</a></li>
<li><a href="sedes/limaeste.html">Lima Este</a></li>
<li><a href="sedes/piura.html">Piura</a></li>
<li><a href="sedes/puno.html">Puno</a></li>
<li><a href="sedes/tacna.html">Tacna</a></li>
<li><a href="sedes/trujillo.html">Trujillo</a></li>
</ul>
</li>
<li><a href="descargas.html">Descargas</a></li>
<li><a href="contactos.html">Contáctanos</a></li>
</ul>
</div><!--/.nav-collapse -->
</div><!-- /.navbar-inner -->
</div><!-- /.navbar -->
</div> <!-- /.container -->
</div><!-- /.navbar-wrapper -->
<!-- Carousel
================================================== -->
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="item active">
<img src="img/examples/slide-01.jpg" alt="flisol perú">
</div>
<div class="item">
<img src="img/examples/slide-02.jpg" alt="flisol perú">
<div class="container">
<div class="carousel-caption">
<!-- <h1>Afiche nacional FLISOL PERÚ 2014.</h1>
<p class="lead">Este es el afiche nacional para el FISOL PERÚ 2013, créditos "Fabian Orccón Chipana"</p>
<a class="btn btn-large btn-primary" href="#">Descárgalo AQUI</a>
<p>Descarga el vectorial <a href="#">AQUI</a></p>-->
</div>
</div>
</div>
<div class="item">
<img src="img/examples/slide-03.jpg" alt="flisol perú">
</div>
<div class="item">
<img src="img/examples/slide-04.jpg" alt="flisol perú">
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
</div><!-- /.carousel -->
<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->
<div class="container marketing">
<div class="row">
<div class="span8">
<h1>FLISOL PERÚ 2014</h1>
<h3>Sábado 26 de Abril del 2014, 9:00 am</h3>
<p>Perú ha sido parte de FLISOL desde sus inicios en 2005. Desde entonces, el número de sedes en Lima y el interior del país ha crecido gracias al apoyo de grupos de entusiastas, universidades y empresas en diversos puntos del país. En 2013 FLISOL se realizó en 14 sedes repartidas a lo largo del territorio peruano.</p><br>
<div class="span7" style="width:100%">
<form name="formulario">
<h4>CountDown para el <strong>FLISOL PERÚ 2014</strong></h4>
<input type="text" readonly name="dias" value="" id="cont1ax"> Días <input type="text" name="horas_s" readonly value="" id="cont2ax"> Horas <input type="text" name="minutos_s" value="" readonly id="cont3ax"> Minutos <input type="text" name="segundos_s" readonly value="" id="cont4ax"> Segundos
</form>
</div>
<div class="row">
<h5>PRESENTACIÓN VIDEO FLISOL PERÚ 2014</h5>
<div class="video-container">
<iframe src="//www.youtube.com/embed/a30fiaiDA88" frameborder="0" allowfullscreen></iframe>
</div>
<!--<div class="span3"><img src="img/serial/serial1.jpg" alt="flisol peru"></div>
<div class="span3"><img src="img/serial/serial2.jpg" alt="flisol peru"></div>
<div class="span3"><img src="img/serial/serial3.jpg" alt="flisol peru"></div>
<div class="span3"><img src="img/serial/serial4.jpg" alt="flisol peru"></div>
<div class="span3"><img src="img/serial/serial5.jpg" alt="flisol peru"></div>
<div class="span3"><img src="img/serial/serial6.jpg" alt="flisol peru"></div>-->
</div>
</div><!-- /.span4 -->
<div class="span3" style="margin:0 auto;">
<div id="fb-root"></div>
<div class="fb-like-box" data-href="https://www.facebook.com/flisolperu" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="true" data-show-border="true"></div>
<!-- <iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fflisolperu&width=300&height=590&show_faces=true&colorscheme=light&stream=true&border_color&header=true&appId=140392232666416" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:590px;" allowTransparency="true"></iframe><br> -->
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'search',
search: '#flisolperu2013',
rpp: 30,
interval: 5000,
title: 'Actualización',
subject: '#FLISOLPERU2013',
width: 300,
height: 300,
theme: {
shell: {
background: '#8ec1da',
color: '#ffffff'
},
tweets: {
background: '#ffffff',
color: '#000000',
links: '#1985b5'
}
},
features: {
scrollbar: true,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
toptweets: true,
behavior: 'all'
}
}).render().start();
</script>
</div><!-- /.span4 -->
</div><!-- /.row --><br>
<div class="span11" style="text-align:justify;" >
El público asistente al FLISOL tendrá la oportunidad de instalar software libre en sus computadoras, laptops y USBs, con lo cual podrán probar que es una alternativa real y segura a modelos de desarrollo y distribución de software tradicionales; se informará sobre la filosofía, cultura y organización alrededor del software libre, y además conocerá las experiencias, desarrollos e investigaciones de grupos y entidades en torno al tema, tanto a nivel local como nacional e internacional.
<br><br>
Como complemento a las instalaciones, cada sede del FLISOL en la capital y en ciudades del interior del país contará con otros espacios para charlas, talleres sobre tecnologías abiertas, y muchas actividades más.
<br><br>
<!--Este año el evento se realizará en 12 ciudades del país (hasta el momento): Abancay, Andahuaylas, Cerro de Pasco, Huancayo, Ica, Ilo, Iquitos, Juliaca, Lima-Norte, Puno, Tacna y Trujillo.-->
</div>
<br>
<!-- START THE FEATURETTES -->
<hr class="featurette-divider" >
<!-- /END THE FEATURETTES -->
<!-- Three columns of text below the carousel -->
<h2>ORGANIZA</h2>
<div class="row">
<div class="span6">
<img src="img/seoane.png" alt="flisol perú">
<h2>IESTP Manuel Seoane Corrales </h2>
<p>El instituto Superior Tecnológico Público “Manuel Seoane Corrales” forma Profesionales Técnicos altamente capacitados para insertarlos al Sector Productivo. Nuestra calidad educativa están sustentadas y refrendados en la R.D. Nº307-2005-ED del 5 de Diciembre de 2005 como institución Publica REVALIDADO Institucionalmente en las 7 carreras que ofertamos: MECÁNICA DE PRODUCCIÓN, MECÁNICA AUTOMOTRIZ, ELECTRICIDAD, QUÍMICA INDUSTRIAL, ENFERMERÍA TÉCNICA, CONTABILIDAD, Y COMPUTACIÓN E INFORMÁTICA.</p>
<p><a class="btn" href="http://www.seoane.edu.pe/webseoane/content/presentaci%C3%B3n" target="_blank">Ver detalles »</a></p>
</div><!-- /.span4 -->
<div class="span6">
<img src="img/fedora.png" alt="flisol perú">
<h2>COMUNIDAD FEDORA PERÚ</h2>
<p>Fedora es un sistema operativo basado en Linux, una colección de software que hace funcionar a su computadora. Puede utilizar Fedora junto a, o como reemplazo de, otros sistemas operativos, como Microsoft Windows™ o Mac OS X™. El sistema operativo Fedora es libre y gratuito para disfrutar y compartir.</p>
<p><a class="btn" href="http://fedoraproject.org/es/" target="_blank">Ver detalles »</a></p>
</div><!-- /.span4 -->
</div><!-- /.row -->
<hr>
<h2>AUPICIAN</h2>
<div class="row">
<div class="span3">
<a href="http://www.hacklibre.com" target="_blank"><img src="img/hacklibre.png" alt="flisol perú"></a>
</div><!-- /.span4 -->
<div class="span3">
<a href="http://www.impactovisual-peru.com/" target="_blank"><img src="img/impactovisual.png" alt="flisol perú"></a>
</div><!-- /.span4 -->
<div class="span3">
<a href="http://www.dhapstv.com/" target="_blank"><img src="img/haney.png" alt="flisol perú"></a>
</div><!-- /.span4 -->
<div class="span3">
<a href="http://www.chamilo.org/es" target="_blank"><img src="img/chamilo.png" alt="flisol perú"></a>
</div><!-- /.span4 -->
</div><!-- /.row -->
<hr>
<!-- FOOTER -->
<footer>
<div style="float:left;margin: 0 10px 0 0;">
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/"><img alt="Licencia de Creative Commons" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/88x31.png" /></a>
<a rel="license" href="http://www.gnu.org/licenses/gpl-3.0.html"><img alt="Licencia GPLv3" style="border-width:0" src="img/gplv3.png" height="31" width="88" /></a>
</div>
<p>El contenido de la web está bajo la licencia de Creative Commons Reconocimiento-CompartirIgual 3.0 Unported.
<br>El código fuente de esta página está disponible en <a href="https://github.com/flisolperu/flisolperu.github.com">GitHub</a> bajo la GNU Public License 3.0.</p>
</footer>
</div>
<!-- </div>/.container -->
<!-- Le styles -->
<script src="js/jquery.js"></script>
<script src="js/fb.js"></script>
<script src="js/bootstrap-transition.js"></script>
<script src="js/bootstrap-alert.js"></script>
<script src="js/bootstrap-modal.js"></script>
<script src="js/bootstrap-dropdown.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
<script src="js/bootstrap-tab.js"></script>
<script src="js/bootstrap-tooltip.js"></script>
<script src="js/bootstrap-popover.js"></script>
<script src="js/bootstrap-button.js"></script>
<script src="js/bootstrap-collapse.js"></script>
<script src="js/bootstrap-carousel.js"></script>
<script src="js/bootstrap-typeahead.js"></script>
<script>
!function ($) {
$(function(){
// carousel demo
$('#myCarousel').carousel()
})
}(window.jQuery)
</script>
<script src="js/holder/holder.js"></script>
<script src="js/hora.js"></script>
</body>
</html>