/
perfil.html
355 lines (300 loc) · 20.8 KB
/
perfil.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
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
<!DOCTYPE html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-116312585-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-116312585-1');
</script>
<meta charset="utf-8">
<title>Perfil</title>
<link rel="icon" type="image/png" href="imagenes/icons/perfil.png"/>
<link rel="stylesheet" href="estilos/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
</head>
<body class="body" background="imagenes/fondo.jpg">
<div class="margenes" >
<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarsExample08" aria-controls="navbarsExample08" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon nav"></span>
</button>
<div class="navbar-collapse justify-content-md-center collapse" id="navbarsExample08" style="">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link nav mr-5" href="index.html">Alexis Moraga </a>
</li>
<li class="nav-item">
<a href="index.html" class="nav-link nav"> Home</a>
</li>
<li class="nav-item active ">
<a href="perfil.html" class="nav-link nav">Perfil</a>
</li>
<li class="nav-item">
<a class="nav-link nav" href="certificaciones.html">Certificaciones</a>
</li>
<li class="nav-item">
<a class="nav-link nav" href="proyectos.html">Proyectos</a>
</li>
<li class="nav-item">
<!-- <a class="nav-link nav" href="#">Quien Soy</a> -->
</li>
</ul>
</div>
</nav>
<div class="col-12 mt-5" >
<div class="row ">
<div class="col-12 col-md-12 col-lg-4 col-xl-3 mt-5">
<div class="card col-12 " >
<div class="col-6 offset-3 mt-4">
<img class=" card-img-top rounded-circle " src="imagenes/img-perfil.jpg" >
</div>
<div class="card-body ">
<h4 class="card-title text-center name">Alexis Antonio Moraga Gallardo</h4>
<h5 class="text-center profesion">Desarrollador Web</h5>
<p class="card-text text-center mb-3">Amante de la tecnología y aprender algo nuevo cada día</p>
</div>
<div class="col-md-8 offset-md-2">
<ul class="list-group list-group-flush text-center ">
<li class="list-group-item "><a class="enlaces" href="https://www.facebook.com/alexisMoragaa" target="_blank"> Facebook </a><i class="fab fa-facebook-square"></i></li>
<li class="list-group-item "><a class="enlaces" href="https://www.instagram.com/alexismoragaa/" target="_blank">Instagram </a><i class="fab fa-instagram"></i></li>
<li class="list-group-item "><a class="enlaces" href="https://github.com/alexisMoragaa" target="_blank">GitHub </a><i class="fab fa-github"></i></li>
<li class="list-group-item "><a class="enlaces" href="http://www.linkedin.com/in/alexismoragaa" target="_blank">Linkedin</a> <i class="fab fa-linkedin"></i></li>
<li class="list-group-item "><a class="enlaces" href="https://platzi.com/@alexisMoragaa/" target="_blank">Platzi</a> <i class="fas fa-user-circle"></i></li>
<li class="list-group-item "><a class="enlaces" href="" target="_blank">Portafolio</a> <i class="fas fa-folder-open"></i></li>
</ul>
</div>
<div class="col-12 text-center mb-5 mt-2">
<p class=" text-muted mt-4 "><q> Si te levantas en la mañana y piensas que el futuro va a ser mejor, es un buen día. De otra manera, no lo será </q></p>
<span class="text-muted cita">-Elon Musk</span>
</div>
</div>
</div>
<div class="col-12 col-lg-8 col-xl-9">
<div class="col-12 text-center mb-4" >
<h1 class="text-center text-muted mb-4 titulos mt-5">Formación Academica </h1>
<div class="row ">
<div class="col-12 col-lg-6">
<div class="card mb-4 ">
<div class=" col-8 offset-2 mt-3">
<img src="imagenes/ipleones.png" class="card-img-top" alt="" height="100">
</div>
<div class="card-body ">
<div class="col-11">
<h2 class="card-title tt">Instituto Profesional Los Leones</h2>
<p> <span class="ml-4"></span>Soy alumno Titulado de la Carrera Analista Programador en el Instituto Profesional los Leones. <br> <br>
Durante mi formación academica aprendí lenguajes de programacion como C#, JAVA,
así como también bases de datos Mysql PlSql entre otras tecnologías. <br>
Además adquirí una fuerte base de trabajo en equipo y orientación por el aprendizaje constante
</p>
</div>
</div>
<div class="card-footer text-muted col-12 mt-2">
2015 - 2017
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="card mb-4 ">
<div class=" col-8 offset-2 col-md-6 offset-md-3 mt-3">
<img src="imagenes/platzi.png" class="card-img-top" height="100">
</div>
<div class="card-body">
<div class="col-11">
<h2 class="card-title tt">Platzi</h2>
<p><span class="ml-4"></span>Platzi es una plataforma de educación online enfocada a las tecnologías orientadas a Internet, como programación, marketing,
diseño de interfaces, experiencias de usuario entre otras.</p>
<p>Soy estudiante activo en esta comunidad desde el 2017 y he logrado adquirir conocimientos y certificaciones principalmente orientadoas al desarrollo web
Como PHP, LARAVEL, Git y GitHub entre otras. </p>
<a href="certificaciones.html" class="certificacion">Certificaciones</a>
</div>
</div>
<div class="card-footer text-muted col-12">
2017 a la fecha
</div>
</div>
</div>
</div>
</div>
<div class="col-12 text-center" id="experienciaLaboral">
<h1 class="text-muted mb-4 titulos mt-4">Experiencia Laboral</h1>
<div class="card mb-4 ">
<div class="card-body">
<h3 class="card-title">Dues Ltda</h3>
<hr>
<div class="row">
<div class="col-12 col-lg-7">
<h5 class="card-title">Cargo</h5>
<p>Desarrollador web <br> Soporte Técnico Computacional</p>
<p>Durante mi estancia en Dues desarrolle una plataforma interna para Call-Center, la cual gestiona el flujo de información interno derivado de los llamados
Realizado por los teleoperadores. <br>
Con la información recaudada gestiona Delivery para el retiro de documento mediante los perfiles de operaciones y rutero. <br>
Finalmente con toda la información Recaudada entregar informes visuales de la información en tiempo real
</p>
</div>
<div class="col-12 col-lg-5"><h5 class="card-title">Tecnologias</h5>
<ul class="list-group list-group-flush">
<li class="list-group-item">PHP <i class="fab fa-php"></i> <span> - </span> Laravel <i class="fab fa-laravel"></i> </li>
<li class="list-group-item">Javascript <i class="fab fa-js-square"></i> - JQuery <img src="imagenes/jquery.png" alt="" height="15"> - Ajax - Json</li>
<li class="list-group-item">Bootstrap <img src="imagenes/bootstrap.png" alt="" height="20"> </li>
<li class="list-group-item">Eloquent <i class="fas fa-database"></i> - MySql <img src="imagenes/mysql.png" alt="" height="40"></li>
<li class="list-group-item">Git <i class="fab fa-git"></i> - GitHub <i class="fab fa-github"></i> Cpanel <i class="fab fa-cpanel"></i></li>
</ul>
</div>
</div>
</div>
<div class="card-footer text-muted col-12">
2016 - 2018
</div>
</div>
</div>
<!-- <div class="col-xs-12">
<div class="card">
<div class="card-body">
<h2 class="text-center text-muted mb-2 ">¿Quien Soy?</h2>
<p>Hola!</p>
<p><Span class="ml-4"></Span>Mi nombre es Alexis Antonio Moraga Gallardo, Tengo 25 años, vivo en la ciudad de Santiago de Chile.Y Actualmente Soy Desarrollador web Frontend y Backend.</p>
<p><span class="ml-4"></span>Naci en la ciudad de Cauquenes hubicada en la VII Region del Maule. Viví hasta los 17 años en Pelluhue una comuna costera a una hora de Cauquenes.</p>
<p><span class="ml-4"></span>Desde muy pequeño recuerdo tener mucho interes por la tecnología y como funcionan las cosas. Recuerdo haber desarmado televisores, equipos de musica y sin fin de juguetes. la mayoria de las veces
lograba rearmar las cosas, aunque normalmente por alguna razón solian sobrar piezas. En otros casos no habia tanta suerte y derechamente no lograba Rearmar nada.</p>
<p><span class="ml-4"></span>Compre mi primer computador a los 16 años con la tarjeta de mi madre, y trabajando con mi padre para pagarlo. <br>
Siempre supe que no viviria en Pelluhue para siempre, pero con mi primer computador supe que queria dedicarme a la iformatica(Aunque en ese momento nisiquiera tenia claro de que trataba)</p>
<p><span class="ml-4"></span>A los 17 años y sin terminar los estudios me aventure y me vine a vivir a santiago. <br>
Tube que trabajar y estudiar(terminar cuarto medio). Fue hay donde conocí a mi Esposa, pasaron 3 años y nacío mi hijo. Fue asi como el tiempo paso, y me converti en todo un padre de familia.</p>
<p><span class="ml-4"></span>Paso el tiempo y el sueño de convertirse en informatico estaba ya olvidado. aunque la pasión y el interés por la tecnología siempre estuvo. <br>
recuerdo que un dia como cualquier otro mi esposa me pregunta "te gustaria estudiar", a lo cual respondo con un rotundo si, y ella me dice "Bueno sube y termina de completar el formulario de postulaciones para becas".</p>
<p><span class="ml-4"></span> pasaron un par de meses y un correo con la pre aprobacion de un crédito con aval del estado iluminaba nuevamente ese sueño. luego de evaluar varias opciones me toco tomar una de las mas dificiles
desiciones. ¿Que estudiar?.</p>
<p><span class="ml-4"></span> si bien estaba claro que seria dentro de informatica no sabia que. habian tantas opciones y tan poco tiempo para elegir.
ya casi sin tiempo para escoger y con muchas carreras en mente finalmente me inscribi en la mas rentable de todas. Analista Programador.</p>
<p ><span class="ml-4"></span>Tube la inmenza fortuna de amar lo que estudiaba. llegue sin tener conocimiento alguno de que se trataba la programacion, Pero termine amando la que se combertiria en mi futura profesion</p>
<p><span class="ml-4"></span>Y aqui estoy ahora, Terminando de resumir varios años de historia a los momentos mas importarntes que me trajeron a este punto en mi vida, en el cual puedo compartirles parte de quien soy</p>
</div>
</div>
</div> -->
</div>
</div>
<hr class="mt-4 mb-4">
<div class="col-12 ">
<h1 class="text-muted mb-4 titulos text-center">Perfil Profesional</h1>
<div class="card text-center">
<div class="card-body">
<div class="row">
<div class="col-12 col-lg-6">
<h4 class="text-muted card-title mb-5 mt-4">Extracto</h4>
<p >
Me describo a mí mismo como un amante de la tecnología y aprender algo nuevo cada dia.
</p>
<p>
Soy una persona responsable, puntual y comprometida con lo que hace. <br> Me gusta estar en constante aprendizaje y enfrentarme a nuevos retos. </p>
<p>
Actualmente me encuentro fuertemente enfocado en el desarrollo de aplicaciones web mediante tecnología como Laravel (Framework de PHP) Bootstrap (FrameWork de FrontEnd), JavaScript, JQuery y AJAX. </p>
<p >
Además de esto actualmente estoy trabajando en un proyecto personales en Angular 4 usando algunas apis de google como GoogleMaps y GeoCoding
</p>
</div>
<div class="col-12 col-lg-6">
<h4 class="text-muted card-title mb-4 mt-4">Aptitudes</h4>
<div class="col-12 col-lg-8 offset-lg-2">
<ul class="list-group list-group-flush">
<li class="list-group-item">HTML5 <i class="fab fa-html5"></i> - PHP <i class="fab fa-php"></i> <span> - </span> Laravel <i class="fab fa-laravel"></i> - JQuery <img src="imagenes/jquery.png"alt="" height="15"> - Ajax </li>
<li class="list-group-item">MySql <img src="imagenes/mysql.png" alt="" height="40"> - Sql <i class="fas fa-database"></i> - Eloquent <i class="fas fa-database"></i> - Pl-Sql <i class="fas fa-database"></i></li>
<li class="list-group-item">Javascript <i class="fab fa-js-square"></i> - Json - Angular 4 <i class="fab fa-angular"></i> - Firebase <img src="imagenes/firebase.png"height="25" alt=""></li>
<li class="list-group-item">Bootstrap 3 <img src="imagenes/bootstrap.png" alt="" height="20"> - Bootstrap 4 <img src="imagenes/bootstrap.png" alt="" height="20"> - CSS3 <i class="fab fa-css3-alt"></i></li>
<li class="list-group-item">Git <i class="fab fa-git"></i> - GitHub <i class="fab fa-github"></i> - Cpanel <i class="fab fa-cpanel"></i> - Java <img src="imagenes/java.png" alt="" height="20"> - C# <img src="imagenes/c.png" alt="" height="20"></li>
<li class="list-group-item">Windows <i class="fab fa-windows"></i> - Linux <i class="fab fa-linux"></i> - Osx <i class="fab fa-apple"></i></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="espacio"></div>
<!-- <hr class="mt-5 mb-4">
<h1 class="text-muted mb-4 titulos text-center">Proyectos</h1>
<div class="row text-center mt-3">
<div class="col-12 col-lg-6 col-xl-4 mb-4">
<div class="card">
<img src="imagenes/proyectos/proyect02min.png" alt="" class="card-img-top">
<div class="card-body">
<h4 class="card-title">Plataforma Call-Center</h4>
<P>
Esta plataforma gestiona el flujo de información interno derivado de los llamados
Realizado por los teleoperadores. <br>
Con la informacion recaudada gestiona Delivery para el retiro de documento mediante los perfiles de operaciones y rutero. <br>
Finalmente con toda la información Recaudada entregar informes visuales de la información en tiempo real
</P>
</div>
<div class="card-footer text-muted col-12">
Proyecto Laboral
</div>
</div>
</div>
<div class="col-12 col-lg-6 col-xl-4 mb-4">
<div class="card">
<img src="imagenes/proyectos/proyect03min.png" alt="" class="card-img-top">
<div class="card-body">
<h4 class="card-title">My-Recoleta</h4>
<p>My-Recoleta es un proyecto Personal con el cual busco que la comunidad añada puntos de interes como locales, parques, plazas, monumentos, etc.. en un mapa de la comuna acompañado de una descripcion. <br>
De esta forma las personas estan mas conectadas con su alrrededor. y conocen mas de la cultura que les rodea</p>
<a href="https://cursoangular4-1516112349964.firebaseapp.com/" target="_blank" class="certificacion">Ver Proyecto</a>
</div>
<div class="card-footer text-muted col-12">
Proyecto Personal
</div>
</div>
</div>
<div class=" col-12 col-lg-6 col-xl-4 mb-4">
<div class="card">
<img src="imagenes/proyectos/proyect01min.png" alt="" class="card-img-top">
<div class="card-body">
<h4 class="card-title">Perfil Profesional</h4>
<p>Este es mi Perfil Profesional, en este muestro parte de quien soy, parte de mi trabajo y proyectos realizados ya sean personales o laborales. <br>
Ademas muestro parte de Las tecnologias que me apasionan, los proyectos que me gusta Realizar Y los cursos que tomo para aprender nuevas tecnologias<br>
</p>
</div>
<div class="card-footer text-muted col-12">
Proyecto Personal
</div>
</div>
</div>
</div> -->
</div>
</div>
<div id="footer-container">
<div class="container">
<div class="row text-xs-center text-sm-left">
<div class=" col-7 col-lg-5">
<form id="suscribeForm" action="#" method="POST">
<h4 class="text-uppercase">¿Quierés recibir todas las novedades?</h4>
<div class="form-group">
<input type="email" class="form-control" id="email" aria-describedby="emailHelp" placeholder="tu@correo.com" name="email">
<small id="emailHelp" class="form-text text-muted cita">Tu correo no sera compartido</small>
</div>
<button type="submit" class="btn btn-primary form-text">Suscribe</button>
</form>
<p class="mt-3">La gente trabaja mejor cuando saben cuál es la meta y por qué. Es importante que la gente quiera venir a trabajar por la mañana y disfrute trabajando.</p>
<span class="cita">-Elon Musk</span>
</div>
<div class=" col-5 col-lg-3 offset-lg-4">
<h4 class="ml-5 navigation nav">Navigation</h4>
<ul class=" ml-5 navbar-nav mr-auto">
<li class="nav-item"><a class="nav-link cw" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link cw" href="perfil.html">Perfil</a></li>
<li class="nav-item"><a class="nav-link cw" href="certificaciones.html">Certificaciones</a></li>
<li class="nav-item"><a class="nav-link cw" href="proyectos.html">Proyectos</a></li>
<!-- <li class="nav-item"><a class="nav-link cw" href="#">Quien Soy</a></li> -->
</ul>
</div>
</div>
</div>
</div>
</body>
</html>