-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathjobs.html
More file actions
160 lines (141 loc) · 5.96 KB
/
jobs.html
File metadata and controls
160 lines (141 loc) · 5.96 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
<!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/styles.css" />
<script async src="./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="">
Inicio
</a> -->
<a href="">Empleos</a>
</nav>
<div>
<a href="">Publicar un empleo</a>
<!-- <a href="">Iniciar sesión</a> -->
</div>
</header>
<main>
<section class="jobs-search">
<h1>Encuentra tu próximo trabajo</h1>
<p>Explora miles de oportunidades en el sector tecnológico.</p>
<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 required type="text" placeholder="Buscar trabajos, empresas o habilidades">
</div>
<div class="search-filters">
<select name="technology" id="filter-technology">
<option value="">Tecnología</option>
<option value="javascript">JavaScript</option>
<option value="python">Python</option>
<option value="java">Java</option>
<option value="react">React</option>
<option value="nodejs">Node.js</option>
</select>
<select name="location" id="location">
<option value="">Ubicación</option>
<option value="remoto">Remoto</option>
<option value="cdmx">Ciudad de México</option>
<option value="guadalajara">Guadalajara</option>
<option value="monterrey">Monterrey</option>
<option value="barcelona">Barcelona</option>
</select>
<select name="experience-level" id="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>
</section>
<section>
<h2>Resultados de búsqueda</h2>
<div class="jobs-listings">
<article class="job-listing-card">
<div>
<h3>Ingeniero de Software</h3>
<small>Tech Solutions Inc. | Remoto</small>
<p>Buscamos un ingeniero de software con experiencia en desarrollo web y conocimientos en JavaScript, 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" id="boton-importante">Aplicar</button>
</article>
<article class="job-listing-card">
<div>
<h3>Analista de Datos</h3>
<small>Data Driven Co. | Ciudad de México</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="job-listing-card">
<div>
<h3>Desarrollador de Aplicaciones Móviles</h3>
<small>Mobile Apps Ltd. | Guadalajara</small>
<p>Buscamos un desarrollador de aplicaciones móviles con experiencia en iOS y/o Android. El candidato debe
tener conocimientos en Swift, Kotlin y el desarrollo de interfaces de usuario.</p>
</div>
<button class="button-apply-job">Aplicar</button>
</article>
<article class="job-listing-card">
<div>
<h3>Ingeniero de DevOps</h3>
<small>Cloud Services SA | Remoto</small>
<p>Estamos buscando un ingeniero de DevOps con experiencia en la gestión de infraestructuras en la nube,
automatización de procesos y herramientas de integración continua. Se requiere conocimiento 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>