<!DOCTYPE html>
<html lang="en">
{% load static tailwind_tags %} <!-- Load Tailwind CSS template tags -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}CSV Upload{% endblock %}</title>
{% tailwind_css %}
</head>
<body class="bg-gray-100">
<header class="fixed top-0 left-0 w-full bg-blue-900 p-4 z-10">
<div class="container mx-auto flex items-center justify-between">
<!-- GÉANT Logo -->
<img src="https://geant.org/wp-content/uploads/2022/01/geant_logo_f2020_new.svg" alt="GÉANT Logo" class="h-12">
<div class="flex-grow text-center">
<span class="text-white text-2xl font-bold tracking-wide">Sage Validation</span>
</div>
</div>
</header>
<main class="mt-24 p-10">
{% block content %}
{% endblock %}
</main>
<script>
// Global JavaScript code
</script>
</body>
</html>