<!DOCTYPE html>

<html lang="es">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Roberto Narbona - Consultoría en Transformación Digital</title>

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">

    <style>

        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

        .hero { background: #003366; color: white; padding: 100px 0; }

        .section-title { border-bottom: 2px solid #003366; display: inline-block; margin-bottom: 30px; }

        .bg-light-blue { background-color: #f8fbff; }

        footer { background: #222; color: white; padding: 20px 0; }

    </style>

</head>

<body>

 

    <nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">

        <div class="container">

            <a class="navbar-brand" href="#">Roberto Narbona H.</a>

            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">

                <span class="navbar-toggler-icon"></span>

            </button>

            <div class="collapse navbar-collapse" id="navbarNav">

                <ul class="navbar-nav ms-auto">

                    <li class="nav-item"><a class="nav-link" href="#experiencia">Experiencia</a></li>

                    <li class="nav-item"><a class="nav-link" href="#servicios">Servicios</a></li>

                    <li class="nav-item"><a class="nav-link" href="#clientes">Clientes</a></li>

                    <li class="nav-item"><a class="nav-link" href="#contacto">Contacto</a></li>

                </ul>

            </div>

        </div>

    </nav>

 

    <header class="hero text-center">

        <div class="container">

            <h1>Roberto Adolfo Narbona Haschke</h1>

            <p class="lead">Consultor Senior en Transformación Digital e Innovación Tecnológica</p>

        </div>

    </header>

 

    <section id="experiencia" class="py-5">

        <div class="container">

            <h2 class="section-title">Experiencia</h2>

            [cite_start]<p>Con más de 30 años de trayectoria, me he especializado en el diseño y dirección de proyectos tecnológicos complejos que integran interoperabilidad, seguridad y eficiencia operativa[cite: 3, 23, 27].</p>

            <div class="row mt-4">

                <div class="col-md-6">

                    <ul>

                        [cite_start]<li><strong>Modernización del Estado:</strong> Consultor PMO en el Plan de Modernización del Registro Civil[cite: 87, 103].</li>

                        [cite_start]<li><strong>Seguridad y Biometría:</strong> Diseño del Proyecto de Control de Fronteras Biométrico[cite: 87, 107].</li>

                    </ul>

                </div>

                <div class="col-md-6">

                    <ul>

                        [cite_start]<li><strong>Innovación Social:</strong> Creador del Modelo de Sistema de Ahorro Asociado al Consumo (SAAC)[cite: 38, 89, 109].</li>

                        [cite_start]<li><strong>Gestión de Emergencias:</strong> Diseño del Sistema Integrado para Emergencias para ONEMI/SENAPRED[cite: 34, 108].</li>

                    </ul>

                </div>

            </div>

        </div>

    </section>

 

    <section id="servicios" class="py-5 bg-light-blue">

        <div class="container">

            <h2 class="section-title">Servicios</h2>

            <div class="row g-4">

                <div class="col-md-4">

                    <div class="card h-100 shadow-sm border-0">

                        <div class="card-body">

                            <h5 class="card-title">Transformación Digital</h5>

                            [cite_start]<p class="card-text">Asesoría para cumplimiento de la Ley 21.180 y modernización de procesos[cite: 113].</p>

                        </div>

                    </div>

                </div>

                <div class="col-md-4">

                    <div class="card h-100 shadow-sm border-0">

                        <div class="card-body">

                            <h5 class="card-title">Dirección de Proyectos (PMO)</h5>

                            [cite_start]<p class="card-text">Gestión de proyectos TI, auditorías y buses de datos corporativos[cite: 87, 90].</p>

                        </div>

                    </div>

                </div>

                <div class="col-md-4">

                    <div class="card h-100 shadow-sm border-0">

                        <div class="card-body">

                            <h5 class="card-title">Seguridad Avanzada</h5>

                            [cite_start]<p class="card-text">Reconocimiento facial, de patentes y seguridad perimetral[cite: 86, 94, 97].</p>

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </section>

 

    <section id="clientes" class="py-5">

        <div class="container">

            <h2 class="section-title">Nuestros Clientes</h2>

            <p>Proyectos desarrollados para instituciones clave:</p>

            <div class="d-flex flex-wrap gap-2">

                [cite_start]<span class="badge bg-secondary p-2">Presidencia de la República [cite: 105]</span>

                [cite_start]<span class="badge bg-secondary p-2">Ministerio de Hacienda [cite: 103]</span>

                [cite_start]<span class="badge bg-secondary p-2">Contraloría General [cite: 63, 100]</span>

                [cite_start]<span class="badge bg-secondary p-2">Metro de Santiago [cite: 53, 61]</span>

                [cite_start]<span class="badge bg-secondary p-2">Senado de Chile [cite: 89, 111]</span>

                [cite_start]<span class="badge bg-secondary p-2">Registro Civil [cite: 87, 103]</span>

                [cite_start]<span class="badge bg-secondary p-2">CODELCO [cite: 53]</span>

            </div>

        </div>

    </section>

 

    <section id="contacto" class="py-5 bg-light-blue">

        <div class="container">

            <h2 class="section-title">Contacto</h2>

            <div class="row">

                <div class="col-md-6">

                    [cite_start]<p><strong>📍 Ubicación:</strong> Santiago[cite: 3].</p>

                    [cite_start]<p><strong>📧 Email:</strong> <a href="mailto:info@narbona.cl">roberto@narbona.cl</a>[cite: 3].</p>

                </div>

            </div>

        </div>

    </section>

 

    <footer class="text-center">

        <div class="container">

            <small>&copy; 2026 Roberto Narbona Haschke. Todos los derechos reservados.</small>

        </div>

    </footer>

 

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

</body>

</html>