-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
261 lines (249 loc) · 13.1 KB
/
index.html
File metadata and controls
261 lines (249 loc) · 13.1 KB
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
255
256
257
258
259
260
261
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Gabriel Medranda</title>
<link rel="stylesheet" href="estilos.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css"
integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
</head>
<body class="hidden">
<div class="centrado" id="onload">
<div class="lds-ring">
<div></div>
<div></div>
<div></div>
</div>
</div>
<header>
<nav id="nav" class="nav1">
<div class="contenedor-nav">
<div class="logo">
<img src="img/logo.png" alt="">
</div>
<div class="enlaces" id="enlaces">
<a href="#" id="enlace-inicio" class="btn-header">Inicio</a>
<a href="#" id="enlace-equipo" class="btn-header">Sobre Mí</a>
<a href="#" id="enlace-servicio" class="btn-header">Competencias</a>
<a href="#" id="enlace-trabajo" class="btn-header">Clases IIS</a>
<a href="#" id="enlace-contacto" class="btn-header">Contacto</a>
</div>
<div class="icono" id="open">
<span>☰</span>
</div>
</div>
</nav>
<div class="textos">
<h1>Gabriel Medranda</h1>
<h2>Desarrollador Web, Programador SSr, DJ</h2>
</div>
</header>
<main>
<section class="team contenedor" id="equipo">
<h3>Hola Soy Gabriel Medranda</h3>
<h4 class="after">Conoce mi formación profesional</h4>
<div class="card">
<div class="content-card">
<div class="people">
<img src="img/people1.jpg" alt="">
</div>
<div class="texto-team">
<h1>Gabriel Medranda</h1>
<p align="justify"><br>
Soy un joven programador y mi meta es ser un Ingeniero en Software con las capacidades de
siendo
FullStack esencialmente al desarrollo web, estoy inspirado por el constante aprendizaje y el
manejo correcto del tiempo,
cada segundo
de mi vida lo considero como oro ya que administrarlo no es una tarea facil. Soy una persona
seria, me gusta divertirme
a mi manera, no salgo a fiestas constantemente y prefiero quedarme en casa leyendo un libro.
Tengo un gusto por la ciencia ficción
y los viajes interestelares, creo en la existencia de seres de otros mundos.
<br>Soy muy sociable, me gusta ser disciplinado con las cosas que me propongo lograr, academicamente
solo doy en 50% de mi potencial, ya que el otro 50% es complementado en aprendizaje autodidacta sobre
otros temas de mi interes.<br>
Soy alguien humilde y me gusta reconocer el trabajo de todos los miembros en un equipo de trabajo,
no me gusta el dinero sin embargo la ambundancia del mismo a futuro es un factor indispensable para llevar
a cabo todos mis proyectos planteados en mi <a href="https://drive.google.com/open?id=13y1hUdp6OCF2bDsjeqQBvPh-WmEYng_c" style="color:black;">Proyecto de vida.</a>
</p>
<p>"Live a life you will remember like"</p>
</div>
</div>
</div>
</div>
</section>
<section class="team contenedor" id="equipo">
<h3>Conocimientos</h3>
<h4 class="after">Adquiridos en base a la administración de mi tiempo</h4>
<div class="card">
<div class="content-card">
<div class="people">
<img src="img/022.jpg" alt="">
</div>
<div class="texto-team">
<h1 align="justify">Programador SSR y Desarrollador Web </h1>
<p align="justify">Como programador SSR tengo conocimientos en los siguientes lenguajes de
programación:<br>
Java
Python
C
C++
Swift<br>
</p>
<h1 align="justify">Dj Productor</h1>
<p align="justify">Tengo fundamentos de producción músical, además de mixing y mastering en
consola DJ, sin embargo esto es solo como hobby, la composición de una y cada una de
las músicas en mi bibliteca están fuertemente influenciadas por los géneros como el
ElectroDanceMusic y sus subgeneros en si, los que más me llaman la atención son el
Future House, Future Bass, Deep House, Progressive House, Big Room, Trance, Hardcore y Happy
Hardcore. <br><br>Manejo los siguientes productos Software<br><br>
Fruity Loops Studio
Traktor
Serato DJ
Virtual Dj
Algoriddim
Adobe Audition
<br>
</p>
</div>
</div>
</div>
</div>
</section>
<section class="about" id="servicio">
<div class="contenedor">
<h3>Competencias</h3>
<h2 class="after">"Ser autodidacta es uno de mis principios"</h2>
<div class="servicios">
<div class="caja-servicios">
<a href="https://soundcloud.com/misael-medranda" target="blank"> <img src="img/soundcloud.png"
alt="mi soundcloud"></a>
<h1>Mi soundcloud</h1>
<h4>DJ Productor
</h4>
</div>
<div class="caja-servicios">
<img src="img/responsive.png" alt="">
<h1>Programador SSR</h1>
<h4>Programador SemiSenior</h4>
</div>
<div class="caja-servicios">
<img src="img/efectos.png" alt="">
<h1>Desarrollo Web</h1>
<h4>Desarrollador Web Fullstack en proceso.</h4>
</div>
</div>
</div>
</section>
<section class="work contenedor" id="trabajo">
<h3>Clases de Introducción a la Ingeniería en Software</h3>
<h4 class="after">Impartidas por el Ingeniero Miguel Ángel Botto Tobar</h4>
<div class="botones-work">
<ul>
<li class="filter active" data-nombre='todos'>Todos</li>
<li class="filter" data-nombre='diseño'>Documentos</li>
<li class="filter" data-nombre='programacion'>Unidad 1</li>
<li class="filter" data-nombre='marketing'>Unidad 2</li>
</ul>
</div>
<!--Seccion de Clases-->
<div class="galeria-work">
<div class="cont-work programacion">
<div class="img-work">
<a href="uni1.html"><img src="img/programacion1.jpeg" alt=""></a>
</div>
<div class="textos-work">
<h4>Unidad 1</h4>
</div>
</div>
<div class="cont-work programacion">
<div class="img-work">
<a href="uni1.html"><img src="img/programacion2.jpeg" alt=""></a>
</div>
<div class="textos-work">
<h4>Unidad 1</h4>
</div>
</div>
<div class="cont-work programacion">
<div class="img-work">
<a href="uni1.html"><img src="img/programacion3.jpeg" alt=""></a>
</div>
<div class="textos-work">
<h4>Unidad 1 </h4>
</div>
</div>
<div class="cont-work diseño">
<div class="img-work">
<a href="https://drive.google.com/open?id=1804Ub8QPLFLnkqGhpNqJqpDvdv2kMlNZ" target="blank"> <img
src="img/syllabus.jpeg" alt=""></a>
</div>
<div class="textos-work">
<h4>Syllabus</h4>
</div>
</div>
<div class="cont-work diseño">
<div class="img-work">
<a href="https://drive.google.com/open?id=17yaz_mOclKVFej7czL1-DQ2RV1pcMd1B" target="blank"> <img
src="img/plandeclases.jpeg" alt=""></a>
</div>
<div class="textos-work">
<h4>Plan Analítico</h4>
</div>
</div>
<div class="cont-work diseño">
<div class="img-work">
<a href="https://drive.google.com/open?id=1xvkDbdx8_SxYFBFVZRWrFDE80fApOUea" target="blank"> <img
src="img/libros.gif" alt=""></a>
</div>
<div class="textos-work">
<h4>Libros</h4>
</div>
</div>
<div class="cont-work marketing">
<div class="img-work">
<a href="uni2.html"><img src="img/intro.jpg" alt=""></a>
</div>
<div class="textos-work">
<h4>Unidad 2</h4>
</div>
</div>
<div class="cont-work marketing">
<div class="img-work">
<a href="uni2.html"><img src="img/intro2.jpg" alt=""></a>
</div>
<div class="textos-work">
<h4>Unidad 2</h4>
</div>
</div>
<div class="cont-work marketing">
<div class="img-work">
<a href="uni2.html"><img src="img/intro3.jpg" alt=""></a>
</div>
<div class="textos-work">
<h4>Unidad 2</h4>
</div>
</div>
</div>
</section>
</main>
<footer id="contacto">
<div class="footer contenedor">
<div class="marca-logo">
<a href="https://www.youtube.com/watch?v=-ncIVUXZla8" target="blank"> <img src="img/easteregg3.png" alt=""></a>
</div>
<div class="iconos">
<a href="https://soundcloud.com/misael-medranda" target="blank" ><i class="fab fa-soundcloud"></i> </a>
<a href="https://es.stackoverflow.com/users/148673/gabriel-medranda-dev?tab=profile" target="blank"><i class="fab fa-stack-overflow"></i> </a>
<a href="https://www.instagram.com/gabriel.medranda/" target="blank"><i class="fab fa-instagram"></i> </a>
<a href="https://github.com/GabrielMeDev" target="blank"><i class="fab fa-github"></i> </a>
</div>
</div>
</footer>
<script src="js/jquery.js"></script>
<script src="js/main.js"></script>
<script src="js/filtro.js"></script>
</body>
</html>