-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
215 lines (212 loc) · 22.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>GDSC Granada | Construyendo puentes entre la teoría y la práctica</title>
<meta property="og:type" content="website">
<meta name="description" content="Forma parte de una comunidad, aprende nuevas tecnologías y aplícalas en el mundo real. Con el GDSC Granada podrás descubrir las tecnologías que usa Google">
<link rel="icon" type="image/png" sizes="128x128" href="assets/img/LogoBrackets.png">
<link rel="icon" type="image/png" sizes="128x128" href="assets/img/LogoBrackets.png">
<link rel="icon" type="image/png" sizes="128x128" href="assets/img/LogoBrackets.png">
<link rel="icon" type="image/png" sizes="128x128" href="assets/img/LogoBrackets.png">
<link rel="icon" type="image/png" sizes="128x128" href="assets/img/LogoBrackets.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700&display=swap">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css">
<link rel="stylesheet" href="assets/css/Footer-Basic.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css">
<link rel="stylesheet" href="assets/css/Navigation-with-Search.css">
<link rel="stylesheet" href="assets/css/Social-Icons.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/Team-Boxed.css">
</head>
<body>
<header class="header-blue" style="background: rgb(255,255,255);">
<nav class="navbar navbar-light navbar-expand-md navigation-clean-search" data-aos="fade-down" data-aos-delay="100" data-aos-once="true" id="cabecera" style="background: #ffffff;position: fixed;width: 100%;border-bottom: 1px solid rgb(232,232,232);border-radius: 1px;z-index:999">
<div class="container"><a href="#slider-div"><img id="logo" src="assets/img/LogoGDSC.png" style="width: 215px;"></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse justify-content-end" id="navcol-1" style="background: #ffffff;">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="#whoareus" style="font-family: 'Open Sans', sans-serif;color: rgb(143, 143, 143);">¿Qué somos?</a></li>
<li class="nav-item" style="font-family: 'Open Sans', sans-serif;"><a class="nav-link" href="#team" style="font-family: 'Open Sans', sans-serif;">Equipo</a></li>
<li class="nav-item" style="font-family: 'Open Sans', sans-serif;"><a class="nav-link" href="#contact" style="font-family: 'Open Sans', sans-serif;">Contacto</a></li>
</ul><a class="btn btn-light action-button" role="button" href="https://forms.gle/rDtBqXxuPUfNHevx8" style="background: #4885ed;border-radius: 10px;font-family: 'Open Sans', sans-serif;" target="_blank">Únete</a>
</div>
</div>
</nav>
</header>
<div id="slider-div" style="text-align: center;"><img src="assets/img/banner4.png" style="width: 90%;margin-top: 82px;"></div>
<section id="whoareus" style="padding-top: 60px;padding-bottom: 60px;">
<div class="container">
<div class="row">
<div class="col-md-12" data-aos="fade-up" style="margin-bottom: 30px;">
<h1 class="section-header" style="color: #4885ed;text-align: center;font-size: 44px;">¿Qué somos?</h1>
</div>
</div>
<div class="row">
<div class="col-md-6" data-aos="fade-up" style="text-align: center;"><img class="big-img" src="assets/img/team.png" style="width: 380px;"></div>
<div class="col-md-6 d-flex flex-column align-items-center justify-content-xl-center" data-aos="fade-up">
<p class="big-text" style="font-family: 'Open Sans', sans-serif;font-size: 20px;text-align: justify;">Los <strong>Google Developer Student Clubs</strong> son comunidades orientadas a los estudiantes de las universidades interesados sobre todo en tecnologías de desarrollo de Google.<br></p>
<p class="big-text" style="font-family: 'Open Sans', sans-serif;font-size: 20px;text-align: justify;">Si eres estudiante de grado o posgrado con un interés en crecer como desarrollador eres totalmente bienvenido. Al unirse a un GDSC, los estudiantes ampliarán sus conocimientos en un entorno Peer-to-Peer y construirán soluciones para negocios locales y para la comunidad.<br></p>
</div>
</div>
</div>
<div class="container" style="margin-top: 60px;">
<div class="row d-xl-flex flex-row justify-content-xl-center align-items-xl-center" style="margin-top: 20px;">
<div class="col text-center" data-aos="fade-right"><img src="assets/img/Connected%20world-pana.png" style="width: 250px;">
<h2 style="color: #4285f4;">Conecta</h2>
<p class="small-text" style="font-family: 'Open Sans', sans-serif;font-size: 16px;text-align: center;padding-right: 80px;padding-left: 80px;">Conoce estudiantes interesados en tecnologías de desarrollo de tu entorno. Todos sois bienvenidos, da igual lo que estés cursando.</p>
</div>
<div class="col" data-aos="fade-left" style="text-align: center;"><img src="assets/img/Online%20learning-pana.png" style="width: 250px;">
<h2 style="color: #db4437;">Aprende</h2>
<p class="small-text" style="font-family: 'Open Sans', sans-serif;font-size: 16px;text-align: center;padding-right: 80px;padding-left: 80px;">Aprende sobre un rango de temas técnicos y habilidades a través de charlas, talleres, y actividades para crear y organizar proyectos.<br></p>
</div>
</div>
<div class="row" style="margin-top: 20px;">
<div class="col" data-aos="fade-right" style="text-align: center;"><img src="assets/img/Collaboration-pana.png" style="width: 250px;">
<h2 style="color: #f4b400;">Aplica</h2>
<p class="small-text" style="font-family: 'Open Sans', sans-serif;font-size: 16px;text-align: center;padding-right: 80px;padding-left: 80px;">Aplica todo lo aprendido en la comunidad para construir grandes soluciones a problemas locales de tu entorno.<br></p>
</div>
<div class="col" data-aos="fade-left" style="text-align: center;"><img src="assets/img/Growth%20curve-pana.png" style="width: 250px;">
<h2 style="color: #0f9d58;">Crece</h2>
<p class="small-text" style="font-family: 'Open Sans', sans-serif;font-size: 16px;text-align: center;padding-right: 80px;padding-left: 80px;">Haz crecer tus habilidades, tu carrera y tu red de contactos. Además podrías aportar ayudando a los demás a aprender.<br></p>
</div>
</div>
</div>
</section>
<section id="team" style="padding-top: 60px;padding-bottom: 60px;border-color: rgb(33, 37, 41);border-top-color: rgb(33,;border-right-color: 37,;border-bottom-color: 41);border-left-color: 37,;background: #ffffff;">
<div class="container">
<div class="row">
<div class="col-md-12" data-aos="fade-up" style="margin-bottom: 30px;">
<h1 class="section-header" style="color: #4885ed;text-align: center;font-size: 44px;">Nuestro equipo</h1>
</div>
</div>
<div class="row">
<div class="col">
<div class="row people team-boxed" style="background: rgb(255,255,255);">
<div class="col-md-6 col-lg-4 item">
<div data-aos="fade-left" class="box" style="border-radius: 10px;border: 1px solid rgb(215,215,215);background: #ffffff;box-shadow: 1px 1px 2px rgb(183,183,183);"><img class="rounded-circle" src="assets/img/member2.jpg" style="background: #ffffff;">
<h3 class="name" style="background: #ffffff;">Iván Valero</h3>
<p class="title" style="background: #ffffff;">// GDSC LEAD</p>
<div class="social" style="background: #ffffff;"><a href="https://github.com/IvanitiX" style="background: #ffffff;" target="_blank"><i class="fa fa-github" style="background: #ffffff;"></i></a><a href="https://twitter.com/IvanInVR" style="background: #ffffff;" target="_blank"><i class="fa fa-twitter" style="background: #ffffff;"></i></a></div>
</div>
</div>
<div class="col-md-6 col-lg-4 item">
<div data-aos="fade-left" data-aos-delay="300" class="box" style="border-radius: 10px;border: 1px solid rgb(215,215,215);background: #ffffff;box-shadow: 1px 1px 2px rgb(183,183,183);"><img class="rounded-circle" src="assets/img/member1.jpg" style="background: #ffffff;">
<h3 class="name" style="background: #ffffff;">David Román</h3>
<p class="title" style="background: #ffffff;">// Core team</p>
<div class="social" style="background: #ffffff;"><a href="https://github.com/davidrc99" style="background: #ffffff;" target="_blank"><i class="fa fa-github" style="background: #ffffff;"></i></a><a href="https://twitter.com/DavidRC_99" style="background: #ffffff;" target="_blank"><i class="fa fa-twitter" style="background: #ffffff;"></i></a></div>
</div>
</div>
<div class="col-md-6 col-lg-4 item">
<div data-aos="fade-left" data-aos-delay="300" class="box" style="border-radius: 10px;border: 1px solid rgb(215,215,215);background: #ffffff;box-shadow: 1px 1px 2px rgb(183,183,183);"><img class="rounded-circle" src="assets/img/member3.jpg" style="background: #ffffff;">
<h3 class="name" style="background: #ffffff;">Miquel Reyes</h3>
<p class="title" style="background: #ffffff;">// Core team</p>
<div class="social" style="background: #ffffff;"><a href="https://github.com/davidrc99" style="background: #ffffff;" target="_blank"><i class="fa fa-github" style="background: #ffffff;"></i></a><a href="https://twitter.com/MiquelReyes_" style="background: #ffffff;" target="_blank"><i class="fa fa-twitter" style="background: #ffffff;"></i></a></div>
</div>
</div>
<div class="col-md-6 col-lg-4 item">
<div data-aos="fade-left" data-aos-delay="300" class="box" style="border-radius: 10px;border: 1px solid rgb(215,215,215);background: #ffffff;box-shadow: 1px 1px 2px rgb(183,183,183);"><img class="rounded-circle" src="assets/img/member11.jpg" style="background: #ffffff;">
<h3 class="name" style="background: #ffffff;">Elena Chaves</h3>
<p class="title" style="background: #ffffff;">// Core team</p>
<div class="social" style="background: #ffffff;"><a href="https://www.linkedin.com/in/elena-chaves-hern%C3%A1ndez-abb57b195/" style="background: #ffffff;" target="_blank"><i class="fa fa-linkedin" style="background: #ffffff;"></i></a></div>
</div>
</div>
<div class="col-md-6 col-lg-4 item">
<div data-aos="fade-left" data-aos-delay="300" class="box" style="border-radius: 10px;border: 1px solid rgb(215,215,215);background: #ffffff;box-shadow: 1px 1px 2px rgb(183,183,183);"><img class="rounded-circle" src="assets/img/member4.webp" style="background: #ffffff;">
<h3 class="name" style="background: #ffffff;">Merche Lorenzo</h3>
<p class="title" style="background: #ffffff;">// Technical Member en Desarrollo Multiplataforma</p>
<div class="social" style="background: #ffffff;"><a href="https://github.com/MercheLorenzo" style="background: #ffffff;" target="_blank"><i class="fa fa-github" style="background: #ffffff;"></i></a><a href="https://twitter.com/meeerche25" style="background: #ffffff;" target="_blank"><i class="fa fa-twitter" style="background: #ffffff;"></i></a></div>
</div>
</div>
<div class="col-md-6 col-lg-4 item">
<div data-aos="fade-left" data-aos-delay="300" class="box" style="border-radius: 10px;border: 1px solid rgb(215,215,215);background: #ffffff;box-shadow: 1px 1px 2px rgb(183,183,183);"><img class="rounded-circle" src="assets/img/member5.webp" style="background: #ffffff;">
<h3 class="name" style="background: #ffffff;">Inés Jiménez</h3>
<p class="title" style="background: #ffffff;">// Technical Member en IoT</p>
<div class="social" style="background: #ffffff;"><a href="https://github.com/https_rim" style="background: #ffffff;" target="_blank"><i class="fa fa-github" style="background: #ffffff;"></i></a><a href="https://twitter.com/https_rim" style="background: #ffffff;" target="_blank"><i class="fa fa-twitter" style="background: #ffffff;"></i></a></div>
</div>
</div>
<div class="col-md-6 col-lg-4 item">
<div data-aos="fade-left" data-aos-delay="300" class="box" style="border-radius: 10px;border: 1px solid rgb(215,215,215);background: #ffffff;box-shadow: 1px 1px 2px rgb(183,183,183);"><img class="rounded-circle" src="assets/img/member6.webp" style="background: #ffffff;">
<h3 class="name" style="background: #ffffff;">Antonio Alemán</h3>
<p class="title" style="background: #ffffff;">// Technical Member en Desarrollo Multiplataforma</p>
<div class="social" style="background: #ffffff;"><a href="https://twitter.com/antonioag_ugr" style="background: #ffffff;" target="_blank"><i class="fa fa-twitter" style="background: #ffffff;"></i></a></div>
</div>
</div>
<div class="col-md-6 col-lg-4 item">
<div data-aos="fade-left" data-aos-delay="300" class="box" style="border-radius: 10px;border: 1px solid rgb(215,215,215);background: #ffffff;box-shadow: 1px 1px 2px rgb(183,183,183);"><img class="rounded-circle" src="assets/img/member7.webp" style="background: #ffffff;">
<h3 class="name" style="background: #ffffff;">Álex Machuca</h3>
<p class="title" style="background: #ffffff;">// Technical Member en IoT y Desarrollo Multiplataforma</p>
<div class="social" style="background: #ffffff;"><a href="https://github.com/Alux6" style="background: #ffffff;" target="_blank"><i class="fa fa-github" style="background: #ffffff;"></i></a><a href="https://twitter.com/Alux6" style="background: #ffffff;" target="_blank"><i class="fa fa-twitter" style="background: #ffffff;"></i></a></div>
</div>
</div>
<div class="col-md-6 col-lg-4 item">
<div data-aos="fade-left" data-aos-delay="300" class="box" style="border-radius: 10px;border: 1px solid rgb(215,215,215);background: #ffffff;box-shadow: 1px 1px 2px rgb(183,183,183);"><img class="rounded-circle" src="assets/img/member8.webp" style="background: #ffffff;">
<h3 class="name" style="background: #ffffff;">Enrique Paubert</h3>
<p class="title" style="background: #ffffff;">// Technical Member en IoT y Web</p>
<div class="social" style="background: #ffffff;"><a href="https://github.com/epaubert" style="background: #ffffff;" target="_blank"><i class="fa fa-github" style="background: #ffffff;"></i></a><a href="https://twitter.com/epaubert97" style="background: #ffffff;" target="_blank"><i class="fa fa-twitter" style="background: #ffffff;"></i></a></div>
</div>
</div>
<div class="col-md-6 col-lg-4 item">
<div data-aos="fade-left" data-aos-delay="300" class="box" style="border-radius: 10px;border: 1px solid rgb(215,215,215);background: #ffffff;box-shadow: 1px 1px 2px rgb(183,183,183);"><img class="rounded-circle" src="assets/img/member9.webp" style="background: #ffffff;">
<h3 class="name" style="background: #ffffff;">Manuel Guerrero</h3>
<p class="title" style="background: #ffffff;">// Technical Member en IoT y Web</p>
<div class="social" style="background: #ffffff;"><a href="https://github.com/Manu8G" style="background: #ffffff;" target="_blank"><i class="fa fa-github" style="background: #ffffff;"></i></a><a href="https://twitter.com/Manu8G" style="background: #ffffff;" target="_blank"><i class="fa fa-twitter" style="background: #ffffff;"></i></a></div>
</div>
</div>
<div class="col-md-6 col-lg-4 item">
<div data-aos="fade-left" data-aos-delay="300" class="box" style="border-radius: 10px;border: 1px solid rgb(215,215,215);background: #ffffff;box-shadow: 1px 1px 2px rgb(183,183,183);"><img class="rounded-circle" src="assets/img/member10.webp" style="background: #ffffff;">
<h3 class="name" style="background: #ffffff;">Rubén Morillas</h3>
<p class="title" style="background: #ffffff;">// Technical Member en Web</p>
<div class="social" style="background: #ffffff;"><a href="https://twitter.com/ruben_niwe1" style="background: #ffffff;" target="_blank"><i class="fa fa-twitter" style="background: #ffffff;"></i></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="contact" style="padding-top: 60px;padding-bottom: 60px;">
<div class="container">
<div class="row">
<div class="col-md-12" data-aos="fade-up" style="margin-bottom: 30px;">
<h1 class="section-header" style="color: #4885ed;text-align: center;font-size: 44px;">Contacta con nosotros</h1>
</div>
</div>
</div>
<div class="row">
<div class="col" style="width: 100%;">
<div class="container" style="text-align: center;">
<div class="row" style="text-align: center;">
<div class="col-md-12 d-flex justify-content-center" style="text-align: center;"><iframe allowfullscreen="" frameborder="0" loading="lazy" src="https://www.google.com/maps/embed/v1/place?key=AIzaSyB3QoTO0sdmejBiGZMhqs4xS5mflBA0J-8&q=C.+Periodista+Daniel+Saucedo+Aranda%2C+s%2Fn%2C+18014+Granada&zoom=15" data-aos="fade-up" width="100%" height="400"></iframe></div>
</div>
</div>
</div>
</div>
<footer class="footer-basic">
<div class="row">
<div class="col text-center" style="margin-top: 20px;margin-bottom: 50px;"><a class="btn btn-primary pulse animated action-button" role="button" href="https://forms.gle/rDtBqXxuPUfNHevx8" style="background: #4885ed;border-radius: 10px;font-family: 'Open Sans', sans-serif;text-align: center;padding-top: 10px;padding-bottom: 10px;padding-right: 16px;padding-left: 16px;" target="_blank">¡Únete al equipo!</a></div>
</div>
<div class="social"><a data-bss-hover-animate="pulse" href="https://www.instagram.com/gdsc_granada" target="_blank"><i class="icon ion-social-instagram"></i></a><a data-bss-hover-animate="pulse" href="https://t.me/DSCGranada" target="_blank"><i class="fab fa-telegram-plane"></i></a><a data-bss-hover-animate="pulse" href="https://twitter.com/GDSC_Granada" target="_blank"><i class="icon ion-social-twitter"></i></a><a data-bss-hover-animate="pulse" href="https://www.linkedin.com/company/gdsc-ugr/" target="_blank"><i class="icon ion-social-linkedin"></i></a> <a data-bss-hover-animate="pulse" href="https://www.youtube.com/channel/UCqwGWNIrspWOsm8u8XrItag" target="_blank"><i class="icon ion-social-youtube"></i></a> <a data-bss-hover-animate="pulse" href="https://gdsc.community.dev/university-of-granada/" target="_blank"><i class="icon ion-code"></i></a></div>
<ul class="list-inline">
<li class="list-inline-item"><a href="#whoareus">¿Qué somos?</a></li>
<li class="list-inline-item"><a href="#team">Equipo</a></li>
<li class="list-inline-item"><a href="#contact">Contacto</a></li>
</ul>
<p class="copyright">GDSC Universidad de Granada 2021</p>
</footer>
</section>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>
<script src="assets/js/Card-Carousel.js"></script>
<script src="assets/js/hidenNavbar.js"></script>
</body>
</html>