hegresphere/templates/base.html.twig

48 lines
1.7 KiB
Twig
Raw Permalink Normal View History

2024-09-26 15:40:21 +02:00
<!DOCTYPE html>
2024-11-23 15:58:29 +01:00
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>{% block title %}Job Portal{% endblock %}</title>
2024-09-26 15:40:21 +02:00
2024-11-23 15:58:29 +01:00
{# Tailwind CSS CDN #}
<script src="https://cdn.tailwindcss.com"></script>
{# FontAwesome & Google Fonts #}
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet"/>
<style>
body {
font-family: 'Roboto', sans-serif;
}
</style>
</head>
<body class="bg-gray-100">
<header class="bg-gray-900 text-white">
<div class="container mx-auto flex justify-between items-center py-4 px-6">
<div class="flex items-center">
<i class="fas fa-briefcase text-2xl mr-2"></i>
<span class="text-xl font-bold">HegreSphere</span>
</div>
<nav class="space-x-6">
<a class="hover:text-teal-400" href="{{ path('app_index') }}">Accueil</a>
<a class="hover:text-teal-400" href="{{ path('app_index') }}">Stages</a>
<a class="hover:text-teal-400" href="{{ path('app_index') }}">À propos de nous</a>
<a class="hover:text-teal-400" href="{{ path('app_index') }}">Nous contacter</a>
</nav>
<div>
<a class="bg-teal-500 hover:bg-teal-600 text-white py-2 px-4 rounded-full" href="{{ path('app_index') }}">
Profil
</a>
</div>
</div>
</header>
{# Block for the specific page content #}
<main>
{% block content %}{% endblock %}
</main>
</body>
2024-09-26 15:40:21 +02:00
</html>