forked from saitcmty/pumm-web
-
Notifications
You must be signed in to change notification settings - Fork 0
/
equipo.html
174 lines (166 loc) · 13 KB
/
equipo.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PUMM | Programando un Mexico Mejor </title>
<!--favicon, imagen en el title-->
<link rel="shortcut icon" href="favicon.ico">
<!-- Bootstrap core CSS -->
<link href="./libraries/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="styles.css" rel="stylesheet">
</head>
<body>
<nav class="navbar sticky-top navbar-dark" style="background: rgb(0,172,228);
background: linear-gradient(65deg, rgba(0,172,228,1) 0%, rgba(23,12,102,1) 100%);">
<div class="container d-flex justify-content-between">
<a href="index.html" class="navbar-brand">
<!--<img src="./libraries/assets/pumm-logo/saitc.png" alt="PUMM logo" height="40" class="d-inline-block align-middle mr-2">-->
<span>PUMM</span>
Programando un México Mejor
</a>
<div>
<a href="about.html" class="nav-link d-inline-block" style="color: white;">Acerca del proyecto</a>
<a href="equipo.html" class="nav-link d-inline-block" style="color: white;">Equipo</a>
<a href="clases.html" class="nav-link d-inline-block" style="color: white;">Clases</a>
<a href="recursos.html" class="nav-link d-inline-block" style="color: white;">Recursos</a>
<a href="proximamente.html" class="nav-link d-inline-block" style="color: white;">Blog</a>
</div>
</div>
</nav>
<div id="resource-section" class="album">
<div class="container">
<h1 class="text-center pb-3">Conoce al equipo de PUMM AD 2021</h1>
<div class="white-bg row py-4">
<div class="card-deck">
<div class="card">
<img src="./libraries/assets/team/nadia.png" class="card-img-top" alt="nadia garcia">
<div class="card-body">
<h5 class="card-title">Socia Formadora</h5>
<h6>Nadia García</h6>
<p class="card-text text-justify">Directora de Responsabilidad Social de la Sociedad de Alumnos de Ingeniería en Tecnologías Computacionales, encargada de la realización de Programando Un México Mejor.</p>
<p class="card-text text-justify">Alumna de 5to semestre de Ingeniería en Tecnologías Computacionales, con experiencia profesional en desarrollo web responsivo.</p>
<small class="text-muted"><strong>Contacto:</strong><br> Correo electrónico: <a href="mailto:a01242428@itesm.mx?Subject=Programando%20Un%20Mexico%20Mejor">a01242428@itesm.mx</a> <br> WhatsApp: <a href="https://api.whatsapp.com/send?phone=526563362231&text=%C2%A1Hola!%20Te%20escribo%20para%20solicitar%20informaci%C3%B3n%20sobre%20Programando%20Un%20M%C3%A9xico%20Mejor">+526563362231</a></small>
</div>
</div>
<div class="card">
<img src="./libraries/assets/team/julio.png" class="card-img-top" alt="julio">
<div class="card-body">
<h5 class="card-title">Coordinador General</h5>
<h6>Julio Gutiérrez</h6>
<p class="card-text text-justify">Coordinador encargado de la administración y desarrollo de Programando Un México Mejor.</p>
<p class="card-text text-justify">Alumno de 6to semestre de Ingeniería en Tecnologías Computacionales, desarrollador de aplicaciones web con enfoque en el lado del servidor y actual colaborador en modulo de emprendimiento del Tecnologico de monterrey.</p>
<small class="text-muted"><strong>Contacto:</strong><br> Correo electrónico: <a href="mailto:a01282575@itesm.mx?Subject=Programando%20Un%20Mexico%20Mejor">a01282575@itesm.mx</a> <br> WhatsApp: <a href="https://api.whatsapp.com/send?phone=528181383038&text=%C2%A1Hola!%20Te%20escribo%20para%20solicitar%20informaci%C3%B3n%20sobre%20Programando%20Un%20M%C3%A9xico%20Mejor">+528181383038</a></small>
</div>
</div>
<div class="card">
<img src="./libraries/assets/team/marifer.png" class="card-img-top" alt="Mariafernanda Salas">
<div class="card-body">
<h5 class="card-title">Coordinadora General Jr</h5>
<h6>Mariafernanda Salas</h6>
<p class="card-text text-justify">Alumna de 5to semestre de Ingeniería en Tecnologías Computacionales, tengo experiencia desde hace 2 años en el área de desarrollo web y programación en C++ y Java. Llevo dos años organizando HackMTY, un hackathon estudiantil de tecnología. Me gusta mucho dibujar y la música.</p>
<p class="card-text text-justify">Durante el proyecto, disfruté mucho el convivir con los alumnos y ver que aprendieron mucho sobre este gran mundo de la programación.</p>
<small class="text-muted"><strong>Contacto:</strong><br> Correo electrónico: <a href="mailto:a01176943@itesm.mx?Subject=Programando%20Un%20Mexico%20Mejor">a01176943@itesm.mx</a> <br> WhatsApp: <a href="https://api.whatsapp.com/send?phone=528180753556&text=%C2%A1Hola!%20Te%20escribo%20para%20solicitar%20informaci%C3%B3n%20sobre%20Programando%20Un%20M%C3%A9xico%20Mejor">+528180753556</a></small>
</div>
</div>
</div>
<div class="card-deck">
<div class="card">
<img src="./libraries/assets/team/general.png" class="card-img-top" alt="Juan Carlos Garza">
<div class="card-body">
<h5 class="card-title">Voluntario</h5>
<h6>Juan Carlos Garza</h6>
<p class="card-text text-justify">Alumno de 8vo semestre de Ingeniería en Sistemas Digitales y Robótica, </p>
<small class="text-muted"><strong>Contacto:</strong><br> Correo electrónico: <a href="mailto:A00821522@itesm.mx?Subject=Programando%20Un%20Mexico%20Mejor">a00821522@itesm.mx</a> <br> WhatsApp: <a href="https://api.whatsapp.com/send?phone=528180808683&text=%C2%A1Hola!%20Te%20escribo%20para%20solicitar%20informaci%C3%B3n%20sobre%20Programando%20Un%20M%C3%A9xico%20Mejor">+528180808683</a></small>
</div>
</div>
<div class="card">
<img src="./libraries/assets/team/juanpablo.png" class="card-img-top" alt="Juan Pablo Diaz">
<div class="card-body">
<h5 class="card-title">Voluntario</h5>
<h6>Juan Pablo Diaz</h6>
<p class="card-text text-justify">Alumno de 5to semestre de Ingeniería en Tecnologías Computacionales, experiencia con conocimientos de HTML y CSS, y programación en C# y C++. Participante de HackMty2019. Disfruto dibujando en mis tiempos libres.</p>
<p class="card-text text-justify">Durante el proyecto, disfruté bastante le preparación de los cursos y de actividades que ayudaran a los alumnos a desarrollar capacidades de desarrollo web.</p>
<small class="text-muted"><strong>Contacto:</strong><br> Correo electrónico: <a href="mailto:a00825316@itesm.mx?Subject=Programando%20Un%20Mexico%20Mejor">a00825316@itesm.mx</a> <br> WhatsApp: <a href="https://api.whatsapp.com/send?phone=528444444501&text=%C2%A1Hola!%20Te%20escribo%20para%20solicitar%20informaci%C3%B3n%20sobre%20Programando%20Un%20M%C3%A9xico%20Mejor">+528444444501</a></small>
</div>
</div>
<div class="card">
<img src="./libraries/assets/team/david.png" class="card-img-top" alt="David Acevedo">
<div class="card-body">
<h5 class="card-title">Voluntario</h5>
<h6>David Acevedo</h6>
<p class="card-text text-justify">Alumno de 9no semestre de Ingeniería en Tecnologías Computacionales con experiencia con desarrollo web, Node.js, C++, SQL. Me gusta la fotografía y jugar al Tenis.</p>
<p class="card-text text-justify">
Me gustó la dinámica del proyecto para poder enseñar los cursos aún estando a distancia. Siento que el formato de las clases y las actividades ayudaron a los alumnos a entender todos los temas.
</p>
<small class="text-muted"><strong>Contacto:</strong><br> Correo electrónico: <a href="mailto:a01196678@itesm.mx?Subject=Programando%20Un%20Mexico%20Mejor">a01196678@itesm.mx</a> <br> WhatsApp: <a href="https://api.whatsapp.com/send?phone=528120402319&text=%C2%A1Hola!%20Te%20escribo%20para%20solicitar%20informaci%C3%B3n%20sobre%20Programando%20Un%20M%C3%A9xico%20Mejor">+528120402319</a></small>
</div>
</div>
</div>
<div class="d-flex justify-content-around">
<div class="card">
<img src="./libraries/assets/team/andres.png" class="card-img-top" alt="Andres Sanchez">
<div class="card-body">
<h5 class="card-title">Voluntario</h5>
<h6>Andrez Sanchez</h6>
<p class="card-text text-justify">Alumno de 5to semestre de Ingeniería en Mecatrónica, mi experiencia esta en áreas de robótica y negocios, por lo tanto no contaba ningún conocimiento en desarrollo web, sin embargo durante el servicio recibí las herramientas necesarias como para aprender lo básico y poder enseñar. Me llevo mucha satisfacción de los resultados, puesto que aprendí algo nuevo y además enseñé habilidades que estoy seguro motivarán a aquellos que tomaron nuestros cursos a crecer en áreas de ciencia y tecnología. </p>
<small class="text-muted"><strong>Contacto:</strong><br> Correo electrónico: <a href="mailto:a01351370@itesm.mx?Subject=Programando%20Un%20Mexico%20Mejor">a01351370@itesm.mx</a> <br> WhatsApp: <a href="https://api.whatsapp.com/send?phone=524641012788&text=%C2%A1Hola!%20Te%20escribo%20para%20solicitar%20informaci%C3%B3n%20sobre%20Programando%20Un%20M%C3%A9xico%20Mejor">+524641012788</a></small>
</div>
</div>
<div class="card">
<img src="./libraries/assets/team/general.png" class="card-img-top" alt="Salvador Martinez">
<div class="card-body">
<h5 class="card-title">Líder con Sentido Humano</h5>
<h6>Salvador Martínez</h6>
<p class="card-text text-justify"></p>
<small class="text-muted"><strong>Contacto:</strong><br> Correo electrónico: <a href="mailto:?Subject=Programando%20Un%20Mexico%20Mejor"></a> <br> WhatsApp: <a href="https://api.whatsapp.com/send?phone=&text=%C2%A1Hola!%20Te%20escribo%20para%20solicitar%20informaci%C3%B3n%20sobre%20Programando%20Un%20M%C3%A9xico%20Mejor"></a></small>
</div>
</div>
</div>
</div>
</div>
</div>
<div>
<img src="./libraries/assets/team/rec.png" alt="Ganadores Mejor Servicio Social" id="overlap">
</div>
<footer class="text-muted">
<div class="container">
<p class="float-right">
<a href="#">Regresa hasta arriba</a>
</p>
<p>SAITC 2021</p>
<p>PUMM Programando Un México Mejor</p>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script>
window.jQuery || document.write('<script src="./libraries/assets/js/vendor/jquery.min.js"><\/script>')
</script>
<script src="./libraries/assets/js/vendor/popper.min.js"></script>
<script src="libraries/assets/js/vendor/holder.min.js"></script>
<script>
$(function() {
Holder.addTheme("thumb", {
background: "#55595c",
foreground: "#eceeef",
text: "Thumbnail"
});
});
</script>
<script src="./libraries/dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./libraries/assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>
<style>
#overlap {
position: fixed;
bottom: 0;
right: 5vw;
height: 30vh;
}
</style>