-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathoferta-academica.html
More file actions
183 lines (174 loc) · 7.63 KB
/
oferta-academica.html
File metadata and controls
183 lines (174 loc) · 7.63 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="TEMOA, sistema de búsqueda de capacitación en IT para el Gobierno de la República">
<meta name="author" content="WE ARE THE ROBOTS">
<link rel="icon" href="favicon.ico">
<title>TEMOA</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<link href="css/carousel.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="img/favicon.png">
</head>
<body>
<header>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"> <img src="img/temoa.png" alt=""> </a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="/oferta-academica">Oferta Académica</a></li>
<li><a href="/aliados">Aliados</a></li>
<li><a href="/actualidad">Actualidad</a></li>
<li><a href="/conocenos">Conócenos</a></li>
<li><a href="/actualidad">Contáctanos</a></li>
<li><a href="/acceder">Acceder</a></li>
<li><a href="/registrarse">Registrarse</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
</header>
<div class="container">
<section id="oferta-nav">
<div class="row clearfix">
<div class="col-md-4 column">
<h3>Oferta Académica</h3>
</div>
<div class="col-md-4 column">
<div class="btn-group btn-group-md">
<button class="btn btn-default" type="button"><em class="glyphicon glyphicon-ok"></em> Nuevos</button> <button class="btn btn-default" type="button"><em class="glyphicon glyphicon-th-list"></em> Categoría</button>
<button class="btn btn-default" type="button"><em class="glyphicon glyphicon-thumbs-up"></em> Destacados</button>
</div>
</div>
<div class="col-md-4 column">
<!-- <select class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select> -->
</div>
</div>
</section>
<section id="oferta-contenido">
<div class="row clearfix">
<div class="col-md-2 column">
<article>
<img src="img/xcode.jpg" alt="">
<h4>Laboratorio Experimental Xcode</h4>
<p>El Laboratorio Experimental Xcode es una iniciativa con la que podrás aprender a crear aplicaciones para Apple iOS, con una fórmula que garantiza el mayor éxito.</p>
<button class="btn">Ver curso</button>
</article>
</div>
<div class="col-md-2 column">
<article>
<img src="img/seo.jpg" alt="">
<h4>Congreso SEO Online 2014</h4>
<p>Todo listo para arrancar el Congreso Online SEO 2014 una nueva edición del evento online dedicado a SEO más importante que existe en la actualidad.</p>
<button class="btn">Ver curso</button>
</article>
</div>
<div class="col-md-2 column">
<article>
<img src="img/laravel.jpg" alt="">
<h4>Desarrollo de aplicaciones con Laravel</h4>
<p>Laravel es un Framework de Desarrollo web MVC para PHP con el que optimizar tiempos, costos y esfuerzos para llevar a cabo cualquier proyecto.también editores online.</p>
<button class="btn">Ver curso</button>
</article>
</div>
<div class="col-md-2 column">
<article>
<img src="img/codigo.jpg" alt="">
<h4>Edición de código y buenas prácticas</h4>
<p>Una de las herramientas que debes usar diariamente en la maquetación y programación web es el editor. Actualmente hay infinidad de editores de código, específicos para el sistema operativo, multiplataforma y desde hace un tiempo.</p>
<button class="btn">Ver curso</button>
</article>
</div>
<div class="col-md-2 column">
<article>
<img src="img/git.jpg" alt="">
<h4>Curso de GIT</h4>
<p>Este es un curso de Git, una herramienta esencial para los desarrolladores que quieran formar parte de equipos serios de desarrollo o que quieran aprender a gestionar proyectos de manera profesional.</p>
<button class="btn">Ver curso</button>
</article>
</div>
<div class="col-md-2 column">
<article>
<img src="img/ui.jpg" alt="">
<h4>Sin UI no hay paraiso</h4>
<p>Repasaremos la metodología Atomic Design para la creación de sistemas de diseño y llevaremos a cabo una miniguía de creación de guías de estilo donde recoger los patrones básicos relacionados con el aspecto de una interfaz.</p>
<button class="btn">Ver curso</button>
</article>
</div>
<div class="row clearfix">
<div class="col-md-12 column carga-mas">
<button class="btn">Cargar más!</button>
</div>
</div>
</div>
</section>
</div>
<div class="container ending">
<div class="row clearfix">
<div class="col-md-12 column">
<div class="row clearfix">
<div class="col-md-4 column">
<h4>
Quieres ser socio de capacitacion?
</h4>
<button type="button" class="btn btn-default">¡Enviar tu oferta educativa!</button>
</div>
<div class="col-md-4 column">
<h4>
Queremos conocer tus intereses!
</h4>
<button type="button" class="btn btn-default">Sugerir curso o diplomado </button>
</div>
<div class="col-md-4 column">
<h4>
Ayudanos a mejorar la plataforma!
</h4>
<button type="button" class="btn btn-default">¡Contáctanos!</button>
</div>
</div>
</div>
</div>
<div class="row footer">
<div class="col-md-6 col-md-offset-2">
<p>©TEMOA, Creative Commons & GNU Public License, 2014. Desarrollado por We Are The Robots</p>
</div>
<div class="col-md-4">
<p><a href="#">Equipo</a> · <a href="#">Prensa</a> · <a href="#">Aviso de Privacidad</a></p>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="js/carousels.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>