Asset
Linux lamp 5.15.0-186-generic #196-Ubuntu SMP Sat Jun 20 16:09:34 UTC 2026 x86_64 | root
Run
Upload
Editing: index.html
<!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Telepeaje Bolivia — Mockup de diseño</title> <meta name="description" content="Mockup estático de diseño para el sistema de telepeaje boliviano: consola de operación y portal del conductor." > <link rel="stylesheet" href="assets/css/tokens.css"> <link rel="stylesheet" href="assets/css/app.css"> <script src="assets/js/data.js" defer></script> <script src="assets/js/app.js" defer></script> </head> <body data-shell="landing" data-page="landing"> <a class="skip-link" href="#main-content">Saltar al contenido principal</a> <div class="landing"> <header class="landing-header"> <span class="brand-mark" aria-hidden="true"> <svg class="icon" aria-hidden="true" focusable="false"> <use href="#i-road"></use> </svg> </span> <span class="brand-text"> <span class="brand-name">TELEPEAJE BOLIVIA</span> <span class="brand-tagline"> Sistema de cobro electrónico de peaje </span> </span> <span class="topbar-spacer"></span> <span class="badge badge-accent">Entorno de diseño</span> </header> <main class="landing-main" id="main-content" tabindex="-1"> <div class="landing-hero"> <p class="landing-kicker"> <svg class="icon icon-sm" aria-hidden="true" focusable="false"> <use href="#i-info"></use> </svg> Mockup de interfaz </p> <h1>Telepeaje Bolivia — Mockup</h1> <p class="page-lede" style="max-width: 60ch"> Referencia de contenido: <strong>Vías Bolivia</strong>, Administradora de Peaje y Pesaje bajo el Ministerio de Obras Públicas, y el telepeaje oficial <strong>TELEVIAS</strong>, sobre la Red Vial Fundamental administrada por la ABC. Incluye las dos experiencias de este mockup: la consola que usan los operadores en estación y el portal del conductor. </p> </div> <div class="entry-grid"> <a class="entry-card" href="consola/index.html"> <span class="entry-icon" aria-hidden="true"> <svg class="icon icon-lg" focusable="false"><use href="#i-grid"></use></svg> </span> <h2 class="entry-title">Consola de Operación</h2> <p class="entry-text"> Tablero de carriles en vivo, transacciones en tiempo real, arqueo y cierre de turno, tarifas de la Resolución Ministerial 319, control de evasiones y reportes de recaudación para los tres corredores. </p> <ul class="entry-meta"> <li><span class="badge badge-neutral">Tablero de carriles</span></li> <li><span class="badge badge-neutral">Arqueo y cierre</span></li> <li><span class="badge badge-neutral">Tarifas RM 319</span></li> <li><span class="badge badge-neutral">Evasión y multas</span></li> <li><span class="badge badge-neutral">Reportes</span></li> </ul> <span class="entry-cta"> Entrar a la consola <svg class="icon icon-sm" aria-hidden="true" focusable="false"> <use href="#i-arrow-right"></use> </svg> </span> </a> <a class="entry-card" href="portal/index.html"> <span class="entry-icon is-amber" aria-hidden="true"> <svg class="icon icon-lg" focusable="false"><use href="#i-car"></use></svg> </span> <h2 class="entry-title">Portal del Conductor</h2> <p class="entry-text"> Saldo y recarga de la cuenta prepago TELEVIAS, alta y administración de TAG con categorización del vehículo, historial de peajes y comprobantes descargables desde cualquier canal habilitado. </p> <ul class="entry-meta"> <li><span class="badge badge-neutral">Mi saldo y recarga</span></li> <li><span class="badge badge-neutral">Mis vehículos y TAG</span></li> <li><span class="badge badge-neutral">Mis transacciones</span></li> <li><span class="badge badge-neutral">Tigo Money · QR · Tarjetas</span></li> </ul> <span class="entry-cta"> Entrar al portal <svg class="icon icon-sm" aria-hidden="true" focusable="false"> <use href="#i-arrow-right"></use> </svg> </span> </a> </div> <div class="callout callout-info" style="margin-top: var(--space-8)"> <svg class="icon" aria-hidden="true" focusable="false"> <use href="#i-info"></use> </svg> <div> <p class="callout-title">Mockup de diseño con datos simulados</p> <p class="callout-body"> Esta es una maqueta visual para revisión de interfaz. No hay backend, base de datos ni lógica de negocio real: las cifras, placas, transacciones y saldos son ficticios y se generan en el navegador. Ninguna acción envía información a ningún sistema. </p> </div> </div> </main> <footer class="landing-foot"> <p> Maqueta de diseño · Vías Bolivia y TELEVIAS como referencia de contexto · Red Vial Fundamental: 16.029 km administrados por la ABC </p> </footer> </div> </body> </html>
Save
Cancel
/var/www/html/telepeaje
Go
Mkdir
Write
Name
Size
Modified
Perms
..
[D] assets
-
2026-09-25 15:21
0755
DL
RM
[D] consola
-
2026-09-25 17:13
0755
DL
RM
[F] index.html
5,754
2026-09-25 15:35
0644
DL
ED
RM
[D] portal
-
2026-09-25 15:33
0755
DL
RM
asset