|
|
|
@ -1,11 +1,12 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en" class="scroll-smooth">
|
|
|
|
|
<html lang="fr" class="scroll-smooth">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
|
<title>
|
|
|
|
|
Play | Free Tailwind CSS Template for Startup and SaaS By TailGrids
|
|
|
|
|
Les Frouzivores. L'association du circuit court pour vos produits locaux à
|
|
|
|
|
Frouzins.
|
|
|
|
|
</title>
|
|
|
|
|
<link
|
|
|
|
|
rel="shortcut icon"
|
|
|
|
@ -28,13 +29,17 @@
|
|
|
|
|
>
|
|
|
|
|
<div class="container">
|
|
|
|
|
<div class="relative -mx-4 flex items-center justify-between">
|
|
|
|
|
<div class="w-60 max-w-full px-4">
|
|
|
|
|
<a href="index.html" class="navbar-logo block w-full py-5">
|
|
|
|
|
<img
|
|
|
|
|
src="assets/images/logo/logo-white.svg"
|
|
|
|
|
<div class="w-80 max-w-full px-4">
|
|
|
|
|
<a
|
|
|
|
|
href="index.html"
|
|
|
|
|
class="navbar-logo block w-full py-5 text-2xl text-white"
|
|
|
|
|
>
|
|
|
|
|
<!-- <img
|
|
|
|
|
src="assets/images/logo/logo_light.png"
|
|
|
|
|
alt="logo"
|
|
|
|
|
class="header-logo w-full"
|
|
|
|
|
/>
|
|
|
|
|
/> -->
|
|
|
|
|
Les Frouzivores
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="flex w-full items-center justify-between px-4">
|
|
|
|
@ -196,51 +201,81 @@
|
|
|
|
|
<h1
|
|
|
|
|
class="mb-8 text-3xl font-bold leading-snug text-white sm:text-4xl sm:leading-snug md:text-[45px] md:leading-snug"
|
|
|
|
|
>
|
|
|
|
|
Open-Source Web Template for SaaS, Startup, Apps, and More
|
|
|
|
|
Consommez local, de qualité et créez du lien avec vos voisins.
|
|
|
|
|
</h1>
|
|
|
|
|
<p
|
|
|
|
|
class="mx-auto mb-10 max-w-[600px] text-base text-[#e4e4e4] sm:text-lg sm:leading-relaxed md:text-xl md:leading-relaxed"
|
|
|
|
|
<div
|
|
|
|
|
class="mx-auto mb-10 max-w-[600px] text-xl text-white sm:text-lg sm:leading-relaxed md:text-xl md:leading-relaxed"
|
|
|
|
|
>
|
|
|
|
|
Multidisciplinary Web Template Built with Your Favourite
|
|
|
|
|
Technology - HTML Bootstrap, Tailwind and React NextJS.
|
|
|
|
|
</p>
|
|
|
|
|
<p>
|
|
|
|
|
Notre <strong>association</strong> organise chaque mois, une
|
|
|
|
|
commande groupée en ligne et une distribution conviviale à
|
|
|
|
|
Frouzins.
|
|
|
|
|
</p>
|
|
|
|
|
<p class="mt-2">
|
|
|
|
|
Achetez des produits locaux, issus d'une agriculture bio ou
|
|
|
|
|
raisonnée, à un tarif accessible et juste grâce au circuit
|
|
|
|
|
court.
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
<ul class="mb-10 flex flex-wrap items-center justify-center">
|
|
|
|
|
<li>
|
|
|
|
|
<a
|
|
|
|
|
href="https://links.tailgrids.com/play-download"
|
|
|
|
|
class="inline-flex items-center justify-center rounded-lg bg-white py-4 px-6 text-center text-base font-medium text-dark transition duration-300 ease-in-out hover:text-primary hover:shadow-lg sm:px-10"
|
|
|
|
|
href="https://www.local.direct/les-frouzivores"
|
|
|
|
|
class="inline-flex items-center justify-center rounded-lg bg-secondary py-4 px-6 text-center text-base font-medium text-dark transition duration-300 ease-in-out hover:text-dark-700 hover:shadow-lg sm:px-10"
|
|
|
|
|
>
|
|
|
|
|
Download Now
|
|
|
|
|
Je commande maintenant
|
|
|
|
|
<span class="pl-2">
|
|
|
|
|
<svg
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
|
|
|
fill="none"
|
|
|
|
|
viewBox="0 0 24 24"
|
|
|
|
|
stroke-width="1.5"
|
|
|
|
|
stroke="currentColor"
|
|
|
|
|
class="h-6 w-6"
|
|
|
|
|
>
|
|
|
|
|
<path
|
|
|
|
|
stroke-linecap="round"
|
|
|
|
|
stroke-linejoin="round"
|
|
|
|
|
d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"
|
|
|
|
|
/>
|
|
|
|
|
</svg>
|
|
|
|
|
</span>
|
|
|
|
|
</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li>
|
|
|
|
|
<a
|
|
|
|
|
href="https://github.com/tailgrids/play-tailwind"
|
|
|
|
|
target="_blank"
|
|
|
|
|
class="flex items-center py-4 px-6 text-base font-medium text-white transition duration-300 ease-in-out hover:opacity-70 sm:px-10"
|
|
|
|
|
<span
|
|
|
|
|
class="flex items-center py-4 px-6 text-base font-medium text-white transition duration-300 ease-in-out hover:opacity-90 sm:px-10"
|
|
|
|
|
>
|
|
|
|
|
Star on Github
|
|
|
|
|
Je récupère le
|
|
|
|
|
<strong class="pl-2 underline decoration-secondary"
|
|
|
|
|
>14 décembre</strong
|
|
|
|
|
>
|
|
|
|
|
<span class="pl-2">
|
|
|
|
|
<svg
|
|
|
|
|
width="20"
|
|
|
|
|
height="8"
|
|
|
|
|
viewBox="0 0 20 8"
|
|
|
|
|
class="fill-current"
|
|
|
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
|
|
|
fill="none"
|
|
|
|
|
viewBox="0 0 24 24"
|
|
|
|
|
stroke-width="1.5"
|
|
|
|
|
stroke="currentColor"
|
|
|
|
|
class="h-6 w-6"
|
|
|
|
|
>
|
|
|
|
|
<path
|
|
|
|
|
d="M19.2188 2.90632L17.0625 0.343819C16.875 0.125069 16.5312 0.0938193 16.2812 0.281319C16.0625 0.468819 16.0312 0.812569 16.2188 1.06257L18.25 3.46882H0.9375C0.625 3.46882 0.375 3.71882 0.375 4.03132C0.375 4.34382 0.625 4.59382 0.9375 4.59382H18.25L16.2188 7.00007C16.0312 7.21882 16.0625 7.56257 16.2812 7.78132C16.375 7.87507 16.5 7.90632 16.625 7.90632C16.7812 7.90632 16.9375 7.84382 17.0312 7.71882L19.1875 5.15632C19.75 4.46882 19.75 3.53132 19.2188 2.90632Z"
|
|
|
|
|
stroke-linecap="round"
|
|
|
|
|
stroke-linejoin="round"
|
|
|
|
|
d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5"
|
|
|
|
|
/>
|
|
|
|
|
</svg>
|
|
|
|
|
</span>
|
|
|
|
|
</a>
|
|
|
|
|
</span>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
<div class="wow fadeInUp text-center" data-wow-delay=".3s">
|
|
|
|
|
<img
|
|
|
|
|
src="assets/images/hero/brand.svg"
|
|
|
|
|
alt="image"
|
|
|
|
|
class="mx-auto w-full max-w-[250px] opacity-50 transition duration-300 ease-in-out hover:opacity-100"
|
|
|
|
|
/>
|
|
|
|
|
<div
|
|
|
|
|
class="wow fadeInUp mx-auto w-full text-center text-2xl text-white opacity-70 transition duration-300 ease-in-out hover:opacity-100"
|
|
|
|
|
data-wow-delay=".3s"
|
|
|
|
|
>
|
|
|
|
|
<a href="https://www.orangeriedesdemoiselles.com/">
|
|
|
|
|
Distribution au Château des Demoiselles dès 18h.
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
@ -251,8 +286,9 @@
|
|
|
|
|
data-wow-delay=".25s"
|
|
|
|
|
>
|
|
|
|
|
<div class="mt-16">
|
|
|
|
|
<!-- src="assets/images/hero/hero-image.jpg" -->
|
|
|
|
|
<img
|
|
|
|
|
src="assets/images/hero/hero-image.jpg"
|
|
|
|
|
src="assets/images/hero/frouzivores.jpg"
|
|
|
|
|
alt="hero"
|
|
|
|
|
class="mx-auto max-w-full rounded-t-xl rounded-tr-xl"
|
|
|
|
|
/>
|
|
|
|
|