pierre/lesfrouzivores.fr
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

WIP hero

Browse Source
This commit is contained in:
Pierre Martin
2022-11-17 00:20:01 +01:00
parent 03ff264f96
commit 14b59bcc9a
8 changed files with 3907 additions and 801 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
index.html
View File

@@ -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
</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"
>
Star on Github
Je commande maintenant
<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="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>
<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"
>
Je récupère le
<strong class="pl-2 underline decoration-secondary"
>14 décembre</strong
>
<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="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>
</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"
/>