DevJobs/index.html at main · DmirandaH/DevJobs · GitHub

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
<!DOCTYPE html>
<html lang="es">

<head>
     <title>DevJobs - Inicio</title>
    <meta charset="UTF-8">
    <meta name="description" content="Encuentra las mejores ofertas de trabajo para desarrolladores en DevJobs">

    <link rel="stylesheet" href="/css/styles.css">

</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>
        </nav>

        <div>
            <a href="">Publicar un empleo</a>
            <a href="">Iniciar sesión</a>
        </div>

    </header>

    <main>
        <section>
            <img src="/img/background.webp" width="200"/>

            <h1>Encuentra el trabajo de tus sueños</h1>

            <p>Únete a la comunidad más grande de desarrolladores y encuentra tu próxima oportunidad.</p>

            <form role="search">
                <div>
                <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 empleo por título, habilidad o empresa">

            <button type="submit">Buscar</button>
            </div>
            </form>
        </section>

        <section>
            <header>


                <h2>¿Por qué DevJobs?</h2>
                <p>DevJobs es la principal plataforma de búsqueda de empleo para desarrolladores.Conectamos a los mejores talentos con las empresas más innovadoras.
                </p>

            </header>

        <footer>

            <article>
                <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-briefcase"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 7m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v9a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z" /><path d="M8 7v-2a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v2" /><path d="M12 12l0 .01" /><path d="M3 13a20 20 0 0 0 18 0" /></svg>

            <h3>Encuentra el trabajo de tus sueños</h3>
            <p>Busca miles de empleos de las mejores empresas de todo el mundo.</p>
        </article>

            <article>
                <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-users"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 7m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
                <h3> Conecta con las mejores empresas</h3>
                <p>Accede a ofertas exclusivas de empresas líderes en tecnología.</p>
            </article>

            <article>
                <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-buildings"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 21v-15c0 -1 1 -2 2 -2h5c1 0 2 1 2 2v15" /><path d="M16 8h2c1 0 2 1 2 2v11" /><path d="M3 21h18" /><path d="M10 12v0" /><path d="M10 16v0" /><path d="M10 8v0" /><path d="M7 12v0" /><path d="M7 16v0" /><path d="M7 8v0" /><path d="M17 12v0" /><path d="M17 16v0" /></svg>
                <h3>Obtén el salario que te mereces</h3>
                <p>Obtén el salario que mereces con nuestra calculadora de salarios</p>
            </article>

     </footer>

        </section>

    </main>

    <footer>
        <small>&copy;2025 DevJobs. Todos los derechos reservados.</small>

    </footer>

</body>
</html>