forge-joniko/ldc-volena
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix responsive + add alt/title on btn/img - issue #1

Browse source
This commit is contained in:
Alexis Gousseau 2023-05-30 10:38:26 +02:00
parent 1ebf6615c3
commit a3d6f2180b
5 changed files with 68 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
resources/views/fo/layouts/footer.blade.php
View file

@ -3,15 +3,20 @@
</div>
<footer class="row flex-column align-items-center bg-primary m-0 py-4">
<div class="col bloc-logo text-center pb-3">
<img src="{{ Vite::asset('resources/assets/images/logo-footer.svg') }}">
<a href="{{ route('home') }}">
<img src="{{ Vite::asset('resources/assets/images/logo-footer.svg') }}"
alt="{{ __('Logo Voléna') }}" title="{{ __('Voléna') }}">
</a>
</div>
<span class="col script-font text-white text-center pb-3">{{ __('Ensemble, agissons naturellement') }}</span>
<div class="row socials pb-3 text-center">
<div class="col text-end px-2">
<a href="https://www.youtube.com/@Volena-ldc"><img src="{{ Vite::asset('resources/assets/images/youtube.svg') }}"></a>
<a href="https://www.youtube.com/@Volena-ldc"><img src="{{ Vite::asset('resources/assets/images/youtube.svg') }}"
alt="{{ __('Icône du réseau social Youtube') }}" title="{{ __('Youtube') }}"></a>
</div>
<div class="col text-start px-2">
<a href="https://www.linkedin.com/company/s-n-v/"><img src="{{ Vite::asset('resources/assets/images/linkedin.svg') }}"></a>
<a href="https://www.linkedin.com/company/s-n-v/"><img src="{{ Vite::asset('resources/assets/images/linkedin.svg') }}"
alt="{{ __('Icône du réseau social Linkedin') }}" title="{{ __('Linkedin') }}"></a>
</div>
</div>
<div class="col legals">

8
resources/views/fo/layouts/header.blade.php
View file

@ -1,10 +1,14 @@
<header class="position-fixed row justify-content-between w-100 m-0 p-3">
<div class="w-40 p-0 m-0">
<a href="{{ route('home') }}">
<img class="h-100" src="{{ Vite::asset('resources/assets/images/logo.svg') }}">
<img class="h-100" src="{{ Vite::asset('resources/assets/images/logo.svg') }}"
alt="{{ __('Logo Voléna') }}" title="{{ __('Voléna') }}">
</a>
</div>
<div class="w-60 d-flex justify-content-end align-items-center p-0 m-0">
<a href="https://recrutement.ldc.fr/fr/annonces?brands=789,591" target="blank" type="button" class="btn d-flex align-items-center btn-primary rounded-pill">{{ __('Mon futur job') }}</a>
<a href="https://recrutement.ldc.fr/fr/annonces?brands=789,591" target="blank" type="button"
class="btn d-flex align-items-center btn-primary rounded-pill" title="{{ __('Accéder aux offres d\'emploi chez Volena') }}">
{{ __('Mon futur job') }}
</a>
</div>
</header>

65
resources/views/fo/pages/home.blade.php
View file

