-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
205 lines (189 loc) · 8.16 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
<!DOCTYPE HTML>
<html lang="es">
<head>
<title>Teach[Tech]</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/css/custom.css" />
<link href="//cdn-images.mailchimp.com/embedcode/slim-10_7.css" rel="stylesheet" type="text/css">
</head>
<body class="landing is-preload">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html">Teach<b>[Tech]</b></a></h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="equipo.html">Equipo</a></li>
<li><a href="temario.html">Temario</a></li>
<li><a href="recursos.html">Recursos</a></li>
<li><a href="codigo-conducta.html">Código de Conducta</a></li>
</ul>
</nav>
</header>
<section id="banner">
<h2>Teach<b>[Tech]</b></h2>
<p><i>Iniciativa sin ánimo de lucro para enseñar a programar.</i></p>
<header>
<h3>👩🏽💻 ¡Edición 2021 en marcha! 👩🏽💻 </h3>
<h4> Para próximas ediciones suscríbete a nuestra newsletter, te mantendremos informado. </h4>
<!-- <a class="button primary" style="margin-top: 12px; font-size: 20px ;" href="https://2021.teacht3ch.com"> ¡Quiero apuntarme! </a>
-->
</header>
</section>
<!-- Main -->
<section id="main" class="container">
<section class="box special">
<header class="major">
<span class="image"><img src="images/logo.png" style="width: 250px" /></span>
</header>
</section>
<section class="box special">
<header>
<p>Déjanos tu correo aquí. Te mantendremos informado de novedades y próximas ediciones.</p>
<!-- Begin Mailchimp Signup Form -->
<div id="mc_embed_signup">
<form
action="https://gmail.us10.list-manage.com/subscribe/post?u=1359a4d31ba1d60fad7f7d4e7&id=616d10efaf"
method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form"
class="validate" target="_blank" novalidate>
<div class="mc_box" id="mc_embed_signup_scroll">
<input style="text-align: center;" type="email" value="" name="EMAIL" id="mce-EMAIL"
placeholder="Correo electrónico" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text"
name="b_1359a4d31ba1d60fad7f7d4e7_616d10efaf" tabindex="-1" value=""></div><br>
<div class="clear mc_button"><input type="submit" value="Suscríbete" name="subscribe"
id="mc-embedded-subscribe"></div>
</div>
</form>
</div>
<!--End mc_embed_signup-->
</header>
</section>
<section class="box special features">
<div class="features-row">
<section>
<a class="a-index" href="codigo-conducta.html"><span
class="sections-a-icons icon solid major fa-universal-access accent2"></span></a>
<h3><a class="a-index" href="codigo-conducta.html">Código de conducta</a></h3>
<p>Valores por los que nos regimos así como los comportamientos
inapropiados que no aceptamos.</p>
</section>
<section>
<a class="a-index" href="equipo.html"><span
class="sections-a-icons icon solid major fa-users accent3"></a></span>
<h3><a class="a-index" href="equipo.html">Equipo</a></h3>
<p>Información sobre el equipo, formado por voluntarios, que han hecho y hacen
posible esta iniciativa.</p>
</section>
</div>
<div class="features-row">
<section>
<a class="a-index" href="temario.html"><span
class="sections-a-icons icon solid major fa-book accent4"></span></a>
<h3><a class="a-index" href="temario.html">Temario</a></h3>
<p>Contenido a desarrollar durante las 10 semanas de duración del curso así como
otros recursos de interés.</p>
</section>
<section>
<a class="a-index" href="mailto:teacht3ch@gmail.com"><span
class="sections-a-icons icon solid major fa-envelope accent5"></span></a>
<h3>Contacto</h3>
<p>Contáctanos a través de nuestro <a href="mailto:teacht3ch@gmail.com">mail</a> o <a
href="https://www.twitter.com/teacht3ch">twitter</a>.</p>
</section>
</div>
</section>
<section class="box special">
<h3 class="underline2">Lo que dicen de nosotros...</h3>
<header class="major">
<div class="content dark style1 featured">
<div class="container">
<div class="row">
<div class="col-4 col-12-narrow">
<section>
<p>"¿Lo mejor del curso? La generosidad de las personas que sin conocerte de
nada te regalan su tiempo y esfuerzo. Todo lo
que hemos aprendido estas semanas, ese primer pasito, también es importante.
Estoy muy agradecido a <i>TeachTech</i> por todo lo que nos han enseñado,
por el
buen rollo y por el calor humano que han
desprendido durante estos dos meses."
</p>
<cite>- Edu -</cite>
</section>
<span class="feature-icon">🧑🏻</span>
</div>
<div class="col-4 col-12-narrow">
<section>
<p>"<i>TeachTech</i> nace de un grupo de personas que han
materializado sus ganas y sabiduría en un
curso de 10 semanas para iniciarnos en la programación. Se basa en
intercambio y aprendizaje grupal, con ejercicios
prácticos para ir integrando todos los conceptos. Es una alternativa de
aprendizaje donde, desde el principio, se ha
respetado la diversidad y hecho sentir cómodas a todas las personas
participantes."</p>
<cite>- Viki -</cite>
</section>
<span class="feature-icon">👩🏻</span>
</div>
<div class="col-4 col-12-narrow">
<section>
<p>"Da igual la edad que tengas, de donde seas o tu formación. Si
tienes asuntos pendientes con la programación
ni te lo pienses. Intenta formar parte de esta gran familia que es
<i>TeachTech</i>, que te guiará
para dar el primer gran paso, a la par que te
contagia con su ilusión, calidez y solidaridad. Aprenderás a programar pero
lo más importante, aprenderás o recordarás
como ser mejor persona."
</p>
<cite>- Ozain -</cite>
</section>
<span class="feature-icon">🧑🏽🦱</span>
</div>
</div>
</div>
</div>
</header>
</section>
</section>
<section id="cta">
</section>
<!-- Footer -->
<footer id="footer">
<span class="image img"><img src="images/logo.png" style="width: 150px" /></span>
<ul class="icons">
<li><a href="https://www.twitter.com/teacht3ch" class="icon brands fa-twitter"><span
class="label">Twitter</span></a></li>
<li><a href="https://www.linkedin.com/company/teacht3ch/" class="icon brands fa-linkedin"><span
class="label">Linkedin</span></a>
</li>
<li><a href="mailto:teacht3ch@gmail.com" class="icon fa-envelope"><span class="label">Mail</span></a>
</li>
<li><a href="https://github.com/TeachT3ch" class="icon brands fa-github"><span
class="label">Github</span></a>
</li>
</ul>
<a href="privacy-policy.html"><span class="label footer-text">Política de Privacidad</span></a>
<ul class="copyright">
<li>© Teach[Tech] 2021. All rights reserved.</li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>