-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
241 lines (212 loc) · 11.5 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
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
<!DOCTYPE html>
<html lang="en">
<style> a {text-decoration: none;} </style>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="desarrollador web, trader, diseñador ux/ui, analista de datos, nomada digital">
<meta name="description" content="Profesional experto en desarrollo web frontend y backend, analista de datos especialista en power by y phyton,...">
<meta name="author" content="Carlos Alberto Gordillo Varela">
<meta name="Copyright" content="www.cg.com.co">
<meta property="og:title" content="Titulo del contenido">
<meta property="og:description" content="Profesional experto en desarrollo web frontend..">
<title>Inicio | CG</title>
<link rel="shortcut icon" href="./assets/cg.ico" type="image/x-icon">
<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 rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/icon?family=Material+Icons"
/>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header>
<div class="nav-wrapper">
<nav>
<a class="logo" href=""> <img src="./assets/logocg1.png" alt="logo carlos gordillo"></a>
<input type="checkbox" name="" id="toggle">
<label for="toggle"><i class="material-icons">menu</i></label>
<div class="navbar">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="./pages/desarrollo.html">Desarrollo Web</a></li>
<li><a href="./pages/ciencia.html">Ciencia de Datos</a></li>
<li><a href="./pages/diseño.html">Diseño UX/UI</a></li>
<li><a href="./pages/trading.html">Trading</a></li>
</ul>
</div>
</nav>
</div>
</header>
<main class="grid-main">
<section class="section1">
<div class="presentacion">
<h1>Carlos Alberto Gordillo Varela</h1>
<h2>Desarrollador Web - Cientifico de Datos - Diseñador UX/UI - Trader</h2>
</div>
</section>
<section class="section2">
<h2>Acerca de mi</h2>
<br>
<p>Administrador de Negocios de la Universidad del Quindío con especialización en Gerencia Logística Integral
de la Universidad Santiago de Cali. Más de 15 años de experiencia en operaciones logísticas de inventarios, transporte y planeación.
Experto en Desarrollo Web, Diseño UX/UI, Ciencia de Datos y Trading. Cursos realizados en la prestigiosa academia Argentina Coderhouse.
</p>
<br>
<p>Actualmente resido en el municipio de Zarzal, departamento del Valle del Cauca en Colombia y soy un apasionado de los animales,
el arte, la música y la programación.
</p>
</section>
<section class="section3">
<div><img src="./assets/codigo1.jpg" alt="codigo"></div>
</section>
<section class="section4">
<article>
<a class="link" href="./pages/desarrollo.html"><h3 class="list-unstyled">Desarrollo Web</h3></a>
<p>Como Desarrollador Web, tengo experiencia en en el desarrollo de aplicaciones y sitios web
utilizando diferentes lenguajes de programación y tecnologias como HTML, CSS, Java Script entre otros.
Adicionalmente en la actualidad continúo preparandome con el fin de ofrecer servicios más especializados
como desarrollador Backend.
</p>
</article>
</section>
<section class="section5">
<article>
<a class="link" href="./pages/ciencia.html"><h3>Ciencia de Datos</h3></a>
<p>Soy un Científico de Datos con experiencia en el análisis y la interpretación de
grandes volúmenes de datos para obtener información valiosa y tomar decisiones basadas
en evidencia. Mi objetivo es utilizar mis habilidades en análisis estadístico, aprendizaje
automático y visualización de datos para resolver problemas complejos y generar ideas
innovadoras.
</p>
</article>
</section>
<Section class="section6">
<div><img src="./assets/teclado.jpg" alt="teclado"></div>
</Section>
<section class="section7">
<article>
<a class="link" href="./pages/diseño.html"><h3>Diseño UX/UI</h3></a>
<p> Soy un Diseñador UX/UI con pasión por crear experiencias digitales atractivas
y funcionales. Mi objetivo es combinar la estética visual con la usabilidad y la
experiencia del usuario para crear productos y servicios que sean intuitivos y satisfactorios
de usar.</p>
</article>
</section>
<Section class="section8">
<div><img src="./assets/design.jpg" alt="teclado, cuaderno y lapiz"></div>
</Section>
<section class="section9">
<article>
<a class="link" href="./pages/trading.html"><h3>Trading</h3></a>
<p>Soy un trader con experiencia en los mercados financieros y un enfoque en el análisis técnico y fundamental.
Mi objetivo es identificar oportunidades de inversión y ejecutar estrategias comerciales rentables.</p>
</article>
</section>
<Section class="section10">
<div><img src="./assets/trading1.jpg" alt="señales de trading"></div>
</Section>
<section class="section11">
<form action="" class="registro">
<fieldset>
<legend>Datos Personales</legend>
<label for="nombre">Nombre</label>
<input class="control" type="text" id="nombre" required>
<label for="email">E-mail </label>
<input class="control" type="email" id="email" required>
<label for="mensaje">Mensaje</label>
<input class="control" type="mensaje" id="mensaje">
</fieldset>
<input type="submit" value="Enviar">
</form>
</section>
</main>
<footer class="text-white pt-5 pb-4 bg-negro">
<div class="container text-center text-md-start bg-negro">
<div class="row text-center text-md-start bg-negro">
<div class="col-md-3 col-lg-3 col-xl-3 mx-auto mt-3 bg-negro">
<h5 class="text-uppercase mb-4 font-weight-bold text-white bg-negro">Nosotros</h5>
<hr class="mb-4 bg-negro">
<p>En nuestra empresa, nos especializamos en ofrecer soluciones innovadoras y personalizadas para satisfacer las necesidades tecnológicas de nuestros clientes.</p>
</div>
<div class="col-md-2 col-lg-2 col-xl-2 mx-auto mt-3 bg-negro">
<h5 class="text-uppercase mb-4 font-weight-bold text-white bg-negro">Te ayudamos</h5>
<hr class="mb-4">
<p>
<a href="#" class="text-white">Tu cuenta</a>
</p>
<p>
<a href="#" class="text-white">Tus ordenes</a>
</p>
<p>
<a href="#" class="text-white">Manejo de cuenta</a>
</p>
<p>
<a href="#" class="text-white">Ayuda</a>
</p>
</div>
<div class="col-md-2 col-lg-2 col-xl-2 mx-auto mt-3 bg-negro">
<h5 class="text-uppercase mb-4 font-weight-bold text-white bg-negro">Haz Dinero</h5>
<hr class="mb-4">
<p>
<a href="#" class="text-white">Mundo Cripto</a>
</p>
<p>
<a href="#" class="text-white">Forex</a>
</p>
<p>
<a href="#" class="text-white">Comodities</a>
</p>
<p>
<a href="#" class="text-white">Acciones</a>
</p>
</div>
<div class="col-md-2 col-lg-2 col-xl-2 mx-auto mt-3 bg-negro">
<h5 class="text-uppercase mb-4 font-weight-bold text-white bg-negro">Contacto</h5>
<hr class="mb-4">
<p>
<li class="fas fa-home me-3"></li> Colombia
</p>
<p>
<li class="fas fa-envelope me-3"></li> cg@outlook.com
</p>
<p>
<li class="fas fa-phone me-3"></li> +57 334 455 6677
</p>
<p>
<li class="fas fa-print me-3"></li> +57 334 455 6677
</p>
</div>
<hr class="mb-4">
<div class="text-center mb-2 text-white bg-negro">
<p>Copyright Todos los derechos reservados
<a href="#"><strong class="text-white">CG</strong></a>
</p>
</div>
<div class="text-center bg-negro">
<ul class="list-unstyled list-inline bg-negro">
<li class="list-inline-item">
<a href="#" class="text-white bg-negro"> <i class="fab fa-facebook"></i></a>
</li>
<li class="list-inline-item">
<a href="#" class="text-white bg-negro"> <i class="fab fa-twitter"></i></a>
</li>
<li class="list-inline-item">
<a href="#" class="text-white bg-negro"> <i class="fab fa-google-plus"></i></a>
</li>
<li class="list-inline-item">
<a href="#" class="text-white bg-negro"> <i class="fab fa-linkedin-in"></i></a>
</li>
<li class="list-inline-item">
<a href="#" class="text-white bg-negro"> <i class="fab fa-youtube"></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<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>