@ -30,7 +30,8 @@
</div>
<div class="row max-container py-5 px-3">
<h2 class="h2">{{ __('Une identité qui nous ressemble et qui nous rassemble') }}</h2>
<img class="img-home mx-auto px-5" src="{{ Vite::asset('resources/assets/images/logo.svg') }}">
<img class="img-home mx-auto px-5" src="{{ Vite::asset('resources/assets/images/logo.svg') }}"
alt="{{ __('Logo Voléna') }}" title="{{ __('Voléna') }}">
</div>
<div class="row max-container bloc-society py-4 px-3 bg-light">
@ -40,15 +41,34 @@
<!-- Additional required wrapper -->
<div class="swiper-wrapper d-flex">
<!-- Slides -->
<div class="swiper-slide d-flex align-items-center"><img class="w-100" src="{{ Vite::asset('resources/assets/images/snv.png') }}"></div>
<div class="swiper-slide d-flex align-items-center"><img class="w-100" src="{{ Vite::asset('resources/assets/images/luche.png') }}"></div>
<div class="swiper-slide d-flex align-items-center"><img class="w-100" src="{{ Vite::asset('resources/assets/images/ronsard.png') }}"></div>
<div class="swiper-slide d-flex align-items-center"><img class="w-100" src="{{ Vite::asset('resources/assets/images/les-volailles-remi-ramon.png') }}"></div>
<div class="swiper-slide d-flex align-items-center"><img class="w-100" src="{{ Vite::asset('resources/assets/images/socadis.png') }}"></div>
<div class="swiper-slide d-flex align-items-center"><img class="w-100" src="{{ Vite::asset('resources/assets/images/stc-transports.png') }}"></div>
<div class="swiper-slide d-flex align-items-center">
<img class="w-100" src="{{ Vite::asset('resources/assets/images/snv.png') }}"
alt="{{ __('Logo SNV') }}" title="{{ __('SNV') }}">
</div>
<div class="swiper-slide d-flex align-items-center">
<img class="w-100" src="{{ Vite::asset('resources/assets/images/luche.png') }}"
alt="{{ __('Logo Luché') }}" title="{{ __('Luché') }}">
</div>
<div class="swiper-slide d-flex align-items-center">
<img class="w-100" src="{{ Vite::asset('resources/assets/images/ronsard.png') }}"
alt="{{ __('Logo Ronsard') }}" title="{{ __('Ronsard') }}">
</div>
<div class="swiper-slide d-flex align-items-center">
<img class="w-100" src="{{ Vite::asset('resources/assets/images/les-volailles-remi-ramon.png') }}"
alt="{{ __('Logo Les Volailles Rémi Ramon') }}" title="{{ __('Les Volailles Rémi Ramon') }}">
</div>
<div class="swiper-slide d-flex align-items-center">
<img class="w-100" src="{{ Vite::asset('resources/assets/images/socadis.png') }}"
alt="{{ __('Logo Socadis') }}" title="{{ __('Socadis') }}">
</div>
<div class="swiper-slide d-flex align-items-center">
<img class="w-100" src="{{ Vite::asset('resources/assets/images/stc-transports.png') }}"
alt="{{ __('Logo STC Transport') }}" title="{{ __('STC Transport') }}">
</div>
</div>
</div>
<img class="bg-society" src="{{ Vite::asset('resources/assets/images/france-contourbleu.svg') }}">
<img class="bg-society" src="{{ Vite::asset('resources/assets/images/france-contourbleu.svg') }}"
alt="{{ __('Image cartographique de la France avec un contour bleu') }}" title="{{ __('France') }}">
</div>
<div class="row max-container py-4 px-3">
@ -73,10 +93,22 @@
<!-- Additional required wrapper -->
<div class="swiper-wrapper d-flex">
<!-- Slides -->
<div class="swiper-slide"><img class="w-100" src="{{ Vite::asset('resources/assets/images/engagements-volena-1.jpg') }}"></div>
<div class="swiper-slide"><img class="w-100" src="{{ Vite::asset('resources/assets/images/engagements-volena-2.jpg') }}"></div>
<div class="swiper-slide"><img class="w-100" src="{{ Vite::asset('resources/assets/images/engagements-volena-3.jpg') }}"></div>
<div class="swiper-slide"><img class="w-100" src="{{ Vite::asset('resources/assets/images/engagements-volena-4.jpg') }}"></div>
<div class="swiper-slide">
<img class="w-100" src="{{ Vite::asset('resources/assets/images/engagements-volena-1.jpg') }}"
alt="{{ __('Synthèse du premier engagement') }}" title="{{ __('Engagement n°1') }}">
</div>
<div class="swiper-slide">
<img class="w-100" src="{{ Vite::asset('resources/assets/images/engagements-volena-2.jpg') }}"
alt="{{ __('Synthèse du second engagement') }}" title="{{ __('Engagement n°2') }}">
</div>
<div class="swiper-slide">
<img class="w-100" src="{{ Vite::asset('resources/assets/images/engagements-volena-3.jpg') }}"
alt="{{ __('Synthèse du troisième engagement') }}" title="{{ __('Engagement n°3') }}">
</div>
<div class="swiper-slide">
<img class="w-100" src="{{ Vite::asset('resources/assets/images/engagements-volena-4.jpg') }}"
alt="{{ __('Synthèse du quatrième engagement') }}" title="{{ __('Engagement n°4') }}">
</div>
</div>
</div>
@ -84,9 +116,12 @@
<div class="row max-container bloc-btn justify-content-center py-4 px-3">
<p class="text-center">{{ __('Retrouvez les engagements RSE du Groupe LDC') }}</p>
<img class="p-0 mx-3" src="{{ Vite::asset('resources/assets/images/plumes-cta.svg') }}">
<a href="https://www.ldc.fr/nos-engagements/#engagements_3" target="blank" type="button" class="block-btn d-flex align-items-center btn btn-primary rounded-pill w-fit mt-2 px-4">{{ __('NOS ENGAGEMENTS RSE') }}</a>
<img class="p-0 mx-2" src="{{ Vite::asset('resources/assets/images/fleche.svg') }}">
<img class="p-0 me-1 mx-sm-3" src="{{ Vite::asset('resources/assets/images/plumes-cta.svg') }}"
alt="{{ __('Icône de deux plumes vertes') }}" title="{{ __('Plumes vertes') }}">
<a href="https://www.ldc.fr/nos-engagements/#engagements_3" target="blank" type="button"
class="block-btn d-flex align-items-center btn btn-primary rounded-pill w-fit mt-2 px-4">{{ __('NOS ENGAGEMENTS RSE') }}</a>
<img class="p-0 m-0 mx-sm-2" src="{{ Vite::asset('resources/assets/images/fleche.svg') }}"
alt="{{ __('Icône d\'une flèche pointillée courbée') }}" title="{{ __('Flèche pointillée courbée') }}">
</div>
</div>

3
resources/views/fo/pages/legals.blade.php
View file

@ -6,7 +6,8 @@
@section('content')
<div class="container-fluid legals-page d-flex flex-column align-items-center p-0">
<div class="banner w-100">
<img src="{{ Vite::asset('resources/assets/images/champ-enfants.jpg') }}" alt="">
<img src="{{ Vite::asset('resources/assets/images/champ-enfants.jpg') }}"
alt="{{ __('Enfants dans un champs regardant l\'horizon') }}" title="{{ __('Bannière') }}">
</div>
<div class="position-relative px-3 py-5">
<div class="row mb-3">

3
resources/views/fo/pages/policies.blade.php
View file

@ -6,7 +6,8 @@
@section('content')
<div class="container-fluid legals-page d-flex flex-column align-items-center p-0">
<div class="banner w-100">
<img src="{{ Vite::asset('resources/assets/images/champ-enfants.jpg') }}" alt="">
<img src="{{ Vite::asset('resources/assets/images/champ-enfants.jpg') }}"
alt="{{ __('Enfants dans un champs regardant l\'horizon') }}" title="{{ __('Bannière') }}">
</div>
<div class="position-relative px-3 py-5">
<div class="row mb-3">