-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathindex.html
142 lines (129 loc) · 4.84 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
<!DOCTYPE html>
<html class="no-js" lang="es">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="assets/stylesheets/foundation/foundation.min.css"
/>
<link rel="stylesheet" href="assets/stylesheets/foundation/normalize.css" />
<link rel="stylesheet" href="assets/stylesheets/style.css" />
<link
rel="stylesheet"
type="text/css"
href="assets/stylesheets/web_fonts/dejavusans_extralight_macroman/stylesheet.css"
/>
<link
rel="stylesheet"
type="text/css"
href="assets/stylesheets/web_fonts/dejavusans_book_macroman/stylesheet.css"
/>
<link
rel="stylesheet"
type="text/css"
href="assets/stylesheets/web_fonts/dejavusans_bold_macroman/stylesheet.css"
/>
<script src="assets/scripts/vendor/modernizr.js"></script>
<link rel="shortcut icon" href="assets/images/favicon.ico" />
<title>Devscola</title>
</head>
<body>
<!--header area-->
<div class="fixed">
<nav class="top-bar" data-topbar role="navigation">
<ul class="title-area">
<li class="logo">
<a href="#WTF">
<h1>Devscola</h1>
</a>
</li>
<li class="toggle-topbar menu-icon">
<a href="#"><span></span></a>
</li>
</ul>
</nav>
</div>
<div class="slideshow_wrapper">
<div class="slideshow">
<div class="slide_one slide">
<img src="assets/images/cova.jpeg" alt="Devscola en La Cova" />
</div>
<div class="slide_two slide">
<img src="assets/images/cova2.jpeg" alt="Devscola en La Cova" />
</div>
<div class="slide_three slide">
<img src="assets/images/cova4.jpeg" alt="Devscola en La Cova" />
</div>
</div>
</div>
<div id="inicio">
<img src="assets/images/Logotipo_2.svg" alt="El logotipo de Devscola" />
</div>
<!--content area-->
<section id="WTF" class="row">
<div class="large-12 medium-12 small-12 columns total-align">
<h2>QUÉ ES LA DEVSCOLA</h2>
<p class="presentation">
La Devscola es una comunidad de aprendizaje destinada a la enseñanza
de programación. Hecha por programadores para crear nuevos
programadores. La Devscola aspira a ser una comunidad de aprendizaje
que ayude a formar los programadores que nuestra industria local
necesita para ser competitiva, autónoma, adaptable y, sobre todo,
humana. En la Devscola apostamos por una enseñanza individualizada en
un entorno de aprendizaje colectivo, entendemos que cada alumno tiene
unas capacidades y ritmos pero creemos que la integración de alumnos
con distintos niveles e intereses en un espacio común y comprometidos
en un proyecto como la Devscola crea el mejor entorno para el
aprendizaje y genera relaciones auténticas entre la
<span class="avoid_hyphen">comunidad.</span>
</p>
</div>
</section>
<section id="WTF" class="row">
<div class="large-12 medium-12 small-12 columns total-align">
<h3>QUE HACEMOS</h3>
<p class="presentation">
En la Devscola ofrecemos actividades abiertas a todo el público, si
quieres informarte de ellas puedes consultar el calendario pinchando
<a
href="https://cloud.devscola.org/apps/calendar/p/7wcFTeLnoGYRqnpY/dayGridMonth/now"
target="blank"
>aquí</a
>. Pero no sólo trabajamos y aprendemos. La gente que forma parte de
la Devscola desarrolla relaciones de amistad así que también pasamos
mucho tiempo juntos fuera del “horario laboral”. ;)
</p>
</div>
</section>
<section id="WTF" class="row">
<div class="large-12 medium-12 small-12 columns total-align">
<h3>COMO PARTICIPAR</h3>
<p>
Para participar simplemente entra a nuestra chat, presentate y
pregunta lo que quieras
</p>
<a href="http://chat.devscola.org" class="myButton" target="_blank">Unete al chat</a>
<p></p>
</div>
</section>
<!--footer-->
<footer id="CONTACT">
<a href="#quienes">
<img
class="foot_logo"
src="assets/images/Devscola.png"
alt="Logo Devscola"
/>
</a>
<script
src="assets/scripts/vendor/jquery.js"
type="text/javascript"
></script>
<script src="assets/scripts/foundation/foundation.min.js"></script>
<script src="assets/owl/owl-carousel/owl.carousel.js"></script>
<script src="assets/scripts/main.js" type="text/javascript"></script>
<script src="assets/scripts/contact.js" type="text/javascript"></script>
</footer>
</body>
</html>