WIP hero
This commit is contained in:
Pierre Martin
parent
03ff264f96
commit
14b59bcc9a
File diff suppressed because it is too large
Load Diff
BIN
assets/images/hero/frouzivores.jpg
Normal file
BIN
assets/images/hero/frouzivores.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 95 KiB |
BIN
assets/images/logo/logo_light.png
Normal file
BIN
assets/images/logo/logo_light.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
27
assets/images/logo/logo_light.svg
Normal file
27
assets/images/logo/logo_light.svg
Normal file
@ -0,0 +1,27 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
|
||||
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
|
||||
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="395.000000pt" height="345.000000pt" viewBox="0 0 395.000000 345.000000"
|
||||
preserveAspectRatio="xMidYMid meet">
|
||||
|
||||
<g transform="translate(0.000000,345.000000) scale(0.100000,-0.100000)"
|
||||
fill="#000000" stroke="none">
|
||||
<path d="M2175 1697 c-60 -60 -67 -149 -19 -233 80 -141 252 -79 242 87 -7
|
||||
104 -70 179 -150 179 -32 0 -47 -7 -73 -33z"/>
|
||||
<path d="M1756 1548 c-19 -19 -38 -47 -42 -62 -10 -43 5 -111 36 -157 42 -63
|
||||
90 -92 160 -97 55 -4 60 -2 95 30 33 30 39 42 42 89 4 45 0 63 -24 109 -40 75
|
||||
-94 112 -173 118 -57 4 -61 3 -94 -30z"/>
|
||||
<path d="M2529 1540 c-71 -38 -129 -129 -129 -201 0 -63 69 -129 135 -129 48
|
||||
0 133 48 166 93 57 79 61 162 10 219 -24 27 -36 32 -87 35 -45 2 -68 -2 -95
|
||||
-17z"/>
|
||||
<path d="M1385 1485 c-80 -41 -131 -148 -101 -218 27 -66 103 -85 184 -46 103
|
||||
50 141 199 65 258 -31 25 -104 28 -148 6z"/>
|
||||
<path d="M2132 1340 c-124 -75 -38 -306 125 -336 80 -15 153 49 153 135 -1
|
||||
147 -168 268 -278 201z"/>
|
||||
<path d="M1572 1260 c-107 -65 -64 -253 72 -316 61 -29 90 -30 135 -6 88 47
|
||||
93 169 12 263 -63 74 -154 98 -219 59z"/>
|
||||
<path d="M1965 1058 c-84 -46 -134 -165 -105 -253 41 -123 161 -150 243 -54
|
||||
104 121 57 320 -76 319 -23 0 -51 -6 -62 -12z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
110
index.html
110
index.html
@ -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"
|
||||
/>
|
||||
|
||||
3081
package-lock.json
generated
3081
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
@ -4,7 +4,9 @@
|
||||
"description": "",
|
||||
"main": "tailwind.config.js",
|
||||
"scripts": {
|
||||
"build-css": "tailwindcss -i ./src/tailwind.css -o ./assets/css/tailwind.css -w"
|
||||
"start": "run-p start:*",
|
||||
"start:html": "serve .",
|
||||
"start:css": "tailwindcss -i ./src/tailwind.css -o ./assets/css/tailwind.css -w"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
@ -14,8 +16,10 @@
|
||||
"author": "",
|
||||
"license": "MIT",
|
||||
"devDependencies": {
|
||||
"npm-run-all": "^4.1.5",
|
||||
"prettier": "^2.6.2",
|
||||
"prettier-plugin-tailwindcss": "^0.1.9",
|
||||
"serve": "^14.1.1",
|
||||
"tailwindcss": "^3.0.15"
|
||||
}
|
||||
}
|
||||
|
||||
@ -27,8 +27,11 @@ module.exports = {
|
||||
black: "#212b36",
|
||||
dark: "#090E34",
|
||||
"dark-700": "#090e34b3",
|
||||
primary: "#3056D3",
|
||||
secondary: "#13C296",
|
||||
// primary: "#3056D3",
|
||||
// primary: "#ffdc64",
|
||||
primary: "#19b561",
|
||||
// secondary: "#13C296",
|
||||
secondary: "#ffdc64",
|
||||
"body-color": "#637381",
|
||||
warning: "#FBBF24",
|
||||
},
|
||||
|
||||
Loading…
Reference in New Issue
Block a user