-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 2.39 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="stylesheet" href="/energia/index.e678b584.css"><link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" crossorigin><script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script><script src="https://unpkg.com/[email protected]/dist/leaflet.js" nomodule="" defer></script><script type="module" src="/energia/index.889daa91.js"></script><script src="/energia/index.555c4775.js" nomodule="" defer></script><title>Precio de la energía en España</title></head><body> <header class="h-screen"> <nav class="bg-gray-900 flex items-center justify-between navbar navbar-expand-lg py-2 relative shadow-md w-full"> <div class="flex flex-wrap items-center justify-center px-6 py-1 space-x-10 w-full"> <div id="logo"><img src="/energia/sabadell-logo.2eb6ceff.png" class="h-16"></div> <div id="titulo" class="text-gray-100"> <h1 class="font-bold text-2xl">Precio de la energía en España</h1> <h2> Departamento de Analítica e Inteligencia Artificial </h2> </div> </div> </nav> <div class="flex flex-col items-center justify-center"> <div id="fechadehoy" class="font-bold m-8 p-2 text-2xl text-gray-900"></div> <div class="flex flex-row items-center justify-center pb-12"> <div class="bg-slate-300 flex flex-col items-center m-2 p-2 rounded-lg shadow-2xl w-100"> <div class="font-bold text-center text-lg">Precio medio del día</div> <div class="text-5xl text-center" id="preciomedio"></div> </div> <div class="bg-green-400 flex flex-col items-center m-2 p-2 rounded-lg shadow-2xl"> <div class="font-bold text-center text-lg">Precio mínimo del día</div> <div class="text-5xl text-center" id="preciominimo"></div> <div class="text-center text-sm" id="horaminima"></div> </div> <div class="bg-red-400 flex flex-col items-center m-2 p-2 rounded-lg shadow-2xl"> <div class="font-bold text-center text-lg">Precio máximo del día</div> <div class="text-5xl text-center" id="preciomaximo"></div> <div class="text-center text-sm" id="horamaxima"></div> </div> </div> <div class="flex flex-col items-center"> <div class="flex flex-row" id="dashboard1"></div> <div class="flex flex-row" id="dashboard2"></div> <div class="flex flex-row" id="dashboard3"></div> <div class="flex flex-row" id="dashboard4"></div> </div> </div> </header> </body></html>