forked from ingeniuxco/ingeniuxco.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
306 lines (306 loc) · 16.7 KB
/
index.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
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
294
295
296
297
298
299
300
301
302
303
304
305
306
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ingeniux</title>
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="container" id="rowNav">
<nav class="white z-depth-0 nav-main" id="nav">
<div class="nav-wrapper">
<a href="#" class="brand-logo small-logo">
<img src="images/logoGorro.svg" class="nav-logo" alt=""> </img>
<span class="nav-name-logo">Ingeniux</span>
</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="#projects">Proyectos</a></li>
<li><a href="#section-wt">WI:DGET</a></li>
<li><a href="#section-events">Eventos</a></li>
<li><a target="_blank" href="http://ingeniuxco.wordpress.com/">Blog</a></li>
</ul>
</div>
</nav>
</div>
<div class="section white scrollspy" id="header">
<div class="contenedor-uno scrollspy" >
<div class="section">
<div class="row center">
<div class="col m4 offset-m4">
<img src="images/logotext.png" alt="" width="100%" class="responsive-img center"/>
</div>
</div>
</div>
</div>
</div>
<div class="section btn-git">
<img src="images/sub.svg" alt="" width="100%"/>
<div class="center">
<a href="http://github.com/ingeniuxco" id="boton-sticker" class="waves-effect btn-large white green-text text-darken-3">
<i class="fa fa-github left"></i>Ver en GitHub
</a>
</div>
</div>
<div class="parallax-container scrollspy" id="parallax-uno">
<div class="section container">
<div class="row">
<div class="col m6">
<img src="images/slogan1.png" width="100%" alt="" />
</div>
<div class="col m6">
<img src="images/slogan2.png" width="100%" alt="" />
</div>
</div>
</div>
<div class="parallax"><img src="images/parallax.svg"></div>
<div class="" style="padding-bottom:0px;margin:-7px">
<img src="images/sub2.svg" class="responsive-img" width="100%"/>
</div>
</div>
<div class="section white scrollspy" style="min-height: 400px;" id="projects">
<div class="container">
<!-- <div class="right hide-on-med-and-down" style="margin-top:-80px;">
<a href="#projects" class="btn-floating btn-large waves-effect waves-light lime darken-1"><i class="fa fa-chevron-down"></i></a>
</div> -->
<div class="row">
<div class="col m3">
<ul id="staggered-test">
<li class="listStagLeft">
<blockquote style="border-color:green;">
<h2 class="green-text">Proyectos</h2>
</blockquote><br>
</li>
<li class="listStagLeft" >
<h4><a class="light-green-text" href="#section-wt">WI:DGET</a></h4>
<p>Revista digital, actualidad y tecnológica en general.</p>
</li>
<li class="listStagLeft" >
<h4><a target="_blank" class="light-green-text" href="http://stipelson.github.io/tour-it">Tour-it!</a></h4>
<p>Recorridos virtuales</p>
</li>
</ul>
</div>
<div class="col m6 white">
<div class="row center">
<div class="hide-on-med-and-down" id="pinguino">
<div class="line center" id="linea"></div>
<img src="images/logopegatina.svg" alt=""/>
</div>
</div>
</div>
<div class="col m3 right">
<ul id="staggered-testTwo"><br><br><br><br>
<li class="listStagRight right-align">
<h4><a class="light-green-text" href="#section-events">Eventos</a></h4>
<p>Semana de la Expresión Universitaria, Univalle Tuluá</p>
</li>
<li class="listStagRight right-align">
<h4><a class="light-green-text" href="http://ingeniuxco.wordpress.com">Blog</a></h4>
<p>El blog de Ingeniux</p>
</li>
</ul>
</div>
</div>
</div>
</div><!-- /section -->
<div class="section grey lighten-4 scrollspy" style="min-height: 500px;" id="section-wt">
<div class="container"><br>
<div class="row center">
<div id="staggered-wt">
<h2 class="">WI<b class="cyan-text text-darken-1">:D</b>GET</h2>
<hr style="width:40%;border-color:#00acc1; border-top:solid 5px #00acc1;"><br><br>
</div><br>
<div class="container">
<div class="row" id="slider-wt">
<div class="col s12 m3">
<div class="row">
<img class="z-depth-1" src="https://i2.wp.com/www.youblisher.com/files/publications/23/134993/200x300.jpg">
</div>
<div class="center">
<a target="_blank" href="https://ingeniuxco.wordpress.com/widget-2/" class="btn-floating btn-large waves-effect waves-light white button-card">
<i class="fa fa-external-link cyan-text text-darken-1" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="col s12 m3">
<div class="row">
<img class="z-depth-1" src="https://i1.wp.com/www.youblisher.com/files/publications/35/204095/200x300.jpg">
</div>
<div class="center">
<a target="_blank" href="https://ingeniuxco.wordpress.com/widget-2/" class="btn-floating btn-large waves-effect waves-light white button-card">
<i class="fa fa-external-link cyan-text text-darken-1" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="col s12 m3">
<div class="row">
<img class="z-depth-1" src="https://i1.wp.com/www.youblisher.com/files/publications/83/493434/200x300.jpg">
</div>
<div class="center">
<a target="_blank" href="https://ingeniuxco.wordpress.com/widget-2/" class="btn-floating btn-large waves-effect waves-light white button-card">
<i class="fa fa-external-link cyan-text text-darken-1" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="col s12 m3">
<div class="row">
<img class="z-depth-1" src="https://i1.wp.com/www.youblisher.com/files/publications/151/900741/200x300.jpg">
</div>
<div class="center">
<a target="_blank" href="https://ingeniuxco.wordpress.com/widget-2/" class="btn-floating btn-large waves-effect waves-light white button-card">
<i class="fa fa-external-link cyan-text text-darken-1" aria-hidden="true"></i>
</a>
</div>
</div>
</div><!-- /div row slider-widget-->
<div class="row">
<div class="col m4 offset-m4" id="license-wt">
<a rel="license" href="http://creativecommons.org/licenses/by/3.0/"><img alt="Licencia de Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by/3.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">WI:DGET</span> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://ingeniux.co" property="cc:attributionName" rel="cc:attributionURL">Ingeniux</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Reconocimiento 3.0 Unported License</a>.
</div>
</div>
</div><!-- /div container-->
</div><!-- /div row-->
</div><!-- /div container-->
</div><!-- /div section-->
<div class="section white scrollspy" style="min-height: 500px;" id="section-events">
<div class="container"><br>
<h2 class="center"><b>EVENTOS</b></h2>
<hr style="width:40%;border-color:#4CAF50; border-top:solid 5px #4CAF50;"><br><br>
<div class="row">
<div class="col m6">
<h5 class="uppercase">GIT BASICS - INTRODUCCIÓN AL CONTROL DE VERSIONES</h5>
<p class="grey-text text-darken-1">
Ponencia realizada en el marco de la Semana de la Expresión Universitaria de la Universidad del Valle sede
Tuluá.
</p>
<p class="green-text">
10 de mayo de 2016
</p>
<a href="https://github.com/ingeniuxco/ingeniuxco.github.io/raw/master/resources/charla-git.pdf" class="waves-effect waves-light btn green">PDF</a>
</div>
<div class="col m6">
<img class="responsive-img materialboxed" data-caption="Git Basics" width="500" src="images/gitBasics.png">
</div>
</div><br><br>
<div class="row">
<div class="col m6">
<img class="responsive-img materialboxed" data-caption="Miembros del equipo Give Me Challenjour en la Gran Final" width="500" src="images/torneo1.jpg">
</div>
<div class="col m6">
<h5 class="uppercase">TORNEO LEAGUE OF LEGENDS UNIVALLE TULUÁ</h5>
<p class="grey-text text-darken-1">
Torneo realizado en el marco de la Semana de la Expresión Universitaria de la Universidad del Valle sede
Tuluá, inscríbete, revisa los resultados y mira las partidas.
</p>
<p class="green-text">
Del 25 de abril al 14 de mayo de 2016
</p>
<a href="http://ingeniux.co/torneolol" class="waves-effect waves-light btn green">Ver más</a>
</div>
</div><br><br>
<div class="row">
<div class="col m6">
<h5 class="uppercase">CONFERENCIAS Y TALLERES EN LA SEMANA DE LA EXPRESIÓN UNIVERSITARIA</h5>
<p class="grey-text text-darken-1">
Participa de todas las actividades preparadas para ti en la Semana de la Expresión Universitaria.
</p>
<p class="green-text">
Del 10 al 14 de mayo de 2016
</p>
<a href="https://ingeniuxco.wordpress.com/" target="_blank" class="waves-effect waves-light btn green">Ver más</a>
</div>
<div class="col m6">
<img class="responsive-img materialboxed" data-caption="Programatón en su edición 2015" width="500" src="images/conferencia1.jpg">
</div>
</div>
</div>
</div>
<div class="section grey lighten-4 scrollspy">
<div class="container"><br><br>
<div class="row">
<div class="col m6">
<div class="card-panel hoverable">
<ul>
<li>
<blockquote style="border-color:green;">
<h4 class="green-text">Misión</h4>
</blockquote>
</li>
<li>
Promover la filosofía del Movimiento de Cultura Libre enfocándose en el Software Libre de forma que la comunidad universitaria lo apropie como una alternativa económica y funcional.
</li>
</ul>
</div>
</div>
<div class="col m6">
<div class="card-panel hoverable">
<ul>
<li>
<blockquote style="border-color:green;">
<h4 class="green-text">Visión</h4>
</blockquote>
</li>
<li>
Ser una comunidad generadora de conocimientos que ayude a la comunidad universitaria a beneficiarse de las libertades que ofrece el Movimiento de Cultura Libre, reconocidos a nivel regional por otras comunidades y grupos afines.
</li>
</ul>
</div>
</div>
</div>
</div><!-- /container -->
</div>
<!-- Boton para ir arriba-->
<div class="hide" id="btn-up-hide">
<div class="fixed-action-btn" style="bottom: 45px; right: 24px;">
<a class="btn-floating btn-large lime darken-1" href="#header">
<i class="fa fa-chevron-up"></i>
</a>
</div>
</div>
<footer class="page-footer green" id="footer-uno">
<div class="container">
<div class="row">
<div class="col l4 s12">
<p class="grey-text text-lighten-4" align="justify|">Este es un grupo conformado por estudiantes que pretenden promover la filosofía del movimiento de cultura libre enfocándose en los beneficios del uso del software distribuido bajo la misma ideología, mostrándolo como una alternativa económica y funcional al software privativo.</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Recursos</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="https://ingeniuxco.wordpress.com">Blog</a></li>
<li><a class="grey-text text-lighten-3" href="http://stipelson.github.io/tour-it">Tour-it!</a></li>
<li><a class="grey-text text-lighten-3" href="#!"></a></li>
<li><a class="grey-text text-lighten-3" href="#!"></a></li>
</ul>
</div>
<div class="col l2 s12">
<h5>
<a href="https://www.facebook.com/ingeniuxco"><i class="fa fa-facebook fa-inverse" aria-hidden="true"></i></a>
<a href="https://www.twitter.com/ingeniuxco"><i class="fa fa-twitter fa-inverse" aria-hidden="true"></i></a>
<a href="https://www.github.com/ingeniuxco"><i class="fa fa-github fa-inverse" aria-hidden="true"></i></a>
</h5>
<p class="white-text">
</p>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2015 - 2016 Ingeniux
<a class="grey-text text-lighten-4 right" href="#!">License</a>
</div>
</div>
</footer>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>
<script type="text/javascript" src="js/velocity.min.js"></script>
<script type="text/javascript" src="js/velocity.ui.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/animations.js"></script>
<!-- ScrollFire de materialize -->
</body>
</html>