-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
254 lines (238 loc) · 11 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
<!doctype html>
<html lang="es">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Comunidad creada con el fin de compartir experiencias y desarrollar habilidades y conocimientos en torno al lenguaje de programación Python">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!--Animate CSS-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
<!--FontAwesome CSS-->
<link rel="stylesheet" href="fontAwesome/css/all.css" >
<!--Google Fonts-->
<link href="https://fonts.googleapis.com/css?family=Karla|Lato:700|Ubuntu&display=fallback" rel="stylesheet">
<!-- personal CSS -->
<link rel="stylesheet" href="index.css">
<!-- icono de pestaña -->
<link rel="shortcut icon" href="multimedia/icon/favicon.ico">
<title>Python Tuluá - Comunidad de programación con Python</title>
</head>
<body>
<!--inicio intro-->
<div id="video-container" class="container-fluid">
<div id="video-row" class="row">
<video autoplay muted loop>
<source src="multimedia/introVideo/introVideo.mp4" type="video/mp4">
<source src="multimedia/introVideo/introVideo.ogv" type="video/ogg">
</video>
<div id="pantalla-opaca" class="col"></div>
<div id="logo" class="col text-center">
<img src="multimedia/logo/logo.png" width="300" class="img-fluid py-5 animated rubberBand delay-1s" alt="Python Tuluá">
</div>
</div>
</div>
<!--Fin intro-->
<br><br>
<!--Inicio Quiénes somos y eventos nacionales-->
<section class="container-fluid">
<div class="row">
<!--Inicio Quiénes somos-->
<article class="col-lg-8 px-5 pb-5">
<h1>¿Quiénes somos?</h1>
<hr><br>
<p>Python Tuluá es una comunidad creada con el fin de compartir experiencias y desarrollar habilidades y conocimientos en torno al lenguaje de programación Python. Es un grupo de personas abiertas a aprender y compartir acerca de los proyectos en los que están trabajando, las cosas que han aprendido y los errores que han cometido para así ayudar a otras personas a evitarlos.</p>
<p>En cada meetup realizamos dos charlas, una de nivel principiante y otra de nivel avanzado, para así motivar la participación de un público variado.</p>
</article>
<!--Inicio eventos nacionales-->
<aside class="col-lg-4 pl-5 pb-5">
<h1>Eventos nacionales</h1>
<hr><br>
<!--Lista de eventos nacionales-->
<ul class=" container nav flex-column">
<!--SciPy Latam-->
<li class="row nav-item d-flex align-items-center">
<a href="http://conf.scipyla.org/" target="_blank">
<img src="multimedia/otherEvents/sciPy.png" height="100" class="pr-4" alt="SciPy Latam">
</a>
<div>
<h3 class="mb-0">SciPy Latam</h3>
<span>octubre 8, 9 y 10, 2019</span>
</div>
</li>
<hr>
<!--PyCon Colombia-->
<li class="row nav-item d-flex align-items-center">
<a href="https://www.pycon.co/" target="_blank">
<img src="multimedia/otherEvents/pyCon.png" height="100" class="pr-4" alt="PyCon Colombia">
</a>
<div>
<h3 class="mb-0">PyCon Colombia</h3>
<span>febrero 7, 8 y 9, 2020</span>
</div>
</li>
</ul>
</aside>
</div>
</section>
<!--fin Quienes somos y eventos nacionales-->
<br><br>
<!--Inicio próximo evento-->
<section id="nextEvent" class="container-fluid text-white">
<div id="nextEvent-row" class="row d-flex align-items-center">
<div class="col-lg-6 p-5 ">
<h2>Próximo evento:</h2>
<br>
<ul>
<li>??? ??? ???</li>
<li>??? ??? ???</li>
</ul>
</div>
<div class="col-lg-6 p-5">
<a href="#" target="_blank">
<button id="registration-btn" type="button" class="btn btn-light rounded-pill btn-lg btn-block">regístrate</button>
</a>
</div>
</div>
</section>
<!--Fin próximo evento-->
<br><br>
<!--Inicio eventos pasados-->
<h1 class="text-center">Eventos pasados</h1>
<br>
<section class="container-fluid card-group d-flex justify-content-center">
<div class="row">
<!--cuarto meetup-->
<div class="col-sm-6 col-md-3 card p-2 border-light">
<a href="https://www.meetup.com/es/Python-Tulua/events/262984909/" target="_blank">
<img src="multimedia/photos/meetup4.jpg" class="card-img-top" alt="Cuarto meetup" >
</a>
<div class="card-body">
<h5 class="card-title text-center text-danger">Cuarto meetup</h5>
<hr>
<ul class="card-text">
<li>Iniciando con entornos virtuales.</li>
<li>Django y vistas basadas en clases.</li>
</ul>
</div>
</div>
<!--tercer meetup-->
<div class="col-sm-6 col-md-3 card p-2 border-light">
<a href="https://www.meetup.com/es/Python-Tulua/events/262136489/" target="_blank">
<img src="multimedia/photos/meetup3.jpg" class="card-img-top" alt="Cuarto meetup" >
</a>
<div class="card-body">
<h5 class="card-title text-center text-danger">Tercer meetup</h5>
<hr>
<ul class="card-text">
<li>Introduction to PySpark awesomeness.</li>
<li>Desarrollo profesional como ing. de sistemas.
<i>(videoconferencia)</i></li>
</ul>
</div>
</div>
<!--segundo meetup-->
<div class="col-sm-6 col-md-3 card p-2 border-light">
<a href="https://www.meetup.com/es/Python-Tulua/events/253961876/" target="_blank">
<img src="multimedia/photos/meetup2.jpg" class="card-img-top" alt="Cuarto meetup" >
</a>
<div class="card-body">
<h5 class="card-title text-center text-danger">Segundo meetup</h5>
<hr>
<ul class="card-text">
<li>Estructuras de datos en Python.</li>
<li>Blockchain desde los ojos de Python.</li>
</ul>
</div>
</div>
<!--primer meetup-->
<div class="col-sm-6 col-md-3 card p-2 border-light">
<a href="https://www.meetup.com/es/Python-Tulua/events/252761395/" target="_blank">
<img src="multimedia/photos/meetup1.jpg" class="card-img-top" alt="Cuarto meetup" >
</a>
<div class="card-body">
<h5 class="card-title text-center text-danger">Primer meetup</h5>
<hr>
<ul class="card-text">
<li>Python no muerde.</li>
<li>Frameworks para desarrollo web.</li>
</ul>
</div>
</div>
</div>
</section>
<!--Fin eventos pasados-->
<br><br>
<!--inicio contacto-->
<section id="contacto" class="container-fluid text-white">
<div id="contacto-row" class="row py-5">
<form class="col-md-8 offset-md-2 pl-5 pr-5" action="https://docs.google.com/forms/d/e/1FAIpQLSd1FFGcg7lGxhosnBhs6Xwrk_6FY-3q-6Uyq5IBe1Hc-et_wg/formResponse" target="_blank">
<h1 class="text-center">¿Tienes algún comentario? ¡Escríbenos!</h1>
<br>
<div class="form-group">
<label for="nombre">Nombre completo</label>
<input type="text" class="form-control" id="nombre" placeholder="Jhon Doe" name="entry.438309624" required>
</div>
<div class="form-group">
<label for="email">Correo electrónico</label>
<input type="email" class="form-control" id="email" placeholder="[email protected]" name="entry.396894822" required>
</div>
<div class="form-group">
<label for="comentario">Comentario</label>
<textarea class="form-control" id="comentario" rows="3" name="entry.919936042" required></textarea>
</div>
<br>
<h1><input id="submit-btn" class="btn btn-light btn-block btn-lg rounded-pill" type="submit" value="enviar"></h1>
<br>
</form>
</div>
</section>
<!--fin contacto-->
<br><br>
<!--Inicio redes sociales-->
<h2 class="container text-center">Síguenos en nuestras redes sociales</h2>
<div id="socialNetwork-list" class="container-fluid d-flex justify-content-center">
<div id="socialNetwork" class="row">
<!--facebook-->
<a id="facebook" href="https://www.facebook.com/pythontulua/" target="_blank" class="mr-2" data-toggle="tooltip" data-placement="top" title="Facebook">
<i class="fab fa-facebook-f"></i>
</a>
<!--twitter-->
<a id="twitter" href="https://twitter.com/PythonTulua" target="_blank" class="ml-2 mr-2" data-toggle="tooltip" data-placement="top" title="Twitter">
<i class="fab fa-twitter"></i>
</a>
<!--meetup-->
<a id="meetup" href="https://www.meetup.com/es/Python-Tulua/" target="_blank" class="ml-2" data-toggle="tooltip" data-placement="top" title="Meetup">
<i class="fab fa-meetup"></i>
</a>
</div>
</div>
<!--Fin redes sociales-->
<br>
<!--inicio footer -->
<footer class="container-fluid text-light">
<div class="row text-center">
<div class="col-md-6 col-lg-4">
<p>2018 - 2020 © Todos los derechos reservados</p>
</div>
<div class="col-md-6 col-lg-4">
<p>Realizado con Bootstrap</p>
</div>
<div class="col-lg-4">
<p><i class="far fa-envelope pr-3"></i>[email protected]</p>
</div>
</div>
</footer>
<!--fin footer-->
<!-- Optional JavaScript -->
<!-- jQuery JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<!-- Bootstrap JS -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<!--Personal JS-->
<script type="text/javascript" src="index.js"></script>
</body>
</html>