-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
313 lines (298 loc) · 19.9 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
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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Veronica Gonzalez">
<title>Verónica González</title>
<!--Favicon-->
<link rel="shortcut icon" type="image/png" href="assets/img/favicon.png">
<!--Bootstrap 4.6-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<!--Google Fonts-->
<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=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&family=STIX+Two+Text:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<!--Font Awesome-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous">
<!--Mi estilo-->
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<!--Navbar-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<div class="logo">
<a class="navbar-brand" href="#">Verónica González</a>
</div>
<!--Botón Mobile-->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" id="boton-mobile">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section1">Sobre mí</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section2">Portafolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section3">Contacto</a>
</li>
</ul>
</div>
</div>
</nav>
<!--Header-->
<header id="home" class="header">
<div class="contenedor-header">
<h1>Verónica González</h1>
<p class="text-center">Desarrollo Web UX/UI y Social Media</p>
</div>
</header>
<!--Secciones-->
<section id="section1">
<div class="container">
<!--Sobre Mi-->
<div class="titulo-seccion">
<h2>Sobre mí</h2>
</div>
<div class="row">
<div class="col-lg-6">
<div>
<div class="text-center">
<img class="img-perfil" src="assets/img/profile-img.jpg" alt="Imagen perfil Verónica González">
<p class="text-center font-weight-bold">Verónica González</p>
</div>
<p>
Empecé en el rubro de manera autodidacta y me he ido certificando en las áreas que han sido de mayor interés para mí. Tengo un emprendimiento que se llama <a href="https://serviciodigital.cl/" target="_blank">Servicio Digital</a>,
en el cual se prestan servicios de Desarrollo web y Social Media Marketing.
</p>
<p>
Por otra parte, me gusta la literatura y soy administradora del blog <a href="https://www.letras-y-literatura.cl/" target="_blank">Letras y Literatura</a> en el cual escribo bajo el seudónimo de <a href="https://blog-de-amy.blogspot.com/"
target="_blank">Amy Wells.</a> Fue gracias a este hobby que entré en el mundo del SEO y el Diseño Web.
</p>
<p>Actualmente me encuentro trabajando en una empresa llamada Jardines Paraíso, realizando mantención de jardines. </p>
<p>Mi enfoque siempre está en las personas, en todo lo que hago. Día a día, trabajando en jardinería, nos enfocamos en que el cliente quede satisfecho con el trabajo, y nos alegramos al ver una sonrisa en su rostro cuando el trabajo
está terminado. Y cuando desarrollo sitios web, siempre estoy pensando en el usuario final y qué tan satisfecho va a estar a la hora de interactuar con la interfaz que estoy creando.</p>
<div class="row">
<div class="col-md-6">
<ul>
<li><i class="fab fa-html5"></i> <strong>HTML</strong></li>
<li><i class="fab fa-css3-alt"></i> <strong>CSS</strong></li>
<li><i class="fab fa-js-square"></i> <strong>Javascript</strong></li>
<li><i class="fab fa-bootstrap"></i> <strong>Bootstrap</strong></li>
<li><i class="fab fa-sass"></i> <strong>SASS</strong></li>
<li><i class="fab fa-github"></i> <strong>GitHub</strong></li>
</ul>
</div>
<div class="col-md-6">
<ul>
<li><i class="fas fa-search"></i> <strong>SEO</strong></li>
<li><i class="fas fa-bullhorn"></i> <strong>Social Media</strong></li>
<li><i class="fab fa-jira"></i> <strong>Jira</strong></li>
<li><i class="fab fa-trello"></i> <strong>Trello</strong></li>
<li><i class="fas fa-file-excel"></i> <strong>Excel</strong></li>
<li><i class="fab fa-blogger"></i> <strong>Blogger</strong></li>
</ul>
</div>
</div>
</div>
</div>
<!--Educación-->
<div class="educacion col-lg-6">
<div class="col-lg-12">
<h3 class="educacion-titulo">Educación</h3>
<div class="educacion-info">
<h4><span>Actualidad</span> SEO - Optimización de motores de búsqueda</h4>
<p class="subtitulo">CoderHouse</p>
<p><b>Cursando</b> - Curso que entrega las bases fundamentales de optimización de SEO para lograr un mejor posicionamiento orgánico de los sitios web, enseña las principales técnicas y estrategias para la creación de un plan.
A través del ejercicio de prueba y error, se podrá generar más tráfico a tu sitio empleando aquellas palabras clave, con las que tu audiencia busca los productos y servicios que se ofrecen. El objetivo es ser capaz de implementar
un plan básico de optimización SEO a un sitio web.</p>
<p><a href="https://www.coderhouse.cl/online/seo-online" target="_blank">Ver curso</a></p>
</div>
<div class="educacion-info">
<h4><span>Enero 2022</span> Diseño UX/UI</h4>
<p class="subtitulo">Academia Desafío LATAM</p>
<p>Carrera que entrega las habilidades suficientes para sumarse a diferentes roles en equipos de diseño de experiencia de usuario, desde la investigación, la arquitectura de información, el diseño de interacción, el diseño de
interfaces y el desarrollo de las maquetas HTML y CSS. Entendiendo el funcionamiento de grillas para diseño responsivo y trabajando con Bootstrap.</p>
<p><a href="https://desafiosdev.s3.amazonaws.com/uploads/certification/image/15100/aprobacion-final-proyecto-ux-ui-g24-9589.png" target="_blank">Ver certificado</a></p>
</div>
<a class="ver ver-mas">
<p>Ver más (+2)</p>
<i class="fas fa-chevron-down"></i>
</a>
<div class="ocultar">
<div class="educacion-info">
<h4><span>Julio 2021</span> COMMUNITY MANAGER Y SOCIAL MEDIA</h4>
<p class="subtitulo">Instituto Profesional DuocUC</p>
<p>Programa de Educación Continua, duración de 24 horas Cronológicas. </p>
<p><a href="https://drive.google.com/drive/folders/1kTOqLWhVQZuebwXkEZ2gDAEoGEuveUhy?usp=sharing" target="_blank">Ver trabajo final</a></p>
<p><a href="https://drive.google.com/file/d/1R7a4XkqLEsNX6I1PycsAWS7SQq5eOx7Y/view" target="_blank">Ver certificado</a></p>
</div>
<div class="educacion-info">
<h4><span>Febrero 2021</span> SEO y posicionamiento en Google</h4>
<p class="subtitulo">Udemy - Jorge Jaramillo</p>
<p>Estrategias y técnicas SEO para mejorar la visibilidad en buscadores, analisis de palabras clave para escribir pensando en SEO, optimización SEO en un sitio web, Google Search Console. </p>
<p><a href="https://www.udemy.com/certificate/UC-9049ccbf-8542-4fe6-a0a6-3824b45bff01/" target="_blank">Ver certificado</a></p>
</div>
<a class="ver ver-menos">
<i class="fas fa-chevron-up"></i>
<p>Ver menos</p>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Portafolio-->
<section id="section2">
<div class="container">
<div class="titulo-seccion">
<h2>Portafolio</h2>
</div>
<div class="row">
<div class="sitio-portafolio col-lg-6 text-center">
<a href="https://vetdiagnostic.cl" target="_blank"><img class="portafolio-img" src="assets/img/vetdiagnostic.png" alt="VetDiagnostic">
<p>VetDiagnostic</p>
</a>
</div>
<div class="sitio-portafolio col-lg-6 text-center">
<a href="https://serviciodigital.cl/angular/proyecto-angular/#/home" target="_blank"><img class="portafolio-img" src="assets/img/bienes-raices-angular.png" alt="Bienes Raices Angular">
<p>Bienes Raices - Plantilla Angular</p>
</a>
</div>
</div>
<div class="row">
<div class="sitio-portafolio col-lg-6 text-center">
<a href="https://blog-de-amy.blogspot.com/" target="_blank"><img class="portafolio-img" src="assets/img/amywells.png" alt="Amy Wells">
<p>Amy Wells</p>
</a>
</div>
<div class="sitio-portafolio col-lg-6 text-center">
<a href="https://seguelpropiedades.cl/" target="_blank"><img class="portafolio-img" src="assets/img/seguelpropiedades.png" alt="SeguelPropiedades">
<p>SeguelPropiedades</p>
</a>
</div>
</div>
<div class="row">
<div class="sitio-portafolio col-lg-6 text-center">
<a href="https://veronica-gonzalez.github.io/iguana/" target="_blank"><img class="portafolio-img" src="assets/img/iguana-page.png" alt="Iguana Page">
<p>Iguanas</p>
</a>
</div>
<div class="sitio-portafolio col-lg-6 text-center">
<a href="https://veronica-gonzalez.github.io/suricata/" target="_blank"><img class="portafolio-img" src="assets/img/suricata.png" alt="Suricata">
<p>Suricata</p>
</a>
</div>
</div>
<div class="row">
<div class="sitio-portafolio col-lg-6 text-center">
<a href="https://veronica-gonzalez.github.io/cuppon/" target="_blank"><img class="portafolio-img" src="assets/img/cuppon.png" alt="Cuppon">
<p>Cuppon</p>
</a>
</div>
<div class="sitio-portafolio col-lg-6 text-center">
<a href="https://veronica-gonzalez.github.io/ricomida/" target="_blank"><img class="portafolio-img" src="assets/img/ricomida.png" alt="Ricomida">
<p>Ricomida</p>
</a>
</div>
</div>
</div>
</section>
<!--CodePen-->
<section>
<div class="container">
<div class="titulo-seccion">
<h2>CodePen</h2>
</div>
<div class="codepen">
<div class="pens">
<div class="pen">
<div class="penContainer bg-no-repeat bg-center bg-auto">
<iframe title="Pen by vero97" src="https://codepen.io/vero97/embed/xxYpZGN/?height=400&theme-id=22129&default-tab=result" class="penIframe show" scrolling="no" allowfullscreen="true" allowtransparency="true" sandbox="allow-scripts allow-same-origin" loading="lazy"
frameborder="0"></iframe>
</div>
</div>
<div class="pen">
<div class="penContainer bg-no-repeat bg-center bg-auto">
<iframe title="Pen by vero97" src="https://codepen.io/vero97/embed/RwQxPYe/?height=400&theme-id=22129&default-tab=result" class="penIframe show" scrolling="no" allowfullscreen="true" allowtransparency="true" sandbox="allow-scripts allow-same-origin" loading="lazy"
frameborder="0"></iframe>
</div>
</div>
<div class="pen">
<div class="penContainer bg-no-repeat bg-center bg-auto">
<iframe title="Pen by vero97" src="https://codepen.io/vero97/embed/jOZGOYz/?height=400&theme-id=22129&default-tab=result" class="penIframe show" scrolling="no" allowfullscreen="true" allowtransparency="true" sandbox="allow-scripts allow-same-origin" loading="lazy"
frameborder="0"></iframe>
</div>
</div>
<div class="pen">
<div class="penContainer bg-no-repeat bg-center bg-auto">
<iframe title="Pen by vero97" src="https://codepen.io/vero97/embed/yLvoPgq/?height=400&theme-id=22129&default-tab=result" class="penIframe show" scrolling="no" allowfullscreen="true" allowtransparency="true" sandbox="allow-scripts allow-same-origin" loading="lazy"
frameborder="0"></iframe>
</div>
</div>
</div>
<a href="https://codepen.io/vero97/collections/" class="link-codepen">
<svg class="w-4 h-4" viewBox="0 0 100 100" fill="currentColor"><path d="M100 34.2c-.4-2.6-3.3-4-5.3-5.3-3.6-2.4-7.1-4.7-10.7-7.1-8.5-5.7-17.1-11.4-25.6-17.1-2-1.3-4-2.7-6-4-1.4-1-3.3-1-4.8 0-5.7 3.8-11.5 7.7-17.2 11.5L5.2 29C3 30.4.1 31.8 0 34.8c-.1 3.3 0 6.7 0 10v16c0 2.9-.6 6.3 2.1 8.1 6.4 4.4 12.9 8.6 19.4 12.9 8 5.3 16 10.7 24 16 2.2 1.5 4.4 3.1 7.1 1.3 2.3-1.5 4.5-3 6.8-4.5 8.9-5.9 17.8-11.9 26.7-17.8l9.9-6.6c.6-.4 1.3-.8 1.9-1.3 1.4-1 2-2.4 2-4.1V37.3c.1-1.1.2-2.1.1-3.1 0-.1 0 .2 0 0zM54.3 12.3L88 34.8 73 44.9 54.3 32.4V12.3zm-8.6 0v20L27.1 44.8 12 34.8l33.7-22.5zM8.6 42.8L19.3 50 8.6 57.2V42.8zm37.1 44.9L12 65.2l15-10.1 18.6 12.5v20.1zM50 60.2L34.8 50 50 39.8 65.2 50 50 60.2zm4.3 27.5v-20l18.6-12.5 15 10.1-33.6 22.4zm37.1-30.5L80.7 50l10.8-7.2-.1 14.4z"></path></svg> Ver más en CodePen
</a>
</div>
</div>
</section>
<!--Contacto-->
<section id="section3" class="contacto">
<div class="container">
<div class="titulo-seccion">
<h2>Contacto</h2>
</div>
<div class="row">
<div class="col-lg-12 text-center">
<img class="contacto-img" src="assets/img/contacto.svg" alt="contacto">
<ul class="lista-contacto">
<li><b>Sitio Web:</b> <a href="https://serviciodigital.cl/">serviciodigital.cl</a></li>
<li><b>Celular:</b> +56962455212</li>
<li><b>Correo:</b> veronicagonzalez@serviciodigital.cl</li>
</ul>
</div>
<!--Formulario-->
<!-- <div class="col-lg-6 mt-3 mt-lg-0">
<div data-tf-widget="ldbjm6Te" style="width:100%;height:400px;color:#FFFFFF;"></div>
<script src="//embed.typeform.com/next/embed.js"></script>
</div>-->
</div>
</div>
</section>
<!--Footer-->
<footer id="footer" class="text-center">
<div class="container">
<div class="redes-sociales">
<a href="https://www.linkedin.com/in/vero97/" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://github.com/veronica-gonzalez" target="_blank"><i class="fab fa-github"></i></a>
<a href="https://codepen.io/vero97" target="_blank"><i class="fab fa-codepen"></i></a>
<a href="https://www.behance.net/vero97" target="_blank"><i class="fab fa-behance"></i></a>
<a href="https://dribbble.com/vero97/collections" target="_blank"><i class="fab fa-dribbble"></i></a>
</div>
<p class="footer">Verónica González</p>
<!-- <div class="creditos">
<a href="https://veronica-gonzalez.github.io/curriculum/creditos.html">Créditos</a>
</div>-->
</div>
</footer>
<!--Botón volver arriba-->
<a href="#" class="back-to-top"><i class="fas fa-arrow-circle-up"></i></a>
<!--Bootstrap-->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js" integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF" crossorigin="anonymous"></script>
<!--Mi script-->
<script src="assets/js/script.js"></script>
<script src="https://cpwebassets.codepen.io/assets/embed/embed-2fdb1b1f31d291596e822bdc8654418037277f5fdfa32b43ee91e7729ea84388.js"></script>
</body>
</html>