diff --git a/resources/assets/images/about-us/carte-france-reperes.png b/resources/assets/images/about-us/carte-france-reperes.png new file mode 100644 index 0000000..e80c1fa Binary files /dev/null and b/resources/assets/images/about-us/carte-france-reperes.png differ diff --git a/resources/assets/images/global/bg-red.svg b/resources/assets/images/global/bg-red.svg new file mode 100644 index 0000000..8e9cc78 --- /dev/null +++ b/resources/assets/images/global/bg-red.svg @@ -0,0 +1,15 @@ + + + + + + + + + diff --git a/resources/sass/fo/base/_common.scss b/resources/sass/fo/base/_common.scss index 2c337d8..e8637d9 100644 --- a/resources/sass/fo/base/_common.scss +++ b/resources/sass/fo/base/_common.scss @@ -1,10 +1,4 @@ -.w-fit { - width: fit-content; -} - -img { - max-width: 100%; -} +img { max-width: 100%; } .form-check-input[type="checkbox"]:checked { #{--bs-form-check-bg-image}: url("@/images/global/checkbox-cross.svg"); @@ -69,7 +63,6 @@ img { @include button-shape(#ba9964); } - .black-frame { padding-top: 4rem; padding-bottom: 2rem; @@ -80,6 +73,13 @@ img { } } +.rotate-n45 { + rotate: -45deg; +} + +.rotate-n3 { + rotate: -3deg; +} // XXXXXXX XXXXXXXLLLLLLLLLLL // X:::::X X:::::XL:::::::::L diff --git a/resources/sass/fo/base/_fonts.scss b/resources/sass/fo/base/_fonts.scss index d8c4b89..23bf4d3 100644 --- a/resources/sass/fo/base/_fonts.scss +++ b/resources/sass/fo/base/_fonts.scss @@ -78,3 +78,25 @@ .f-basecoat { font-family: Basecoat, sans-serif !important; } + +.fsize-12 { font-size: 12px; } +.fsize-22 { font-size: 22px; } +.fsize-33 { font-size: 33px; } +.fsize-44 { font-size: 44px; } +.fsize-50 { font-size: 50px; } + +// LG +// LG +// LG +// LG +// LG +// LG +// LG +// LG +@include media-breakpoint-up(lg) { + .fsize-lg-22 { font-size: 22px; } + .fsize-lg-40 { font-size: 40px; } + .fsize-lg-60 { font-size: 60px; } + .fsize-lg-80 { font-size: 80px; } + .fsize-lg-90 { font-size: 90px; } +} diff --git a/resources/sass/fo/base/_layout.scss b/resources/sass/fo/base/_layout.scss index c51fc64..156832b 100644 --- a/resources/sass/fo/base/_layout.scss +++ b/resources/sass/fo/base/_layout.scss @@ -131,3 +131,10 @@ font-family: 'Readex Pro', sans-serif !important; } } + +.bg-nota-bene { + background-image: url("@/images/global/bg-red.svg"); + background-position: center; + background-repeat: no-repeat; + background-size: 100% 100%; +} diff --git a/resources/sass/fo/pages/_about-us.scss b/resources/sass/fo/pages/_about-us.scss index 422b74a..1b6a73f 100644 --- a/resources/sass/fo/pages/_about-us.scss +++ b/resources/sass/fo/pages/_about-us.scss @@ -14,8 +14,15 @@ h1::after { bottom: -1rem; } .frise { - .year-bloc { max-width: 500px; } + .date-bloc .ratio, + .year-bloc { + max-width: 500px; + } + // 1 : 1987 + // 2 : 1988 + // 3 : 1989 + // 7 : 2008 .date-bloc:first-child, .date-bloc:nth-child(2), .date-bloc:nth-child(3), @@ -23,30 +30,34 @@ .year-bloc img { max-width: 50%; } } + // 4 : 1991 .date-bloc:nth-child(4) { .year-bloc img { max-width: 75%; } } + // 5 : 1995 + // 9 : 2018 .date-bloc:nth-child(5), .date-bloc:nth-child(9) { .year-bloc img { max-width: 100%; } } + // 6 : 2005 .date-bloc:nth-child(6) { .year-bloc img { max-width: 10%; } } - .date-bloc:nth-child(8) { + // 8 : 2009 + // 11 : 2021 + .date-bloc:nth-child(8), + .date-bloc:nth-child(11) { .year-bloc img { max-width: 25%; } } + // 10 : 2020 .date-bloc:nth-child(10) { .year-bloc img { max-width: 40%; } } - - .date-bloc:nth-child(11) { - .year-bloc img { max-width: 30%; } - } } .black-frame { @@ -56,4 +67,31 @@ background-size: 100% 100%; } } + + .round-style{ + li::before { content:'•'; } + } +} + +// LG +// LG +// LG +// LG +// LG +// LG +// LG +// LG +@include media-breakpoint-up(lg) { + .frise { + // 6 : 1989 + .date-bloc:nth-child(6) .year-bloc { + background-color: $color-light; + } + } + + .sub-container { + max-width: 1000px; + margin-right: auto; + margin-left: auto; + } } diff --git a/resources/sass/fo/utilities/_bootstrap-custom.scss b/resources/sass/fo/utilities/_bootstrap-custom.scss index d441239..05d3ddd 100644 --- a/resources/sass/fo/utilities/_bootstrap-custom.scss +++ b/resources/sass/fo/utilities/_bootstrap-custom.scss @@ -36,6 +36,12 @@ .w#{$infix}-100 { width: 100% !important; } + .w#{$infix}-xcont { + width: max-content !important; + } + .w#{$infix}-fit { + width: fit-content !important; + } @each $prop, $unit in (width: vw, height: vh) { @each $size in [25, 50, 75, 100] { @@ -47,7 +53,18 @@ } } -// * Utilities +// * UTILITIES +// * Sizing +$utilities: map.merge( + $utilities, ( + "height": map.merge( + map.get($utilities, "height"), + ( responsive: true ), + ), + ) +); + +// * Position $utilities: map.merge( $utilities, ( "position": map.merge( @@ -56,8 +73,141 @@ $utilities: map.merge( ), ) ); +$utilities: map.merge( + $utilities, ( + "start": map.merge( + map.get($utilities, "start"), + ( responsive: true ), + ), + ) +); +$utilities: map.merge( + $utilities, ( + "top": map.merge( + map.get($utilities, "top"), + ( responsive: true ), + ), + ) +); -// * Styles -.rotate-n45 { - rotate: -45deg; -} +// * Letter spacing +$utilities: map.merge( + $utilities, + ( + "letter-spacing": ( + property: letter-spacing, + class: ls, + responsive: true, + values: ( + 'normal': normal, + 1: 1px, + 2: 2px, + 3: 3px, + 4: 4px, + ) + ) + ) +); + +// * Spacing +$spacer: 1rem; +$spacers: ( + 0: 0, + 1: $spacer * .25, + 2: $spacer * .5, + 3: $spacer, + 4: $spacer * 1.5, + 5: $spacer * 3, + 10: $spacer * 10, +); +$utilities: map.merge( + $utilities, + ( + // Margin utilities + "margin": ( + responsive: true, + property: margin, + class: m, + values: map.merge($spacers, (auto: auto)) + ), + "margin-x": ( + responsive: true, + property: margin-right margin-left, + class: mx, + values: map.merge($spacers, (auto: auto)) + ), + "margin-y": ( + responsive: true, + property: margin-top margin-bottom, + class: my, + values: map.merge($spacers, (auto: auto)) + ), + "margin-top": ( + responsive: true, + property: margin-top, + class: mt, + values: map.merge($spacers, (auto: auto)) + ), + "margin-end": ( + responsive: true, + property: margin-right, + class: me, + values: map.merge($spacers, (auto: auto)) + ), + "margin-bottom": ( + responsive: true, + property: margin-bottom, + class: mb, + values: map.merge($spacers, (auto: auto)) + ), + "margin-start": ( + responsive: true, + property: margin-left, + class: ms, + values: map.merge($spacers, (auto: auto)) + ), + // Padding utilities + "padding": ( + responsive: true, + property: padding, + class: p, + values: $spacers + ), + "padding-x": ( + responsive: true, + property: padding-right padding-left, + class: px, + values: $spacers + ), + "padding-y": ( + responsive: true, + property: padding-top padding-bottom, + class: py, + values: $spacers + ), + "padding-top": ( + responsive: true, + property: padding-top, + class: pt, + values: $spacers + ), + "padding-end": ( + responsive: true, + property: padding-right, + class: pe, + values: $spacers + ), + "padding-bottom": ( + responsive: true, + property: padding-bottom, + class: pb, + values: $spacers + ), + "padding-start": ( + responsive: true, + property: padding-left, + class: ps, + values: $spacers + ), + ) +); diff --git a/resources/sass/fo/utilities/_bootstrap-variables.scss b/resources/sass/fo/utilities/_bootstrap-variables.scss index a5b4c17..0455dc5 100644 --- a/resources/sass/fo/utilities/_bootstrap-variables.scss +++ b/resources/sass/fo/utilities/_bootstrap-variables.scss @@ -48,3 +48,6 @@ $h3-font-size: $font-size-base * $heading-multiplicator * 1.75; $h4-font-size: $font-size-base * $heading-multiplicator * 1.5; $h5-font-size: $font-size-base * $heading-multiplicator * 1.25; $h6-font-size: $font-size-base * $heading-multiplicator; + +// Enable negative margin +$enable-negative-margins: true; diff --git a/resources/views/fo/pages/about-us.blade.php b/resources/views/fo/pages/about-us.blade.php index 1ddf124..9bfcb98 100644 --- a/resources/views/fo/pages/about-us.blade.php +++ b/resources/views/fo/pages/about-us.blade.php @@ -7,15 +7,17 @@ @section('content')
+ + {{-- EN-TETE --}}
-
+
{{ __('Depuis 1987') }}
-

{{ __($staticPageModel->title) }}

+

{{ __($staticPageModel->title) }}

@@ -29,22 +31,30 @@

+ + {{-- FRISE --}}
-
+ + {{-- 1987 --}} +
{{ __('Une cocotte minute orange') }}

{{ __('1987') }}

-
-

{{ __('Création de la société') }}

-

{{ __('grâce à l\'innovation de la cuisson sous vide.') }}

+
+

{{ __('Création de la société') }}

+

{!! clean('grâce à l\'innovation
de la cuisson sous vide.') !!}

+ {{ __('Des pointillés') }}
-
+ + {{-- 1988 --}} +
@@ -55,12 +65,14 @@

{{ __('Rayon Traiteur coupe :') }}

-

{{ __('Lancement gamme plats cuisinés') }}

+

{{ __('Lancement gamme plats cuisinés') }}

-
+ + {{-- 1989 --}} +
@@ -72,28 +84,35 @@

{{ __('Rayon Libre-service :') }}

-

+

{{ __('Démarrage des gammes à marque distributeurs') }}

-
-
+ + {{-- 1991 --}} +
+
{{ __('Dessin d\'un plat de nouilles chinoises avec des assortiments variés') }} -

- {{ __('1991') }} -

-
-

{{ __('Agis démarre') }}

-

{{ __('Les gammes asiatiques') }} +

+

+ {{ __('1991') }}

+
+

{{ __('Agis démarre') }}

+

{{ __('Les gammes asiatiques') }} +

+
-
+ + {{-- 1995 --}} +

{{ __('Commercialisation des') }}

-

{{ __('Coffrets festifs') }} +

{{ __('Coffrets festifs') }}

-
-
- {{ __('Logo de l\'entité LDC Traiteur') }} -

- {{ __('2005') }} -

-
-

{{ __('Agis devient') }}

-

{{ __('Filiale à 100% du Groupe LDC') }} + + {{-- 2005 --}} +

+
+
+ {{ __('Logo de l\'entité LDC Traiteur') }} +

+ {{ __('2005') }}

+
+

{{ __('Agis devient') }}

+

{!! clean('Filiale à 100%
du Groupe LDC') !!} +

+
+ + {{-- 2008 --}}
{{ __('Dessin d\'un plat de nouilles chinoises avec des assortiments variés') }} -

- {{ __('2008') }} -

-
-

{{ __('Lancement') }}

-

{{ __('des Pasta Box') }} +

+

+ {{ __('2008') }}

+
+

{{ __('Lancement') }}

+

{{ __('des Pasta Box') }} +

+
-
+ + {{-- 2009 --}} +
{{ __('Dessin d\'un rouleau de printemps') }}
-

{{ __('Nos premiers rouleaux de printemps') }} +

{{ __('Nos premiers rouleaux de printemps') }}

{{ __('arrivent sur le marché') }}

-
+ + {{-- 2018 --}} +
-
+
{{ __('Dessin d\'une marmite avec une toque de chef et des assortiments') }}

{{ __('Nouveaux ateliers') }}

-

{{ __('Plats cuisinés & spécialités exotiques') }} +

{!! clean('Plats cuisinés &
spécialités exotiques') !!}

{{ __('Pour le rayon frais emballé') }}

+ + {{-- 2020 --}}
-

{{ __('Lancement des Bo Bun') }}

+

{{ __('Lancement des Bo Bun') }}

{!! clean('Au rayon Frais emballé
Nouveau savoir-faire Sushi,
grâce à Asia General Food') !!}

-
- {{--
--}} -
-

- {{ __('2021') }} -

-
-

{{ __('Création de la') }}

-

{{ __('nouvelle identité !') }} + + {{-- 2021 --}} +

+
+
+

+ {{ __('2021') }}

+
+

{{ __('Création de la') }}

+

{{ __('nouvelle identité !') }} +

+
{{ __('Dessin d\'un plat de nouilles chinoises avec des assortiments variés') }}
- {{ __('Dessin d\'une boussole avec l\'inscription Explorateur et Gastronome depuis 1987') }} - {{--
--}}
-
+ {{-- NOS SAVOIR-FAIRE --}} +
-
+

{{ __('Nos savoir-faire') }}

-

{!! clean( +

{!! clean( 'Depuis 1987, Agis vous simplifie la vie pour vous proposer des recettes "comme à la maison".
Nous sommes curieux, ouverts sur le monde et avons à cœur de faire voyager vos papilles.
Nous explorons et innovons avec toujours plus de créativité.
Du plat cuisiné traditionnel aux recettes les plus exotiques, nous vous proposons une palette généreuse de saveurs.', ) !!}

-
-
-

{{ __('simplicité') }}

-

{{ __('performance') }}

-

{{ __('travail') }}

+ + {{-- MOTS CLES --}} +
+
+

{{ __('simplicité') }}

+

{{ __('performance') }}

+

{{ __('travail') }}

+

+ {{ __('Nos valeurs') }} +

-
-

{{ __('respect') }}

-

{{ __('Responsabilité') }}

-

{{ __('innovation') }}

+
+

{{ __('respect') }}

+

{{ __('Responsabilité') }}

+

{{ __('innovation') }}

-
+ + {{-- NOS EXPLORATEURS --}} +
-

{!! clean( - 'Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.', - ) !!}

+

+ {{ __('Nos Explorateurs') }} +

+
+

+ {{ __('Nous disposons de 3 sites de fabrication spécialisés par famille de produits, modernes et répondant aux plus hautes exigences en matière d\'hygiène et de sécurité alimentaire.') }} +

+

+ {{ __('Nous avons également investi dans un centre de préparation des commandes permettant d\'offrir un excellent service logistique.') }} +

+
+
+
+
+ +
+
+
+

{{ __('Nos ateliers') }}

+
    +
  • + {{ __('Herbignac (44)') }} +

    {{ __('Spécialités asiatiques') }}

    +
    • +
  • + {{ __('Tarare (69)') }} +

    {!! clean('Spécialités asiatiques
    & plateforme logistique') !!}

    +
    • +
  • + {{ __('Avignon (84)') }} +

    {{ __('Plats cuisinés et festifs') }}

    +
    • +
+
+
+
+ {{ __('Un dessin d\'une carte de la France avec les repères des sites Agis') }} +