widkit/nosotros.html at main · bemtorres/widkit · 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
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Nosotros - WidKit</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <meta name="description" content="Conoce el propósito de WidKit: herramientas educativas gratuitas, sin publicidad ni suscripciones abusivas, creadas por un profesor de informática en Chile.">
</head>
<body class="bg-slate-50 min-h-screen">
    <!-- Navbar simple -->
    <nav class="bg-white border-b border-slate-200 sticky top-0 z-50">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex justify-between items-center h-16">
                <a href="index.html" class="flex items-center gap-2">
                    <img src="assets/img/icons/widkit_entero.png" alt="WidKit" class="h-8 w-auto object-contain">
                </a>
                <a href="index.html" class="px-3 py-2 text-sm font-semibold text-slate-700 hover:bg-slate-100 rounded-lg">Inicio</a>
            </div>
        </div>
    </nav>

    <main class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 py-10">
        <header class="text-center mb-8">
            <h1 class="text-3xl md:text-4xl font-extrabold text-slate-900 mb-2">Nosotros</h1>
            <p class="text-slate-600">La historia y el propósito detrás de WidKit</p>
        </header>

        <section class="bg-white rounded-2xl border border-slate-200 shadow-sm p-6 md:p-8 space-y-5">
            <p class="text-slate-700 leading-relaxed">
                WidKit nace en Chile, creado por un profesor de informática que, como muchos docentes, se cansó de
                encontrarse con páginas llenas de <span class="font-semibold">publicidad invasiva</span> o con
                <span class="font-semibold">suscripciones abusivas</span> para acceder a herramientas básicas.
            </p>
            <p class="text-slate-700 leading-relaxed">
                Por eso construimos una plataforma de <span class="font-semibold">herramientas educativas gratuitas</span>,
                simples y listas para usar. Nuestro objetivo es que cualquier persona —docentes, académicos, estudiantes
                y el público en general— pueda integrar recursos de calidad en minutos, sin barreras ni fricciones.
            </p>
            <p class="text-slate-700 leading-relaxed">
                Creemos en una educación abierta y accesible. Queremos que este sistema llegue a <span class="font-semibold">todos los lugares</span>,
                especialmente a quienes <span class="font-semibold">no han tenido acceso a una educación de calidad</span>.
                WidKit busca aportar herramientas concretas para elevar esa calidad y, sobre todo, que
                <span class="font-semibold">disfruten</span> utilizándolas.
            </p>
            <div class="bg-emerald-50 border border-emerald-200 rounded-xl p-4">
                <h2 class="text-emerald-800 font-bold mb-1">Cómo puedes aportar</h2>
                <p class="text-emerald-900 text-sm">
                    Si quieres apoyar el proyecto, proponer ideas o contribuir con desarrollo, ¡eres bienvenido!
                    También puedes abrir ideas en GitHub o compartir WidKit con otros docentes.
                </p>
            </div>
            <div class="bg-slate-50 border border-slate-200 rounded-xl p-4">
                <h2 class="text-slate-900 font-bold mb-1">Contacto</h2>
                <p class="text-slate-700 text-sm">
                    ¿Quieres desarrollar un proyecto o tienes alguna consulta? Escríbeme a
                    <a href="mailto:bmora.educk@gmail.com" class="text-amber-600 font-semibold hover:underline">bmora.educk@gmail.com</a>.
                </p>
            </div>
        </section>

        <div class="text-center mt-8">
            <a href="index.html" class="inline-flex items-center gap-2 px-5 py-2.5 bg-amber-600 text-white font-semibold rounded-full hover:bg-amber-700 transition">
                ← Volver a WidKit
            </a>
        </div>
    </main>

    <footer class="mt-12 border-t border-slate-200 py-6 text-center text-slate-500 text-sm">
        © 2025 WidKit
    </footer>
</body>
</html>