V1
This commit is contained in:
Pierre Martin
Binary file not shown.
+174
-46
@@ -15,6 +15,11 @@
|
|||||||
<div class="relative bg-green-50">
|
<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="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24">
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
|
<img
|
||||||
|
src="./logo_light.png"
|
||||||
|
alt="Les Frouzivores"
|
||||||
|
class="mx-auto mb-6 w-64"
|
||||||
|
/>
|
||||||
<h1
|
<h1
|
||||||
class="text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl md:text-6xl"
|
class="text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl md:text-6xl"
|
||||||
>
|
>
|
||||||
@@ -37,33 +42,27 @@
|
|||||||
<i class="fas fa-calendar text-xl"></i>
|
<i class="fas fa-calendar text-xl"></i>
|
||||||
<span class="text-lg font-semibold">Prochaine distribution</span>
|
<span class="text-lg font-semibold">Prochaine distribution</span>
|
||||||
</div>
|
</div>
|
||||||
<p class="text-2xl font-bold text-gray-900">29 novembre</p>
|
<p class="text-2xl font-bold text-gray-900">18 décembre</p>
|
||||||
<p class="text-gray-600 mt-2">7 rue du Vieux Moulin (FIC)</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">
|
<div class="mt-8">
|
||||||
<a
|
<a
|
||||||
href="https://local.direct"
|
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"
|
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
|
Je commande maintenant
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mt-8 bg-green-100 rounded-lg p-4">
|
|
||||||
<div
|
|
||||||
class="flex items-center justify-center space-x-2 text-green-700"
|
|
||||||
>
|
|
||||||
<i class="fas fa-leaf"></i>
|
|
||||||
<p class="text-lg">
|
|
||||||
🍷🌰 Plongez dans l'automne avec notre distribution spéciale de
|
|
||||||
vin nouveau et de marrons chauds !
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<p class="mt-2 text-green-600">
|
|
||||||
🍏 Nouveauté : pommes et jus de fruits par Les jardins de
|
|
||||||
Labourdette
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -168,6 +167,31 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</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">
|
||||||
|
<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-white bg-gray-500 hover:bg-gray-400"
|
||||||
|
>
|
||||||
|
<i class="fas fa-download mr-2"></i>
|
||||||
|
Télécharger la charte
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -192,12 +216,12 @@
|
|||||||
secours populaire » à votre panier. Ils seront distribués aux
|
secours populaire » à votre panier. Ils seront distribués aux
|
||||||
bénéficiaires dans les jours qui suivent la commande.
|
bénéficiaires dans les jours qui suivent la commande.
|
||||||
</p>
|
</p>
|
||||||
<p class="mt-4 text-lg text-gray-600 font-medium">
|
<p class="mt-4 text-lg text-gray-600 font-bold">
|
||||||
💡 Dons possibles : yaourts, farine, steaks hachés…
|
Dons possibles : yaourts, farine, steaks hachés, fromage…
|
||||||
</p>
|
</p>
|
||||||
<div class="mt-8">
|
<div class="mt-8">
|
||||||
<a
|
<a
|
||||||
href="https://local.direct"
|
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"
|
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
|
Je donne
|
||||||
@@ -221,29 +245,41 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-12 grid grid-cols-2 gap-4 md:grid-cols-4">
|
<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">
|
||||||
|
<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">
|
||||||
|
<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">
|
||||||
|
<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">
|
<div class="bg-green-50 rounded-lg p-4 text-center">
|
||||||
<p class="text-lg font-medium text-green-800">29 novembre 2023</p>
|
<p class="text-lg font-medium text-green-800">18 décembre 2024</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-green-50 rounded-lg p-4 text-center">
|
<div class="bg-green-50 rounded-lg p-4 text-center">
|
||||||
<p class="text-lg font-medium text-green-800">20 décembre 2023</p>
|
<p class="text-lg font-medium text-green-800">29 janvier 2025</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-green-50 rounded-lg p-4 text-center">
|
<div class="bg-green-50 rounded-lg p-4 text-center">
|
||||||
<p class="text-lg font-medium text-green-800">31 janvier 2024</p>
|
<p class="text-lg font-medium text-green-800">26 février 2025</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-green-50 rounded-lg p-4 text-center">
|
<div class="bg-green-50 rounded-lg p-4 text-center">
|
||||||
<p class="text-lg font-medium text-green-800">28 février 2024</p>
|
<p class="text-lg font-medium text-green-800">26 mars 2025</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-green-50 rounded-lg p-4 text-center">
|
<div class="bg-green-50 rounded-lg p-4 text-center">
|
||||||
<p class="text-lg font-medium text-green-800">27 mars 2024</p>
|
<p class="text-lg font-medium text-green-800">30 avril 2025</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-green-50 rounded-lg p-4 text-center">
|
<div class="bg-green-50 rounded-lg p-4 text-center">
|
||||||
<p class="text-lg font-medium text-green-800">24 avril 2024</p>
|
<p class="text-lg font-medium text-green-800">28 mai 2025</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-green-50 rounded-lg p-4 text-center">
|
|
||||||
<p class="text-lg font-medium text-green-800">29 mai 2024</p>
|
<div class="bg-green-200 rounded-lg p-4 text-center">
|
||||||
</div>
|
<p class="text-lg font-medium text-green-800">2 juillet 2025</p>
|
||||||
<div class="bg-green-50 rounded-lg p-4 text-center">
|
<p class="text-sm text-green-600 font-semibold">La Guinguette</p>
|
||||||
<p class="text-lg font-medium text-green-800">3 juillet 2024</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -273,11 +309,50 @@
|
|||||||
<ul class="space-y-3">
|
<ul class="space-y-3">
|
||||||
<li class="flex items-start">
|
<li class="flex items-start">
|
||||||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||||||
<span>La Ferme de Borde Bio (Frouzins) - Légumes</span>
|
<span
|
||||||
|
>Le <strong>porc noir</strong> de Patrice (Frouzins)</span
|
||||||
|
>
|
||||||
</li>
|
</li>
|
||||||
<li class="flex items-start">
|
<li class="flex items-start">
|
||||||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||||||
<span>Les Ruchers de Manon (Seysses) - Miel</span>
|
<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>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@@ -297,17 +372,31 @@
|
|||||||
<li class="flex items-start">
|
<li class="flex items-start">
|
||||||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||||||
<span
|
<span
|
||||||
>Les Jardins de Labourdette (Poucharramet) - Pommes, jus de
|
>La <strong>farine</strong> de Christophe (Ste Foy de
|
||||||
fruits</span
|
Peyrolières)</span
|
||||||
>
|
>
|
||||||
</li>
|
</li>
|
||||||
<li class="flex items-start">
|
<li class="flex items-start">
|
||||||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||||||
<span>La Ferme du Couget (Rieumes) - Volailles</span>
|
<span>Les <strong>œufs</strong> de Véronique (Rieumes)</span>
|
||||||
</li>
|
</li>
|
||||||
<li class="flex items-start">
|
<li class="flex items-start">
|
||||||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||||||
<span>Les Fromages de Marie (Bérat) - Fromages</span>
|
<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>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@@ -326,12 +415,23 @@
|
|||||||
<ul class="space-y-3">
|
<ul class="space-y-3">
|
||||||
<li class="flex items-start">
|
<li class="flex items-start">
|
||||||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||||||
<span>Domaine de Cantalauze (Gaillac) - Vins</span>
|
<span
|
||||||
|
>Les <strong>plants</strong> de Camille et Yoann
|
||||||
|
(Saverdun)</span
|
||||||
|
>
|
||||||
</li>
|
</li>
|
||||||
<li class="flex items-start">
|
<li class="flex items-start">
|
||||||
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
<i class="fas fa-check text-green-500 mt-1 mr-2"></i>
|
||||||
<span
|
<span
|
||||||
>La Ferme des Violettes (Lavaur) - Produits laitiers</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>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@@ -341,6 +441,31 @@
|
|||||||
</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.<br />
|
||||||
|
<a
|
||||||
|
href="https://www.helloasso.com/associations/les-frouzivores/adhesions/adhesions"
|
||||||
|
class="text-green-600 hover:underline"
|
||||||
|
>
|
||||||
|
Je soutiens l'association en adhérant !
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- FAQ Section -->
|
<!-- FAQ Section -->
|
||||||
<div class="bg-gray-50 py-24">
|
<div class="bg-gray-50 py-24">
|
||||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||||
@@ -348,8 +473,9 @@
|
|||||||
<i class="fas fa-question-circle text-4xl text-green-600"></i>
|
<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>
|
<h2 class="mt-4 text-3xl font-bold text-gray-900">Des questions ?</h2>
|
||||||
<p class="mt-4 text-xl text-gray-500">
|
<p class="mt-4 text-xl text-gray-500">
|
||||||
Nous avons les réponses ! Elles devraient vous permettre de mieux
|
Nous avons les réponses !<br />
|
||||||
comprendre notre fonctionnement.
|
Elles devraient vous permettre de mieux comprendre notre
|
||||||
|
fonctionnement.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-12 max-w-3xl mx-auto">
|
<div class="mt-12 max-w-3xl mx-auto">
|
||||||
@@ -359,9 +485,11 @@
|
|||||||
Comment se déroule une commande ?
|
Comment se déroule une commande ?
|
||||||
</dt>
|
</dt>
|
||||||
<dd class="mt-2 text-base text-gray-500">
|
<dd class="mt-2 text-base text-gray-500">
|
||||||
La commande se fait en ligne sur local.direct. Une fois votre
|
La commande se fait en ligne sur
|
||||||
commande validée, vous la récupérez lors de la distribution
|
<a href="https://www.local.direct/les-frouzivores"
|
||||||
mensuelle.
|
>local.direct</a
|
||||||
|
>. Une fois votre commande validée, vous la récupérez lors de la
|
||||||
|
distribution mensuelle.
|
||||||
</dd>
|
</dd>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
|
|||||||
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Reference in New Issue
Block a user