WIP hero
This commit is contained in:
Pierre Martin
parent
03ff264f96
commit
14b59bcc9a
@ -1,7 +1,7 @@
|
||||
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
|
||||
|
||||
/*
|
||||
! tailwindcss v3.0.15 | MIT License | https://tailwindcss.com
|
||||
! tailwindcss v3.0.16 | MIT License | https://tailwindcss.com
|
||||
*/
|
||||
|
||||
/*
|
||||
@ -24,7 +24,7 @@
|
||||
|
||||
::before,
|
||||
::after {
|
||||
--tw-content: "";
|
||||
--tw-content: '';
|
||||
}
|
||||
|
||||
/*
|
||||
@ -44,9 +44,7 @@ html {
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
/* 3 */
|
||||
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
|
||||
"Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
|
||||
"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
/* 4 */
|
||||
}
|
||||
|
||||
@ -127,8 +125,7 @@ code,
|
||||
kbd,
|
||||
samp,
|
||||
pre {
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
|
||||
"Liberation Mono", "Courier New", monospace;
|
||||
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
/* 1 */
|
||||
font-size: 1em;
|
||||
/* 2 */
|
||||
@ -217,9 +214,9 @@ select {
|
||||
*/
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
[type='button'],
|
||||
[type='reset'],
|
||||
[type='submit'] {
|
||||
-webkit-appearance: button;
|
||||
/* 1 */
|
||||
background-color: transparent;
|
||||
@ -266,7 +263,7 @@ Correct the cursor style of increment and decrement buttons in Safari.
|
||||
2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
[type='search'] {
|
||||
-webkit-appearance: textfield;
|
||||
/* 1 */
|
||||
outline-offset: -2px;
|
||||
@ -351,16 +348,14 @@ textarea {
|
||||
2. Set the default placeholder color to the user's configured gray 400 color.
|
||||
*/
|
||||
|
||||
input::-moz-placeholder,
|
||||
textarea::-moz-placeholder {
|
||||
input::-moz-placeholder, textarea::-moz-placeholder {
|
||||
opacity: 1;
|
||||
/* 1 */
|
||||
color: #9ca3af;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
input:-ms-input-placeholder,
|
||||
textarea:-ms-input-placeholder {
|
||||
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
|
||||
opacity: 1;
|
||||
/* 1 */
|
||||
color: #9ca3af;
|
||||
@ -430,9 +425,7 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
display: none;
|
||||
}
|
||||
|
||||
*,
|
||||
::before,
|
||||
::after {
|
||||
*, ::before, ::after{
|
||||
--tw-translate-x: 0;
|
||||
--tw-translate-y: 0;
|
||||
--tw-rotate: 0;
|
||||
@ -532,7 +525,6 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
}
|
||||
|
||||
.sticky{
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
}
|
||||
|
||||
@ -773,6 +765,22 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
margin-right: 2.5rem;
|
||||
}
|
||||
|
||||
.mt-10{
|
||||
margin-top: 2.5rem;
|
||||
}
|
||||
|
||||
.mt-5{
|
||||
margin-top: 1.25rem;
|
||||
}
|
||||
|
||||
.mt-4{
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.mt-2{
|
||||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
.block{
|
||||
display: block;
|
||||
}
|
||||
@ -845,6 +853,18 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
height: 2.75rem;
|
||||
}
|
||||
|
||||
.h-6{
|
||||
height: 1.5rem;
|
||||
}
|
||||
|
||||
.h-4{
|
||||
height: 1rem;
|
||||
}
|
||||
|
||||
.h-5{
|
||||
height: 1.25rem;
|
||||
}
|
||||
|
||||
.w-full{
|
||||
width: 100%;
|
||||
}
|
||||
@ -897,6 +917,22 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.w-80{
|
||||
width: 20rem;
|
||||
}
|
||||
|
||||
.w-6{
|
||||
width: 1.5rem;
|
||||
}
|
||||
|
||||
.w-4{
|
||||
width: 1rem;
|
||||
}
|
||||
|
||||
.w-5{
|
||||
width: 1.25rem;
|
||||
}
|
||||
|
||||
.max-w-full{
|
||||
max-width: 100%;
|
||||
}
|
||||
@ -953,38 +989,44 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
max-width: 525px;
|
||||
}
|
||||
|
||||
.max-w-\[400px\]{
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
.max-w-\[500px\]{
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.max-w-\[0px\]{
|
||||
max-width: 0px;
|
||||
}
|
||||
|
||||
.max-w-\[300px\]{
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
.-translate-y-1\/2{
|
||||
--tw-translate-y: -50%;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
|
||||
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
|
||||
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.rotate-45{
|
||||
--tw-rotate: 45deg;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
|
||||
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
|
||||
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.rotate-\[25deg\]{
|
||||
--tw-rotate: 25deg;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
|
||||
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
|
||||
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.rotate-180{
|
||||
--tw-rotate: 180deg;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
|
||||
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
|
||||
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.transform{
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
|
||||
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
|
||||
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.cursor-pointer{
|
||||
@ -1117,7 +1159,7 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
|
||||
.border-primary{
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(48 86 211 / var(--tw-border-opacity));
|
||||
border-color: rgb(25 181 97 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.border-\[\#D4DEFF\]{
|
||||
@ -1149,7 +1191,7 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
|
||||
.bg-primary{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(48 86 211 / var(--tw-bg-opacity));
|
||||
background-color: rgb(25 181 97 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.bg-\[\#f5f8ff\]{
|
||||
@ -1174,7 +1216,7 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
|
||||
.bg-secondary{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(19 194 150 / var(--tw-bg-opacity));
|
||||
background-color: rgb(255 220 100 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.bg-\[\#f3f4ff\]{
|
||||
@ -1230,14 +1272,12 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
|
||||
.from-dark-700{
|
||||
--tw-gradient-from: #090e34b3;
|
||||
--tw-gradient-stops: var(--tw-gradient-from),
|
||||
var(--tw-gradient-to, rgb(9 14 52 / 0));
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(9 14 52 / 0));
|
||||
}
|
||||
|
||||
.from-primary{
|
||||
--tw-gradient-from: #3056d3;
|
||||
--tw-gradient-stops: var(--tw-gradient-from),
|
||||
var(--tw-gradient-to, rgb(48 86 211 / 0));
|
||||
--tw-gradient-from: #19b561;
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(25 181 97 / 0));
|
||||
}
|
||||
|
||||
.to-transparent{
|
||||
@ -1245,7 +1285,7 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
}
|
||||
|
||||
.to-\[\#179BEE\]{
|
||||
--tw-gradient-to: #179bee;
|
||||
--tw-gradient-to: #179BEE;
|
||||
}
|
||||
|
||||
.fill-current{
|
||||
@ -1266,22 +1306,14 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.p-12 {
|
||||
padding: 3rem;
|
||||
.p-5{
|
||||
padding: 1.25rem;
|
||||
}
|
||||
|
||||
.p-8{
|
||||
padding: 2rem;
|
||||
}
|
||||
|
||||
.p-10 {
|
||||
padding: 2.5rem;
|
||||
}
|
||||
|
||||
.p-5 {
|
||||
padding: 1.25rem;
|
||||
}
|
||||
|
||||
.px-4{
|
||||
padding-left: 1rem;
|
||||
padding-right: 1rem;
|
||||
@ -1347,6 +1379,11 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.py-12{
|
||||
padding-top: 3rem;
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
|
||||
.px-5{
|
||||
padding-left: 1.25rem;
|
||||
padding-right: 1.25rem;
|
||||
@ -1377,21 +1414,11 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
padding-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
.px-10 {
|
||||
padding-left: 2.5rem;
|
||||
padding-right: 2.5rem;
|
||||
}
|
||||
|
||||
.px-2{
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
.py-12 {
|
||||
padding-top: 3rem;
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
|
||||
.pr-16{
|
||||
padding-right: 4rem;
|
||||
}
|
||||
@ -1440,6 +1467,10 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
padding-left: 62px;
|
||||
}
|
||||
|
||||
.pl-1{
|
||||
padding-left: 0.25rem;
|
||||
}
|
||||
|
||||
.text-left{
|
||||
text-align: left;
|
||||
}
|
||||
@ -1536,18 +1567,14 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
line-height: 1.625;
|
||||
}
|
||||
|
||||
.leading-normal {
|
||||
line-height: 1.5;
|
||||
.leading-snug{
|
||||
line-height: 1.375;
|
||||
}
|
||||
|
||||
.leading-\[26px\]{
|
||||
line-height: 26px;
|
||||
}
|
||||
|
||||
.leading-snug {
|
||||
line-height: 1.375;
|
||||
}
|
||||
|
||||
.tracking-wide{
|
||||
letter-spacing: 0.025em;
|
||||
}
|
||||
@ -1583,7 +1610,7 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
|
||||
.text-primary{
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(48 86 211 / var(--tw-text-opacity));
|
||||
color: rgb(25 181 97 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.text-\[\#cdced6\]{
|
||||
@ -1616,6 +1643,21 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
color: rgb(173 173 173 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.text-secondary{
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 220 100 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.underline{
|
||||
-webkit-text-decoration-line: underline;
|
||||
text-decoration-line: underline;
|
||||
}
|
||||
|
||||
.decoration-secondary{
|
||||
-webkit-text-decoration-color: #ffdc64;
|
||||
text-decoration-color: #ffdc64;
|
||||
}
|
||||
|
||||
.placeholder-white::-moz-placeholder{
|
||||
--tw-placeholder-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-placeholder-opacity));
|
||||
@ -1650,35 +1692,32 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.opacity-70{
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.shadow-lg{
|
||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
|
||||
0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
|
||||
0 4px 6px -4px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
|
||||
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.shadow-md{
|
||||
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
|
||||
0 2px 4px -2px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
|
||||
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.shadow-testimonial{
|
||||
--tw-shadow: 0px 60px 120px -20px #ebeffd;
|
||||
--tw-shadow: 0px 60px 120px -20px #EBEFFD;
|
||||
--tw-shadow-colored: 0px 60px 120px -20px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
|
||||
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.shadow-pricing{
|
||||
--tw-shadow: 0px 39px 23px -27px rgba(0, 0, 0, 0.04);
|
||||
--tw-shadow-colored: 0px 39px 23px -27px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
|
||||
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.outline-none{
|
||||
@ -1688,14 +1727,12 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
|
||||
.ring-primary{
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgb(48 86 211 / var(--tw-ring-opacity));
|
||||
--tw-ring-color: rgb(25 181 97 / var(--tw-ring-opacity));
|
||||
}
|
||||
|
||||
.grayscale{
|
||||
--tw-grayscale: grayscale(100%);
|
||||
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
|
||||
var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
|
||||
var(--tw-sepia) var(--tw-drop-shadow);
|
||||
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
||||
}
|
||||
|
||||
.transition-\[top\]{
|
||||
@ -1705,15 +1742,9 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
}
|
||||
|
||||
.transition{
|
||||
transition-property: color, background-color, border-color, fill, stroke,
|
||||
opacity, box-shadow, transform, filter, -webkit-text-decoration-color,
|
||||
-webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color,
|
||||
text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
|
||||
backdrop-filter;
|
||||
transition-property: color, background-color, border-color,
|
||||
text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
|
||||
backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition-duration: 150ms;
|
||||
}
|
||||
@ -1735,15 +1766,9 @@ body {
|
||||
z-index: 9999;
|
||||
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
||||
--tw-bg-opacity: 0.8;
|
||||
transition-property: color, background-color, border-color, fill, stroke,
|
||||
opacity, box-shadow, transform, filter, -webkit-text-decoration-color,
|
||||
-webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color,
|
||||
text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
|
||||
backdrop-filter;
|
||||
transition-property: color, background-color, border-color,
|
||||
text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
|
||||
backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition-duration: 150ms;
|
||||
-webkit-backdrop-filter: blur(5px);
|
||||
@ -1768,7 +1793,7 @@ body {
|
||||
|
||||
.sticky #navbarCollapse li a:hover{
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(48 86 211 / var(--tw-text-opacity));
|
||||
color: rgb(25 181 97 / var(--tw-text-opacity));
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@ -1778,7 +1803,7 @@ body {
|
||||
|
||||
.sticky #navbarCollapse li .ud-menu-scroll.active{
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(48 86 211 / var(--tw-text-opacity));
|
||||
color: rgb(25 181 97 / var(--tw-text-opacity));
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@ -1789,13 +1814,13 @@ body {
|
||||
|
||||
.sticky .loginBtn:hover{
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(48 86 211 / var(--tw-text-opacity));
|
||||
color: rgb(25 181 97 / var(--tw-text-opacity));
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.sticky .signUpBtn{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(48 86 211 / var(--tw-bg-opacity));
|
||||
background-color: rgb(25 181 97 / var(--tw-bg-opacity));
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
@ -1810,9 +1835,7 @@ body {
|
||||
.navbarTogglerActive > span:nth-child(1){
|
||||
top: 7px;
|
||||
--tw-rotate: 45deg;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
|
||||
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
|
||||
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.navbarTogglerActive > span:nth-child(2){
|
||||
@ -1822,9 +1845,7 @@ body {
|
||||
.navbarTogglerActive > span:nth-child(3){
|
||||
top: -8px;
|
||||
--tw-rotate: 135deg;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
|
||||
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
|
||||
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.after\:absolute::after{
|
||||
@ -1860,17 +1881,13 @@ body {
|
||||
.after\:-translate-y-1\/2::after{
|
||||
content: var(--tw-content);
|
||||
--tw-translate-y: -50%;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
|
||||
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
|
||||
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.after\:rotate-45::after{
|
||||
content: var(--tw-content);
|
||||
--tw-rotate: 45deg;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
|
||||
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
|
||||
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.after\:border-b-2::after{
|
||||
@ -1890,7 +1907,7 @@ body {
|
||||
|
||||
.hover\:border-primary:hover{
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(48 86 211 / var(--tw-border-opacity));
|
||||
border-color: rgb(25 181 97 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.hover\:border-dark:hover{
|
||||
@ -1900,7 +1917,7 @@ body {
|
||||
|
||||
.hover\:bg-primary:hover{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(48 86 211 / var(--tw-bg-opacity));
|
||||
background-color: rgb(25 181 97 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.hover\:bg-dark:hover{
|
||||
@ -1918,7 +1935,7 @@ body {
|
||||
|
||||
.hover\:text-primary:hover{
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(48 86 211 / var(--tw-text-opacity));
|
||||
color: rgb(25 181 97 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.hover\:text-dark:hover{
|
||||
@ -1931,6 +1948,10 @@ body {
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.hover\:text-dark-700:hover{
|
||||
color: #090e34b3;
|
||||
}
|
||||
|
||||
.hover\:underline:hover{
|
||||
-webkit-text-decoration-line: underline;
|
||||
text-decoration-line: underline;
|
||||
@ -1944,21 +1965,20 @@ body {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.hover\:opacity-90:hover{
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.hover\:shadow-lg:hover{
|
||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
|
||||
0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
|
||||
0 4px 6px -4px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
|
||||
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.hover\:shadow-md:hover{
|
||||
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
|
||||
0 2px 4px -2px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
|
||||
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.hover\:filter-none:hover{
|
||||
@ -1972,7 +1992,7 @@ body {
|
||||
|
||||
.focus\:border-primary:focus{
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(48 86 211 / var(--tw-border-opacity));
|
||||
border-color: rgb(25 181 97 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.focus\:outline-none:focus{
|
||||
@ -1981,46 +2001,36 @@ body {
|
||||
}
|
||||
|
||||
.focus\:ring-2:focus{
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
|
||||
var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
|
||||
calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
|
||||
var(--tw-shadow, 0 0 #0000);
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
}
|
||||
|
||||
.focus-visible\:shadow-none:focus-visible{
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
|
||||
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:rotate-6{
|
||||
--tw-rotate: 6deg;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
|
||||
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
|
||||
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:rotate-45{
|
||||
--tw-rotate: 45deg;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
|
||||
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
|
||||
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:scale-125{
|
||||
--tw-scale-x: 1.25;
|
||||
--tw-scale-y: 1.25;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
|
||||
rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
|
||||
scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:text-primary{
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(48 86 211 / var(--tw-text-opacity));
|
||||
color: rgb(25 181 97 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:opacity-100{
|
||||
@ -2036,10 +2046,6 @@ body {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.sm\:p-12 {
|
||||
padding: 3rem;
|
||||
}
|
||||
|
||||
.sm\:p-8{
|
||||
padding: 2rem;
|
||||
}
|
||||
@ -2048,6 +2054,10 @@ body {
|
||||
padding: 2.5rem;
|
||||
}
|
||||
|
||||
.sm\:p-12{
|
||||
padding: 3rem;
|
||||
}
|
||||
|
||||
.sm\:px-12{
|
||||
padding-left: 3rem;
|
||||
padding-right: 3rem;
|
||||
@ -2063,11 +2073,6 @@ body {
|
||||
padding-right: 2.5rem;
|
||||
}
|
||||
|
||||
.sm\:px-8 {
|
||||
padding-left: 2rem;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
.sm\:text-4xl{
|
||||
font-size: 2.25rem;
|
||||
line-height: 2.5rem;
|
||||
@ -2143,14 +2148,6 @@ body {
|
||||
width: 33.333333%;
|
||||
}
|
||||
|
||||
.md\:w-7\/12 {
|
||||
width: 58.333333%;
|
||||
}
|
||||
|
||||
.md\:w-5\/12 {
|
||||
width: 41.666667%;
|
||||
}
|
||||
|
||||
.md\:justify-start{
|
||||
justify-content: flex-start;
|
||||
}
|
||||
@ -2250,6 +2247,10 @@ body {
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
.lg\:ml-7{
|
||||
margin-left: 1.75rem;
|
||||
}
|
||||
|
||||
.lg\:ml-8{
|
||||
margin-left: 2rem;
|
||||
}
|
||||
@ -2282,14 +2283,6 @@ body {
|
||||
margin-bottom: 2.75rem;
|
||||
}
|
||||
|
||||
.lg\:ml-6 {
|
||||
margin-left: 1.5rem;
|
||||
}
|
||||
|
||||
.lg\:ml-7 {
|
||||
margin-left: 1.75rem;
|
||||
}
|
||||
|
||||
.lg\:block{
|
||||
display: block;
|
||||
}
|
||||
@ -2500,17 +2493,13 @@ body {
|
||||
.lg\:shadow-none{
|
||||
--tw-shadow: 0 0 #0000;
|
||||
--tw-shadow-colored: 0 0 #0000;
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
|
||||
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.lg\:shadow-lg{
|
||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1),
|
||||
0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
|
||||
0 4px 6px -4px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
|
||||
var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||||
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.lg\:after\:right-0::after{
|
||||
|
||||
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 |
108
index.html
108
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>
|
||||
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>
|
||||
</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"
|
||||
<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 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"
|
||||
/>
|
||||
|
||||
3075
package-lock.json
generated
3075
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