-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathempleo.html
More file actions
226 lines (177 loc) · 9.92 KB
/
empleo.html
File metadata and controls
226 lines (177 loc) · 9.92 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
<!DOCTYPE html>
<html lang="es">
<head>
<title>DevJobs-Empleos</title>
<meta charset="UTF-8">
<meta name="description" content="LIstado con empleos y filtros para encontrar el trabajo de tus sueños">
<link rel="stylesheet" href="/css/empleo_styles.css">
<!--module carga el archivo html, no lo bloquea-->
<script type="module" src="./js/script.js"></script>
</head>
<body>
<header>
<h1>
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<polyline points="16 18 22 12 16 6"></polyline>
<polyline points="8 6 2 12 8 18"></polyline>
</svg>
DevJobs
| </h1>
<nav>
<a href="index.html">Inicio </a>
<a href="empleo.html">Empleos </a>
<a href="">Empresas </a>
<a href="">Salarios</a>
</nav>
<!-- <div>
<button>Subir cv</button>
<img src="/img/Technologist Dark Skin Tone.png">
</div> -->
</header>
<main>
<section class="jobs-search">
<img src="/img/background.webp" width="200"/>
<h1>Encuentra tu próximo trabajo</h1>
<p>Explora miles de oportunidades en el sector tecnológico.</p>
<form id="empleos-search-form" role="search">
<div class="search-bar">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"
class="icon icon-tabler icons-tabler-outline icon-tabler-search">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /><path d="M21 21l-6 -6" />
</svg>
<input name="search" id="empleos-search-input" required type ="text" placeholder="Buscar trabajos, empresa o habilidades">
</div>
<div class="search-filters">
<select name="technology" id="filter-technology">
<option value="">Tecnología</option>
<optgroup label="Tecnologias populares">
<option value="javascript">JavaScript</option>
<option value="python">Python</option>
<option value="react">React</option>
<option value="nodejs">Node.js</option>
</optgroup>
<option value="java">Java</option>
<hr />
<option value="csharp">C#</option>
<option value="c">C</option>
<option value="c++">C++</option>
<hr />
<option value="ruby">Ruby</option>
<option value="php">PHP</option>
</select>
<select name="location" id="filter-location">
<option value="">Ubicación</option>
<option value="remoto">Remoto</option>
<option value="latam">Latam</option>
<option value="barranquilla">Barranquilla</option>
<option value="usa">Usa</option>
<option value="europa">Europa</option>
</select>
<select name="experience-level" id="filter-experience-level">
<option value="">Nivel de experiencia</option>
<option value="junior">Junior</option>
<option value="mid">Mid-level</option>
<option value="senior">Senior</option>
<option value="lead">Lead</option>
</select>
</div>
</form>
<span id="filter-selected-value"></span>
</section>
<section>
<h2>Resultados de búsqueda</h2>
<!--Aqui se insertan los empleos dinámicamente-->
<div class="jobs-listings">
<article class="jobs-listing-card">
<div>
<h3>Ingeniero de Seguridad Cloud </h3>
<small>CyberSafe Ltd. | Remoto</small>
<p>Buscamos un experto en seguridad en la nube para proteger infraestructuras críticas. Se requiere experiencia en el diseño de arquitecturas seguras y monitoreo de amenazas. El candidato debe dominar herramientas de cumplimiento y seguridad en AWS, Azure o GCP.</p>
</div>
<button class="button-apply-job" id="boton-importante">Aplicar</button>
</article>
<article class="jobs-listing-card">
<div>
<h3>Diseñador de Producto UX/UI</h3>
<small>Creative Flow Studio | Remoto</small>
<p>Estamos en la búsqueda de un Product Designer apasionado por crear experiencias de usuario excepcionales para plataformas web y móviles. Es indispensable el manejo de Figma o Adobe XD, y tener un portafolio sólido que demuestre habilidades en diseño visual y pruebas de usabilidad.</p>
</div>
<button class="button-apply-job">Aplicar</button>
</article>
<article class="jobs-listing-card">
<div>
<h3>Especialista en IA y Machine Learning</h3>
<small>AI Innovations Co. | Híbrido</small>
<p>Buscamos un profesional para liderar la implementación de modelos de inteligencia artificial y automatización. Se requiere experiencia técnica en Python, frameworks como PyTorch o TensorFlow, y capacidad para desarrollar soluciones de IA generativa aplicadas al negocio</p>
</div>
<button class="button-apply-job">Aplicar</button>
</article>
<article class="jobs-listing-card">
<div>
<h3>Arquitecto de Soluciones </h3>
<small>Enterprise Systems | Bogotá - Colombia (En sitio)</small>
<p>Buscamos un arquitecto con visión estratégica para diseñar e integrar aplicaciones en ecosistemas híbridos. Se requiere experiencia mínima de 3 años en arquitectura cloud y conocimiento profundo en microservicios y despliegues escalables</p>
</div>
<button class="button-apply-job">Aplicar</button>
</article>
<article class="jobs-listing-card">
<div>
<h3> Ingeniero de Software</h3>
<small> Tech Solutions Inc. | Remote</small>
<p>Buscamos un ingeniero de software con experiencia en desarrollo web y conocimientos en JavaScrit, React y Node.js. El candidato ideal debe ser capaz de trabajar en equipo y tener buenas habilidades de comunicación</p>
</div>
<button class="button-apply-job">Aplicar</button>
</article>
<article class="jobs-listing-card">
<div>
<h3>Analista de Datos</h3>
<small>Data Driven Co. | Barranquilla - Colombia</small>
<p>Estamos buscando un analista de datos con experiencia en el manejo de grandes conjuntos de datos y herramientas de visualización. Se requiere conocimiento en SQL, Python y R.</p>
</div>
<button class="button-apply-job">Aplicar</button>
</article>
<article class="jobs-listing-card">
<div>
<h3>Desarrollador de Aplicaciones Móviles</h3>
<small>Mobile Apps Ltda. | Híbrido</small>
<p>Buscamos un desarrollador de aplicaciones móviles con experiencia en iOS y/o Android. El candidato debe tener conocicimientos en Swift, Kotlin y el desarrollo de interfaces de usuario.</p>
</div>
<button class="button-apply-job">Aplicar</button>
</article>
<article class="jobs-listing-card">
<div>
<h3>Ingeniero DevOps</h3>
<small>Cloud Services SA | Remoto</small>
<p>Estamos buscando un ingeníero DevOps con experiencia en la gestión de infraestructuras en la nube, automatización de procesos y herramientas de integración continua. Se requiere de conocimientos en AWS, Azure o GCP. </p>
</div>
<button class="button-apply-job">Aplicar</button>
</article>
</div>
<nav class="pagination">
<a href="#"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M15 6l-6 6l6 6" />
</svg></a>
<a class="is-active" href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
<a href="#">5</a>
<a href="#"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round"
class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right">
<path stroke="none" d="M0 0h24v24H0z" fill="none" />
<path d="M9 6l6 6l-6 6" />
</svg></a>
</nav>
</section>
</main>
<footer style="padding-bottom: 2000px;">
<small>© 2025 DevJobs. Todos los derechos reservados</small>
</footer>
</body>
</html>