22 lines
1.0 KiB
HTML
22 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Heating monitor</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/@heroicons/react@1.0.6/outline/index.min.js"></script>
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
|
|
</head>
|
|
<body class="bg-gray-100 font-sans">
|
|
|
|
<header class="bg-indigo-600 text-white p-4 shadow-lg">
|
|
<div class="container mx-auto flex justify-between items-center">
|
|
<h1 class="text-xl font-semibold"><a href="/">Heating monitor</a></h1>
|
|
<nav class="flex space-x-4">
|
|
<a href="/" class="text-white hover:bg-indigo-500 hover:text-white py-2 px-4 rounded transition-colors">Inicio</a>
|
|
<a href="/about" class="text-white hover:bg-indigo-500 hover:text-white py-2 px-4 rounded transition-colors">About</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|