-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
205 lines (187 loc) · 9.7 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Curriculum</title>
<!-- integracion de boostrap estilos -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link href="style.css" rel="stylesheet">
<!-- fuentes -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Anton&display=swap" rel="stylesheet">
</head>
<body>
<!-- CABECERA -->
<div class="ContainerMenu container text-center">
<div class="ContSup row align-items-center"> <!-- Contiene todo la cabecera -->
<div class="ContNombre col-5"> <!-- Nombre -->
<span class="NombreIzq">EDGAR MAURICIO</span>
<span class="NombreDer">BELLO</span>
</div>
<nav class="ContMenu col-5 ">
<ul>
<li><a href="#SobreMi">Sobre mi</a></li>
<li><a href="#Proyectos">Proyectos</a></li>
<li><a href="#Experiencia">Experiencia</a></li>
</ul>
</nav>
<div class="ContBoton col-2">
<div>
<span>Contacto</span>
</div>
</div>
</div>
</div>
<!-- FIN DE LA CABECERA -->
<!-- INICIO DEL BANER PRINCIPAL -->
<div class="ContainerBanner container text-center mt-5">
<div class="BannerP row align-items-center">
<div class="col-6 BannerTexto">
<span class="TextoB1">Hola, mi nombre es </span>
<p class="TextoB2">< Edgar Mauricio <br> Bello Lamprea /> </p>
<span class="TextoB1">Ingeniero Mecatronico con enfoque en Desarrollo de Software</span>
</div>
<div class="col-6">
<!-- En esta seccion va la foto -->
<img src="img/fotofinal.png" alt="imagen de perfil" width="100%">
</div>
</div>
</div>
<!-- FIN DEL BANER PRINCIPAL -->
<!-- ACCERCA DE MI -->
<div id="SobreMi" class="ContainerSobreMi container text-center mt-5">
<div class="ContSobreMi row align-items-center">
<div class="col-12">
<h1 class="Titulos mb-5">SobreMi()</h1>
</div>
<div class="col-7">
<span class="TextoSobreMi">
Soy un ingeniero mecatrónico con un sólido énfasis en el desarrollo de software, apasionado por la
creación de soluciones tecnológicas innovadoras.
Mi amplio espectro de conocimientos abarca lenguajes de programación como Python, JavaScript, PHP,
HTML, CSS, C#, y Visual Basic, todos adquiridos
a través del autoaprendizaje y la participación activa en proyectos autónomos. <br>
Mi enfoque proactivo y mi capacidad para aprender rápidamente me han permitido abordar de manera
efectiva nuevas tecnologías y lenguajes de programación,
lo que me ha llevado a explorar diversas áreas del desarrollo de software con éxito. Siendo un
entusiasta del desarrollo de software, encuentro un inmenso
placer en la resolución de desafíos técnicos y en la creación de soluciones que marcan la
diferencia.<br>
Busco llevar mis habilidades al siguiente nivel y aplicarlas de manera profesional en el entorno de
una empresa de desarrollo de software. Mi objetivo es contribuir
con mis capacidades técnicas y mi pasión por la programación en la creación de productos y
aplicaciones de alto rendimiento.
Estoy emocionado por la oportunidad de formar parte de un equipo dedicado a la innovación y el
desarrollo tecnológico.<br>
</span>
</div>
<div class="contHabilidades col-5">
<div class="CuadroHabilidad col-12">
<h3>Python</h3>
<div class="ContornoBarra">
<div class="BarraProgreso" style="width: 80%;"></div>
</div>
</div>
<div class="CuadroHabilidad col-12">
<h3>PHP</h3>
<div class="ContornoBarra">
<div class="BarraProgreso" style="width: 80%;"></div>
</div>
</div>
<div class="CuadroHabilidad col-12">
<h3>JavaScript</h3>
<div class="ContornoBarra">
<div class="BarraProgreso" style="width: 70%;"></div>
</div>
</div>
<div class="CuadroHabilidad col-12">
<h3>HTML CSS</h3>
<div class="ContornoBarra">
<div class="BarraProgreso" style="width: 80%;"></div>
</div>
</div>
</div>
</div>
</div>
<!-- FIN DE ACERCA DE MI -->
<!-- PROYECTOS -->
<div id="Proyectos" class="container text-center mt-5">
<div class="row align-items-center">
<div class="Titulos col-12">
<h1>Proyectos ()</h1>
</div>
<!-- Cuadro de proyectos -->
<div class="ConteProyecto col-5 m-4">
<h3 class="col-12">Intranet Hospital Sopo</h3>
<video class="col-12" controls>
<source src="img/intranet.mp4" type="video/mp4">
Tu navegador no admite la etiqueta de video.
</video>
<span class="col-12">Intranet para el hospital Divino Salvador de Sopó.
Se realiza en WordPress y con manipulación del código en PHP se logra dar funcionalidad
y cubrir los requerimientos solicitados por el hospital Divino Salvador de Sopó. El proyecto se monto en
el servidor hosting en la nube.
</span>
</div>
<div class="ConteProyecto col-5 m-4">
<h3 class="col-12">Consentimientos</h3>
<video class="col-12" controls>
<source src="img/consentimientos.mp4" type="video/mp4">
Tu navegador no admite la etiqueta de video.
</video>
<span class="col-12">Programa realizado en Python para escaneo de consentimientos informados de los pacientes del hospital.
Su función es verificar si el documento existe y organizarlo en la carpeta correspondiente para
posteriormente subirlo al sistema de información CitiSalud.
</span>
</div>
<div class="ConteProyecto col-5 m-4">
<h3 class="col-12">Hoja vida PC</h3>
<video class="col-12" controls>
<source src="img/hojas de vida.mp4" type="video/mp4">
Tu navegador no admite la etiqueta de video.
</video>
<!-- <img class="col-12" src="img/hojas de vida.gif" alt="Hoja de vida de los equipos"> -->
<span class="col-12">Software desarrollado en Python que a partir de un archivo .csv
de las características de computador genera una hoja de vida en Excel del equipo a examinar, esto para mejorar
el proceso de la creación de las hojas de vida de los equipos del Hospital Divino Salvador de Sopó.
</div>
<div class="ConteProyecto col-5 m-4">
<h3 class="col-12">Whatsapp automaticos</h3>
<video class="col-12" controls>
<source src="img/whatsapp.mp4" type="video/mp4">
Tu navegador no admite la etiqueta de video.
</video>
<!-- <img class="col-12" src="img/hojas de vida.gif" alt="Hoja de vida de los equipos"> -->
<span class="col-12">Programa desarrollado en Python, se ejecuta en una ventana de comandos de Windows
y su función es tomar números de una hoja de Excel y enviar mensajes a través del WhatsApp web.
Se utiliza para recordar citas a los usuarios o programas de demanda inducida.
</div>
</div>
</div>
<!-- FIN DE PROYECTOS -->
<!-- EXPERIENCIA -->
<div id="Experiencia" class="container text-center mt-5">
<div class="row align-items-center">
<div class="col-12">
<h1 class="Experiencia mb-5">Experiencia()</h1>
</div>
<div>
</div>
</div>
</div>
<!-- FIN DE EXPERIENCIA-->
<!-- Scripts para uso de boostrap -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"
integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+"
crossorigin="anonymous"></script>
</body>
</html>