613 lines
24 KiB
HTML
613 lines
24 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>
|
||
Les Frouzivores. L'association du circuit court pour vos produits locaux à
|
||
Frouzins.
|
||
</title>
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<link
|
||
rel="stylesheet"
|
||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
|
||
/>
|
||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
||
<link rel="manifest" href="/site.webmanifest" />
|
||
</head>
|
||
<body>
|
||
<!-- Hero Section -->
|
||
<div class="relative bg-green-50">
|
||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24">
|
||
<div class="text-center">
|
||
<img
|
||
src="./logo_light.png"
|
||
alt="Les Frouzivores"
|
||
class="mx-auto mb-6 w-64"
|
||
/>
|
||
<h1
|
||
class="text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl md:text-6xl"
|
||
>
|
||
<span class="block">Les Frouzivores</span>
|
||
<span class="block text-green-600 mt-2"
|
||
>Consommez local, créez du lien</span
|
||
>
|
||
</h1>
|
||
<p class="mt-6 max-w-2xl mx-auto text-xl text-gray-500">
|
||
Notre association organise chaque mois, une commande groupée en
|
||
ligne et une distribution conviviale à Frouzins.
|
||
</p>
|
||
|
||
<div
|
||
class="mt-12 bg-white rounded-lg shadow-lg p-6 max-w-2xl mx-auto"
|
||
>
|
||
<div
|
||
class="flex items-center justify-center space-x-2 text-green-600 mb-4"
|
||
>
|
||
<i class="fas fa-calendar text-xl"></i>
|
||
<span class="text-lg font-semibold">Prochaine distribution</span>
|
||
</div>
|
||
<p class="text-2xl font-bold text-gray-900">18 décembre</p>
|
||
<p class="text-xs text-gray-600">18h-20h</p>
|
||
<p class="text-gray-600 mt-2">
|
||
<a
|
||
href="https://www.openstreetmap.org/#map=19/43.51294/1.32234"
|
||
class="text-green-600 hover:underline"
|
||
>
|
||
à « La Grange » de
|
||
<abbr title="Frouzins Initiatives Citoyennes">FIC</abbr> – 7 rue
|
||
du Vieux Moulin
|
||
</a>
|
||
</p>
|
||
<div class="mt-8">
|
||
<a
|
||
href="https://www.local.direct/les-frouzivores"
|
||
class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-green-600 hover:bg-green-700"
|
||
>
|
||
<i class="fas fa-shopping-cart mr-4"></i>
|
||
Je commande maintenant
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Features Section -->
|
||
<div class="py-24 bg-white">
|
||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="grid grid-cols-1 gap-12 lg:grid-cols-2">
|
||
<div class="flex">
|
||
<div class="flex-shrink-0">
|
||
<div
|
||
class="flex items-center justify-center h-12 w-12 rounded-md bg-green-500 text-white"
|
||
>
|
||
<i class="fas fa-shopping-bag"></i>
|
||
</div>
|
||
</div>
|
||
<div class="ml-4">
|
||
<h3 class="text-lg font-medium text-gray-900">
|
||
Pourquoi commander ?
|
||
</h3>
|
||
<p class="mt-2 text-base text-gray-500">
|
||
Commander aux Frouzivores cela signifie soutenir les producteurs
|
||
et retisser du lien avec eux. Cela signifie aussi manger des
|
||
produits de qualité, et les partager solidairement.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex">
|
||
<div class="flex-shrink-0">
|
||
<div
|
||
class="flex items-center justify-center h-12 w-12 rounded-md bg-green-500 text-white"
|
||
>
|
||
<i class="fas fa-users"></i>
|
||
</div>
|
||
</div>
|
||
<div class="ml-4">
|
||
<h3 class="text-lg font-medium text-gray-900">
|
||
Ouvert à tout le monde
|
||
</h3>
|
||
<p class="mt-2 text-base text-gray-500">
|
||
Passez commande sans inscription, sans engagement, simplement en
|
||
quelques clics. Il n'est pas nécessaire d'être adhérent de
|
||
l'association pour commander.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex">
|
||
<div class="flex-shrink-0">
|
||
<div
|
||
class="flex items-center justify-center h-12 w-12 rounded-md bg-green-500 text-white"
|
||
>
|
||
<i class="fas fa-percent"></i>
|
||
</div>
|
||
</div>
|
||
<div class="ml-4">
|
||
<h3 class="text-lg font-medium text-gray-900">
|
||
Pas de commission
|
||
</h3>
|
||
<p class="mt-2 text-base text-gray-500">
|
||
Votre paiement sur le site de commande est directement réparti
|
||
entre les producteurs des produits composants votre commande.
|
||
Les Frouzivores ne prennent pas de commission.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex">
|
||
<div class="flex-shrink-0">
|
||
<div
|
||
class="flex items-center justify-center h-12 w-12 rounded-md bg-green-500 text-white"
|
||
>
|
||
<i class="fas fa-map-marker-alt"></i>
|
||
</div>
|
||
</div>
|
||
<div class="ml-4">
|
||
<h3 class="text-lg font-medium text-gray-900">Que du local</h3>
|
||
<p class="mt-2 text-base text-gray-500">
|
||
Les Frouzivores vous permettent de consommer des produits issus
|
||
d'un rayon de 50 kms autour de chez vous.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex">
|
||
<div class="flex-shrink-0">
|
||
<div
|
||
class="flex items-center justify-center h-12 w-12 rounded-md bg-green-500 text-white"
|
||
>
|
||
<i class="fas fa-balance-scale"></i>
|
||
</div>
|
||
</div>
|
||
<div class="ml-4">
|
||
<h3 class="text-lg font-medium text-gray-900">
|
||
Un prix gagnant-gagnant
|
||
</h3>
|
||
<p class="mt-2 text-base text-gray-500">
|
||
Les Frouzivores promeuvent une approche équitable tant pour les
|
||
producteurs que pour les consommateurs en demandant un juste
|
||
prix aux producteurs.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="flex">
|
||
<div class="flex-shrink-0">
|
||
<div
|
||
class="flex items-center justify-center h-12 w-12 rounded-md bg-green-500 text-white"
|
||
>
|
||
<i class="fas fa-file-download"></i>
|
||
</div>
|
||
</div>
|
||
<div class="ml-4">
|
||
<h3 class="text-lg font-medium text-gray-900">Notre charte</h3>
|
||
<p class="mt-2 text-base text-gray-500">
|
||
Découvrez les valeurs et engagements des Frouzivores.
|
||
</p>
|
||
<div class="mt-4"></div>
|
||
<a
|
||
href="./fichiers/charte_20201127.pdf"
|
||
class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-green-600 bg-green-100 hover:bg-green-200"
|
||
>
|
||
<i class="fas fa-download mr-2"></i>
|
||
Télécharger la charte
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Solidarity Section -->
|
||
<div class="bg-green-50 py-24">
|
||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="text-center">
|
||
<div
|
||
class="flex items-center justify-center h-48 w-48 rounded-full bg-green-500 mx-auto mt-6"
|
||
>
|
||
<img src="./logo_spf_blanc.png" alt="Secours Populaire Frouzins" />
|
||
</div>
|
||
<h2 class="mt-4 text-3xl font-bold text-gray-900">Solidarité</h2>
|
||
<p class="mt-4 text-xl text-gray-500">
|
||
Des produits au profit du Secours Populaire Frouzins
|
||
</p>
|
||
</div>
|
||
<div class="mt-8 max-w-3xl mx-auto text-center">
|
||
<p class="text-lg text-gray-500">
|
||
Faites également preuve de solidarité en commandant des produits au
|
||
profit de l'antenne de Frouzins du Secours Populaire Français.
|
||
</p>
|
||
|
||
<p class="mt-4 text-lg text-gray-500">
|
||
Ajoutez un ou plusieurs produits portant la mention « au profit du
|
||
secours populaire » à votre panier. Ils seront remis aux
|
||
bénéficiaires dans les jours qui suivent la distribution.
|
||
</p>
|
||
<p class="mt-4 text-lg text-gray-600 font-bold">
|
||
Dons possibles : yaourts, farine, steaks hachés, fromage…
|
||
</p>
|
||
<div class="mt-8">
|
||
<a
|
||
href="https://www.local.direct/les-frouzivores"
|
||
class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-green-600 hover:bg-green-700"
|
||
>
|
||
Je donne
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Calendar Section -->
|
||
<div class="py-24 bg-white">
|
||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="text-center">
|
||
<i class="fas fa-calendar text-4xl text-green-600"></i>
|
||
<h2 class="mt-4 text-3xl font-bold text-gray-900">
|
||
Une commande par mois
|
||
</h2>
|
||
<p class="mt-4 text-xl text-gray-500">
|
||
On se retrouve chaque mois, un mercredi, pour une distribution
|
||
conviviale.
|
||
</p>
|
||
</div>
|
||
<div class="mt-12 grid grid-cols-2 gap-4 md:grid-cols-4">
|
||
<div class="bg-gray-50 rounded-lg p-4 text-center opacity-50">
|
||
<p class="text-lg font-medium text-gray-800">25 septembre 2024</p>
|
||
<p class="text-sm text-gray-600 font-semibold">Passée</p>
|
||
</div>
|
||
<div class="bg-gray-50 rounded-lg p-4 text-center opacity-50">
|
||
<p class="text-lg font-medium text-gray-800">23 octobre 2024</p>
|
||
<p class="text-sm text-gray-600 font-semibold">Passée</p>
|
||
</div>
|
||
<div class="bg-gray-50 rounded-lg p-4 text-center opacity-50">
|
||
<p class="text-lg font-medium text-gray-800">27 novembre 2024</p>
|
||
<p class="text-sm text-gray-600 font-semibold">Passée</p>
|
||
</div>
|
||
|
||
<div class="bg-green-50 rounded-lg p-4 text-center">
|
||
<p class="text-lg font-medium text-green-800">18 décembre 2024</p>
|
||
</div>
|
||
<div class="bg-green-50 rounded-lg p-4 text-center">
|
||
<p class="text-lg font-medium text-green-800">29 janvier 2025</p>
|
||
</div>
|
||
<div class="bg-green-50 rounded-lg p-4 text-center">
|
||
<p class="text-lg font-medium text-green-800">26 février 2025</p>
|
||
</div>
|
||
<div class="bg-green-50 rounded-lg p-4 text-center">
|
||
<p class="text-lg font-medium text-green-800">26 mars 2025</p>
|
||
</div>
|
||
<div class="bg-green-50 rounded-lg p-4 text-center">
|
||
<p class="text-lg font-medium text-green-800">30 avril 2025</p>
|
||
</div>
|
||
<div class="bg-green-50 rounded-lg p-4 text-center">
|
||
<p class="text-lg font-medium text-green-800">28 mai 2025</p>
|
||
</div>
|
||
|
||
<div class="bg-green-200 rounded-lg p-4 text-center">
|
||
<p class="text-lg font-medium text-green-800">2 juillet 2025</p>
|
||
<p class="text-sm text-green-600 font-semibold">La Guinguette</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Producers Section -->
|
||
<div class="bg-green-50 py-24">
|
||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="text-center">
|
||
<i class="fas fa-tractor text-4xl text-green-600"></i>
|
||
<h2 class="mt-4 text-3xl font-bold text-gray-900">Nos Producteurs</h2>
|
||
<p class="mt-4 text-xl text-gray-500">
|
||
Découvrez les producteurs locaux qui nous font confiance
|
||
</p>
|
||
</div>
|
||
<div class="mt-12 grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3">
|
||
<!-- 0-10km -->
|
||
<div class="bg-white rounded-lg shadow-lg overflow-hidden">
|
||
<div class="p-6">
|
||
<div class="flex items-center justify-between mb-4">
|
||
<h3 class="text-xl font-semibold text-gray-900">0-10 km</h3>
|
||
<span
|
||
class="bg-green-100 text-green-800 text-xs font-medium px-2.5 py-0.5 rounded-full"
|
||
>Très proche</span
|
||
>
|
||
</div>
|
||
<ul class="space-y-3">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||
<span
|
||
>Le <strong>porc noir</strong> de Patrice (Frouzins)</span
|
||
>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||
<span
|
||
>Les <strong>fruits & légumes</strong> de Simon et Alex
|
||
(Seysses)</span
|
||
>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||
<span
|
||
>Les <strong>fleurs</strong> d'Emmanuelle (Seysses)</span
|
||
>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||
<span
|
||
>Les <strong>nettoyants</strong> de Yannick et Séverine
|
||
(Seysses)</span
|
||
>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||
<span
|
||
>Les <strong>volailles</strong> de Jérémy (Plaisance du
|
||
Touch)</span
|
||
>
|
||
</li>
|
||
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||
<span
|
||
>Les <strong>biscuits</strong> d'Isabelle (Lamasquère)</span
|
||
>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||
<span
|
||
>Les <strong>bières</strong> de Boris, Julien, Jean-Philippe
|
||
(Muret)</span
|
||
>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 10-25km -->
|
||
<div class="bg-white rounded-lg shadow-lg overflow-hidden">
|
||
<div class="p-6">
|
||
<div class="flex items-center justify-between mb-4">
|
||
<h3 class="text-xl font-semibold text-gray-900">10-25 km</h3>
|
||
<span
|
||
class="bg-green-100 text-green-800 text-xs font-medium px-2.5 py-0.5 rounded-full"
|
||
>Proche</span
|
||
>
|
||
</div>
|
||
<ul class="space-y-3">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||
<span
|
||
>La <strong>farine</strong> de Christophe (Ste Foy de
|
||
Peyrolières)</span
|
||
>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||
<span>Les <strong>œufs</strong> de Véronique (Rieumes)</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||
<span
|
||
>Les <strong>pommes et raisins</strong> de Jeremy, Anthony
|
||
(Grépiac)</span
|
||
>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||
<span>Le <strong>fromage</strong> de Marion (Plagnole)</span>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||
<span
|
||
>Les <strong>beewraps et samoussas</strong> de Vinciane (Le
|
||
Castéra)</span
|
||
>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||
<span
|
||
>Les <strong>savons</strong> de Solène (Saint Clar de
|
||
Rivière)</span
|
||
>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 25-50km -->
|
||
<div class="bg-white rounded-lg shadow-lg overflow-hidden">
|
||
<div class="p-6">
|
||
<div class="flex items-center justify-between mb-4">
|
||
<h3 class="text-xl font-semibold text-gray-900">25-50 km</h3>
|
||
<span
|
||
class="bg-green-100 text-green-800 text-xs font-medium px-2.5 py-0.5 rounded-full"
|
||
>Local</span
|
||
>
|
||
</div>
|
||
<ul class="space-y-3">
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||
<span
|
||
>Les <strong>plants</strong> de Camille et Yoann
|
||
(Saverdun)</span
|
||
>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||
<span
|
||
>La <strong>viande bovine</strong> de Christian, Benjamin,
|
||
Camille (Castex)</span
|
||
>
|
||
</li>
|
||
<li class="flex items-start">
|
||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||
<span
|
||
>Les <strong>produits laitiers</strong> de Patricia et
|
||
Francis (Arnaud-Guilhem)</span
|
||
>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Adhérer Section -->
|
||
<div class="bg-gray-50 py-24">
|
||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="text-center">
|
||
<i class="fas fa-hand-holding-heart text-4xl text-green-600"></i>
|
||
<h2 class="mt-4 text-3xl font-bold text-gray-900">Adhérer</h2>
|
||
<p class="mt-4 text-xl text-gray-500">
|
||
L'adhésion est à prix libre, et n'est pas nécessaire pour
|
||
commander.<br />Elle permet de soutenir l'association et de
|
||
participer à son fonctionnement.
|
||
</p>
|
||
<p class="mt-4 text-xl text-gray-500">
|
||
Vous pouvez adhérer lors de la distribution mensuelle, ou en ligne
|
||
via HelloAsso.
|
||
</p>
|
||
<div class="mt-8">
|
||
<a
|
||
href="https://www.helloasso.com/associations/les-frouzivores/adhesions/adhesions"
|
||
class="inline-flex items-center px-6 py-3 border border-transparent text-base font-medium rounded-md text-white bg-green-600 hover:bg-green-700"
|
||
>
|
||
Je soutiens l'association en adhérant !
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- FAQ Section -->
|
||
<div class="bg-gray-50 py-24">
|
||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="text-center">
|
||
<i class="fas fa-question-circle text-4xl text-green-600"></i>
|
||
<h2 class="mt-4 text-3xl font-bold text-gray-900">Des questions ?</h2>
|
||
<p class="mt-4 text-xl text-gray-500">
|
||
Nous avons les réponses !<br />
|
||
Elles devraient vous permettre de mieux comprendre notre
|
||
fonctionnement.
|
||
</p>
|
||
</div>
|
||
<div class="mt-12 max-w-3xl mx-auto">
|
||
<dl class="space-y-8">
|
||
<div>
|
||
<dt class="text-lg font-medium text-gray-900">
|
||
Comment se déroule une commande ?
|
||
</dt>
|
||
<dd class="mt-2 text-base text-gray-500">
|
||
La commande se fait en ligne sur
|
||
<a href="https://www.local.direct/les-frouzivores"
|
||
>local.direct</a
|
||
>. Une fois votre commande validée, vous la récupérez lors de la
|
||
distribution mensuelle.
|
||
</dd>
|
||
</div>
|
||
<div>
|
||
<dt class="text-lg font-medium text-gray-900">
|
||
J'ai un problème avec ma commande. Que faire ?
|
||
</dt>
|
||
<dd class="mt-2 text-base text-gray-500">
|
||
Contactez-nous directement par email ou via notre page
|
||
<a
|
||
href="https://facebook.com/lesfrouzivores"
|
||
class="text-green-600 hover:underline"
|
||
>Facebook</a
|
||
>
|
||
ou
|
||
<a
|
||
href="https://www.instagram.com/les_frouzivores/"
|
||
class="text-green-600 hover:underline"
|
||
>Instagram</a
|
||
>. Nous vous répondrons dans les plus brefs délais.
|
||
</dd>
|
||
</div>
|
||
<div>
|
||
<dt class="text-lg font-medium text-gray-900">
|
||
Comment fonctionne l'association ?
|
||
</dt>
|
||
<dd class="mt-2 text-base text-gray-500">
|
||
L'association est gérée par des bénévoles qui organisent les
|
||
commandes et les distributions mensuelles.
|
||
</dd>
|
||
</div>
|
||
<div>
|
||
<dt class="text-lg font-medium text-gray-900">
|
||
Puis-je m'impliquer dans l'association ?
|
||
</dt>
|
||
<dd class="mt-2 text-base text-gray-500">
|
||
Oui ! Nous accueillons avec plaisir toute personne souhaitant
|
||
s'investir dans l'association.
|
||
</dd>
|
||
</div>
|
||
<div>
|
||
<dt class="text-lg font-medium text-gray-900">
|
||
Comment être informé des actualités de l'association ?
|
||
</dt>
|
||
<dd class="mt-2 text-base text-gray-500">
|
||
Suivez-nous sur notre page
|
||
<a
|
||
href="https://facebook.com/lesfrouzivores"
|
||
class="text-green-600 hover:underline"
|
||
>Facebook</a
|
||
>
|
||
ou
|
||
<a
|
||
href="https://www.instagram.com/les_frouzivores/"
|
||
class="text-green-600 hover:underline"
|
||
>Instagram</a
|
||
>
|
||
et demandez à être ajouté·e à notre newsletter.
|
||
</dd>
|
||
</div>
|
||
</dl>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Footer -->
|
||
<footer class="bg-green-800 text-white py-12">
|
||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||
<div class="flex flex-col items-center justify-center space-y-6">
|
||
<div class="flex space-x-6">
|
||
<a
|
||
href="https://facebook.com/lesfrouzivores"
|
||
class="text-white hover:text-green-200"
|
||
>
|
||
<i class="fab fa-facebook text-2xl"></i>
|
||
<span class="sr-only">Facebook</span>
|
||
</a>
|
||
<a
|
||
href="https://www.instagram.com/les_frouzivores/"
|
||
class="text-white hover:text-green-200"
|
||
>
|
||
<i class="fab fa-instagram text-2xl"></i>
|
||
<span class="sr-only">Instagram</span>
|
||
</a>
|
||
</div>
|
||
<a
|
||
href="mailto:contact@lesfrouzivores.fr"
|
||
class="text-white hover:text-green-200 flex items-center space-x-2"
|
||
>
|
||
<i class="fas fa-envelope"></i>
|
||
<span>contact@lesfrouzivores.fr</span>
|
||
</a>
|
||
<p class="text-sm text-green-200">
|
||
© 2024 Les Frouzivores. Tous droits réservés.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html>
|