feat: Changement de position des modalités

Inspiration :
- https://anemon.co/mentions-legales/
- https://www.cap-services.coop/mentions-legales/
- https://lafrenchtech.com/fr/mentions-legales/

README.md

@@ -12,7 +12,13 @@ Vous pouvez retrouver les parties suivantes :
 - Les traductions sont dans le dossier [i18n](./i18n/), on peut retrouver [le français](./i18n/fr.yaml) ainsi que [l'anglais](./i18n/en.yaml)
 - Les articles de blog sont dans le dossier [content](./content/) et sont spécifique aux langues
 - Les images statiques sont dans le dossier [static/images](./static/images/) aucun traitement n'est effectué par Hugo, il faut donc qu'elles soient optimisées
-- Les données des différentes parties de la page d'accueil sont dans le dossier [data](./data/) avec une partie en [français](./data/fr/) et en [anglais](./data/en/)
+- Les données des différentes parties de la page d'accueil sont dans le dossier [data](./data/) avec une partie en [français](./data/fr/) et en [anglais](./data/en/) 
+    - Les [services](https://git.weko.io/Jarnat/jarnat/src/branch/main/data/fr/service.yml) 
+    - Les [modalités](https://git.weko.io/Jarnat/jarnat/src/branch/main/data/fr/cta.yml) 
+    - Le [Bandeau SAP](https://git.weko.io/Jarnat/jarnat/src/branch/main/data/fr/feature.yml)
+    - La [zone d'intervention](https://git.weko.io/Jarnat/jarnat/src/branch/main/data/fr/skill.yml)
+    - La [vision](https://git.weko.io/Jarnat/jarnat/src/branch/main/data/fr/about.yml)
+    - Les [contacts](https://git.weko.io/Jarnat/jarnat/src/branch/main/data/fr/contact.yml)
 - L'ordre des parties sur la page d'accueil sont dans le fichier [index.html](./themes/meghna-hugo/layouts/index.html)
 
 ## Technologie

assets/css/custom.css

@@ -39,3 +39,11 @@ h6 {
   font-variation-settings: 'wght' 600.0;
   color: var(--yellow);
 }
+
+.height-title {
+  min-height: 50vh;
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  flex-direction: column;
+}

config/_default/config.yml

@@ -17,7 +17,8 @@ defaultContentLanguage: fr
 
 params:
   # Le descriptif de la page d'accueil très important pour les moteurs de recherche
-  description: Responsive Multipurpose Parallax Hugo Template
+  description: Entreprise de Jardinage à vélo à Bordeaux et alentours  Entretien de vos espaces-verts avec une approche écologique pour transformer votre paysage. Les déchets verts issus de la taille des végétaux sont utilisés pour la vitalisation de vos massifs, arbustes, haies, et diverses plantations. Travaux sans produits phytosanitaires.
+
   # Un peu de publicité pour Weko
   author: Weko
   plugins:
@@ -32,7 +33,6 @@ params:
       - link: plugins/slick/slick.min.js
       - link: plugins/shuffle/shuffle.min.js
       - link: plugins/magnific-popup/jquery.magnific-popup.min.js
-      - link: plugins/lazy-load/lozad.min.js
       # - link: plugins/google-map/map.js
   logo: images/jarnat-logo.svg
 

config/_default/languages.fr.yml

@@ -26,4 +26,4 @@ menu:
 
 # Texte en bas de page
 copyright: >-
-  Copyright © 2022
+  Copyright © 2022 - [Mentions Légales](/mentions-legales/)

content/french/mentions-legales.md

@@ -0,0 +1,37 @@
+---
+title: Mentions Légales
+date: 2022-09-13
+---
+
+## Éditeur
+
+Le site WEB https://jarnat.fr est édité par la SARL JARNAT, immatriculée 91440400900013.  
+Jarnat est une entreprise de l'économie sociale et solidaire.
+
+## Directeur de publication
+
+JARNAT
+
+## Identité visuelle
+
+Jean-Luc Gehres / [welcomedesign.fr](https://welcomedesign.fr)
+
+## Hébergement
+
+Le site WEB https://jarnat.fr est hébergé avec sobriété par [RésiLien](https://resilien.fr) une marque de la Coopérative d'Activité et d'Emploi [CAP Services](https://www.cap-services.coop/).  
+11 rue Duphot, 69003 Lyon  
+04.72.84.60.50
+
+## Développement et Maintenance
+
+Le site WEB https://jarnat.fr a été réalisé de façon éco-responsable par [Weko](https://weko.io), pour un numérique responsable de proximité, une marque de la Coopérative d'Activité et d'Emploi [CAP Services](https://www.cap-services.coop/).  
+11 rue Duphot, 69003 Lyon  
+04.72.84.60.50
+
+## Liens hypertextes
+
+Les liens hypertextes mis en œuvre en direction d’autres sites WEB ne sauraient engager la responsabilité de Jarnat, car nous n’exerçons aucun contrôle sur le contenu des sites auxquels ces liens renvoient.
+
+## Cookie
+
+Ce site n'installe aucun cookie, c'est pourquoi il n'y a aucun bandeau spécifique. Nous respectons la vie privée de nos visiteurs.

data/fr/about.yml

@@ -10,13 +10,12 @@ about:
   - icon : #ti-ruler-pencil # themify icon pack : https://themify.me/themify-icons
     title : Travail discret
     content : >
-      Travail discret :
       Nous travaillons dans le calme avec des outils manuels et électriques afin de ne pas perturber votre environnement. L’intervention se fait en équipe de 2, ce qui diminue le temps d’intervention sur place afin d’être le plus efficace possible. Nous veillons à la tranquillité, au respect et à la propreté des lieux.
 
   - icon : #ti-cup # themify icon pack : https://themify.me/themify-icons
     title : Travail responsable
-    content : Les jardiniers et jardinières qui interviennent chez vous sont associés à l’entreprise et ont le soucis de bien faire, pour vous, votre faune et votre flore. Par ailleurs nous nous déplaçons à vélo pour limiter notre impact sur la ville !
+    content : Les jardiniers et jardinières qui interviennent chez vous sont associés à l’entreprise et ont le souci de bien faire, pour vous, votre faune et votre flore. Par ailleurs nous nous déplaçons à vélo pour limiter notre impact sur la ville !
 
   - icon : #ti-thought # themify icon pack : https://themify.me/themify-icons
     title : Travail pour mieux vivre en ville
-    content : Nous vous proposons de transformer votre jardin de manière douce et durable par son entretien. Ainsi les végétaux pourront améliorer la qualité de l’air et y accroître la fraîcheur, limiter l’impact des canicules et des inondations, et tendre vers un équilibre pour la biodiversité. De plus, notre objectif est de vous transmettre un maximum de notre travail, afin de vous permettre d’être autonome !
+    content : Nous vous proposons de transformer votre jardin de manière douce et durable par son entretien. Ainsi les végétaux pourront améliorer la qualité de l’air et y accroître la fraîcheur, limiter l’impact des canicules et des inondations, et tendre vers un équilibre pour la biodiversité. Notre objectif est de vous transmettre un maximum de notre travail pour vous permettre d’être autonome.

data/fr/banner.yml

@@ -1,8 +1,8 @@
 ############################### Banner ################################
 banner:
   enable : true
-  bg_image_webp : "images/backgrounds/image-home1.jpg"
-  bg_image : "images/backgrounds/image-home1.jpg"
+  bg_image_webp : "images/backgrounds/image-home.webp"
+  bg_image : "images/backgrounds/image-home.jpg"
   icon : "" # themify icon pack : https://themify.me/themify-icons
   title : "Entreprise de jardiniers à vélo à Bordeaux et alentours"
   content : "Entretien durable pour jardins vivants"

data/fr/contact.yml

@@ -1,13 +1,10 @@
 ############################## Contact #############################
 contact:
   enable : true
-  title : Contact
-  subtitle : Contact Details
+  title : "Contact"
+  #subtitle : Contact Details
   content : |
-    Nous viendrons vous rencontrer lors d’un passage gratuit, pour comprendre vos besoins et expliquer nos méthodes.
-
-    Dans un second temps nous pourrons vous proposer un diagnostic permettant de transformer en douceur votre jardin et/ou entretenir vos végétaux (forfait ou prestation ponctuelle)
-
+    Une question à propos de nos prestations ? Une demande liée à votre jardin ? N’hésitez pas à nous contacter, nous serons ravis d’échanger avec vous !  
 
   # Contact details
   contact_list:

data/fr/cta.yml

@@ -1,11 +1,23 @@
 ############################# call to action ##############################
 cta:
   enable : true
-  bg_image : "images/backgrounds/bg-white-wall.jpg"
-  bg_image_webp : "images/backgrounds/bg-white-wall.webp"
-  title : "Great Design & Incredible Features"
-  content : "Lorem ipsum dolor sit amet consectetur adipisicing elit. Officiis tenetur odio impedit incidunt? Omnis accusantium ea reiciendis, fugit commodi nostrum."
-  button:
-    enable : true
-    label : "Start a project with us"
-    link : "#contact"
+  #bg_image : "images/backgrounds/bg-white-wall.jpg"
+  #bg_image_webp : "images/backgrounds/bg-white-wall.webp"
+  title : "Nos modalités"
+  content : |
+    Jarnat entretient des parcs et jardins pour des **entreprises, résidences, associations, bailleurs et particuliers**.  
+    
+    Une question à propos de nos prestations ? Une demande liée à votre jardin ? N’hésitez pas à nous contacter, nous serons ravis d’**échanger avec vous** !  
+    
+    Nous venons vous rencontrer lors d’un **passage gratuit**, pour faire connaissance avec vous et votre jardin.  
+    Ensuite nous vous proposons un devis pour intervenir selon votre besoin.
+    
+    Dans un second temps nous pourrons mettre en place un forfait et nous occuper de **transformer en douceur votre jardin durablement, par son entretien**.
+
+  call_to_action :
+    - icon : ti-mobile # themify icon pack : https://themify.me/themify-icons
+      text : 06 99 99 00 33
+      link : "tel:0699990033"
+    - icon : ti-email # themify icon pack : https://themify.me/themify-icons
+      text : bonjour@jarnat.fr
+      link : mailto:bonjour@jarnat.fr

data/fr/feature.yml

@@ -5,12 +5,13 @@ feature:
 #  image_webp : images/about/about-business-man.webp
   image : images/jarnat-icon.svg
   image_webp : images/jarnat-icon.svg
-  title : Entretien des jardins de particuliers, entreprises, résidences, associations, bailleurs
+  title : Vous êtes un particulier ?
   content : |
-    Particulier ? Bénéficiez du Service à la personne (SAP) 50% du prix est prise en charge en partenariat avec la coopérative basque Jardiniers professionnels. Contactez-nous et nous passerons vous rencontrer gratuitement."
+    Bénéficiez du [Service À la Personne (SAP)](https://www.jardiniers-professionnels.fr/credit-dimpot-et-entretien-de-jardin/) 50% du coût est pris en charge en partenariat avec la coopérative basque Jardiniers professionnels.  
+  
   call_to_action:
-    text: En savoir plus
-    link: "#contact"
+    text: Comment avoir une réduction de 50% ?
+    link: "https://www.jardiniers-professionnels.fr/credit-dimpot-et-entretien-de-jardin/"
 
 #  feature_item :
 #      # feature item loop

data/fr/service.yml

@@ -1,7 +1,7 @@
 ################################# Service #################################
 service:
   enable : true
-  title : Nos services de jardinier, à la carte
+  title : Nos services de jardinier à la carte
   service_item :
     # service item loop
     - name : Entretien classique de jardins
@@ -19,8 +19,7 @@ service:
     - name : Accompagnement sur-mesure
       icon : #ti-layout # themify icon pack : https://themify.me/themify-icons
       content : |
-          Diagnostic de votre jardin  
-          Baisse des coûts d’entretien  
+          Diagnostic de votre jardin   
           Inventaire et cartographie  
           Plan de suivi et d’entretien personnalisé  
           Gestion différenciée du jardin  
@@ -33,7 +32,6 @@ service:
     - name : Approche écologique
       icon : #ti-blackboard # themify icon pack : https://themify.me/themify-icons
       content : |
-          Outillage manuel et électrique  
           Broyage sur place  
           Gestion circulaire des déchets  
           Paillage d’hiver et couvert végétal  

data/fr/skill.yml

@@ -1,12 +1,14 @@
 ################################# Skill ##################################
 skill:
   enable : true
-  title : "Nos modalités"
+  #title : "Notre zone d'intervention"
   subtitle : "Notre zone d'intervention"
-  content : |
-    Vos cyclistes jardiniers sont en capacité de venir s’occuper de vos jardins sur les communes de Bordeaux, Bègles, Villenave d’Ornon, Talence, Pessac, Mérignac, Le Bouscat, Bruges et Floirac. A Bordeaux, nous passons dans tous les quartiers, de l'hypercentre à Caudéran, Chartrons, Grand Parc, Jardin Public, La Bastide, Nansouty, Saint-Genès, Saint-Augustin, Tauzin, Alphonse Dupeux, La Benauge, Saint-Jean, Bacalan, Saint Seurin, Faudondège, Quinconces, Capucins, Victoire, Mériadeck, Saint-Pierre, Ginko, Saint-Bruno.
+  # content : |
+  content_blocks:
+    - Nos cyclistes jardiniers sont en capacité de venir s’occuper de vos jardins sur les communes de Bordeaux, Bègles, Villenave d’Ornon, Talence, Pessac, Mérignac, Le Bouscat, Bruges et Floirac.
+    - A Bordeaux, nous passons dans tous les quartiers, de l'hypercentre à Caudéran, Chartrons, Grand Parc, Jardin Public, La Bastide, Nansouty, Saint-Genès, Saint-Augustin, Tauzin, Alphonse Dupeux, La Benauge, Saint-Jean, Bacalan, Saint Seurin, Fondaudège, Quinconces, Capucins, Victoire, Mériadeck, Saint-Pierre, Ginko, Saint-Bruno.
 #  image : images/about/company-growth.webp
-  image : images/about/carte.png
+  image : images/about/carte.svg
   call_to_action :
     - icon : ti-mobile # themify icon pack : https://themify.me/themify-icons
       text : 06 99 99 00 33

themes/meghna-hugo/README.md

@@ -121,7 +121,6 @@ share those images.
 - [Bootstrap](https://getbootstrap.com/docs/4.3/getting-started/introduction/)
 - [Jquery](https://jquery.com/download/)
 - [Themify Icons](https://themify.me/themify-icons)
-- [Lozad](https://apoorv.pro/lozad.js/)
 - [Magnific Popup](https://dimsemenov.com/plugins/magnific-popup/)
 - [Slick Slider](https://kenwheeler.github.io/slick/)
 - [Shuffle](https://vestride.github.io/Shuffle/)

themes/meghna-hugo/assets/css/style.css

@@ -8,12 +8,12 @@ Tags: one-page, single-page, portfolio, custom-colors, post-formats, responsive,
 */
 /*=== MEDIA QUERY ===*/
 html {
-  background-color: #353b43;
+  background-color: var(--green);
   color: #737f8a;
 }
 
 body {
-  background-color: #353b43;
+  background-color: var(--green);
   color: #fff;
   -webkit-font-smoothing: antialiased;
 }
@@ -96,6 +96,7 @@ a:hover {
   padding: 10px 30px;
   border-radius: 0;
   transition: all .3s ease-in 0s;
+  font-size: 1.1rem;
 }
 
 .btn.btn-primary {
@@ -171,6 +172,7 @@ a:hover {
 
 .bg-one {
   background-color: var(--green);
+  color: white;
 }
 
 .bg-dark {
@@ -245,18 +247,34 @@ a:hover {
 }
 
 .section {
-  padding: 100px 0;
+  padding: 5rem 0;
 }
 
 @media (max-width: 768px) {
   .section {
-    padding: 80px 0;
+    padding: 4rem 0;
   }
 }
 
 @media (max-width: 480px) {
   .section {
-    padding: 50px 0;
+    padding: 3rem 0;
+  }
+}
+
+.section.stick {
+  padding: 5rem 0 0;
+}
+
+@media (max-width: 768px) {
+  .section.stick {
+    padding: 4rem 0 0;
+  }
+}
+
+@media (max-width: 480px) {
+  .section.stick {
+    padding: 3rem 0 0;
   }
 }
 
@@ -443,6 +461,10 @@ a:hover {
   border-color: #fff;
 }
 
+strong {
+  font-variation-settings: 'wght' 500
+}
+
 .navbar-dark .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
@@ -519,11 +541,23 @@ a:hover {
 
 .hero-area .block p {
   color: #fff;
-  font-size: 20px;
+  font-size: 30px;
   width: 70%;
   margin: 0 auto;
 }
 
+@media (max-width: 992px) {
+  .hero-area .block p {
+    font-size: 25px;
+  }
+}
+
+@media (max-width: 575px) {
+  .hero-area .block p {
+    font-size: 20px;
+  }
+}
+
 .hero-area .block .btn-transparent {
   margin-top: 40px;
   border-color: #fff;
@@ -607,12 +641,10 @@ a:hover {
 
 .call-to-action h2 {
   font-weight: 700;
-  color: #444;
 }
 
 .call-to-action p {
   font-size: 16px;
-  color: #666;
 }
 
 .call-to-action .btn-main {
@@ -707,6 +739,7 @@ a:hover {
 
 .con-info {
   margin-bottom: 20px;
+  font-size: 1.1rem;
 }
 
 .con-info i,
@@ -714,6 +747,10 @@ a:hover {
   padding-right: 5px;
 }
 
+.con-info strong a {
+  font-size: 1.4rem;
+}
+
 .error {
   display: none;
   padding: 10px;

themes/meghna-hugo/assets/js/script.js

@@ -9,13 +9,6 @@ $(window).on('load', function () {
 jQuery(function ($) {
 	"use strict";
 
-	/* ========================================================================= */
-	/*	lazy load initialize
-	/* ========================================================================= */
-
-	const observer = lozad(); // lazy loads elements with default selector as ".lozad"
-	observer.observe();
-
 	/* ========================================================================= */
 	/*	Magnific popup
 	/* =========================================================================  */

themes/meghna-hugo/layouts/_default/article.html

@@ -1,7 +1,7 @@
 <article class="col-lg-4 col-md-6 col-12 clearfix wow fadeInUp mb-4" data-wow-duration="500ms">
   <div class="post-block">
     <div class="media-wrapper">
-      <img class="img-fluid lozad" data-src="{{ .Params.Image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .Params.image | absURL }}'">
+      <img class="img-fluid" src="{{ .Params.Image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .Params.image | absURL }}'" loading="lazy">
     </div>
 
     <div class="content">

themes/meghna-hugo/layouts/_default/single.html

@@ -5,13 +5,19 @@
 <section class="section">
   <div class="container">
     <div class="row">
-      <div class="col-lg-8 offset-lg-2 text-center">
+      <div class="col-lg-8 offset-lg-2 text-center height-title">
         <h1>{{ .Title }}</h1>
         <ul class="list-inline mb-50">
+          {{ if .Params.Author }}
           <li class="list-inline-item"><a href="{{ `author/` | relLangURL }}{{ .Params.Author | urlize }}/">{{ .Params.Author }}</a></li>
-          <li class="list-inline-item">{{ dateFormat "Monday, Jan 2, 2006" .Date }}</li>
+          {{ end }}
+          {{ if .Date }}
+          <li class="list-inline-item">Dernière modification :<br> {{ .Date | time.Format ":date_full" }}</li>
+          {{ end }}
         </ul>
-        <img class="img-fluid mb-50 lozad" data-src="{{ .Params.Image | absURL }}" alt="blog-image">
+        {{ if .Params.Image }}
+        <img class="img-fluid mb-50" src="{{ .Params.Image | absURL }}" alt="blog-image" loading="lazy">
+        {{ end }}
       </div>
       <div class="col-lg-8 offset-lg-2">
         <div class="post-single-content">

themes/meghna-hugo/layouts/author/single.html

@@ -14,10 +14,10 @@
 				<div class="content text-center">
 					<figure>
 						{{ if .Params.Image }}
-						<img class="rounded-circle img-fluid lozad" data-src="{{.Params.Image | relURL }}">
+						<img class="rounded-circle img-fluid" src="{{.Params.Image | relURL }}" loading="lazy">
 						{{else if .Params.Email}}
-						<img class="rounded-circle img-fluid lozad"
-							data-src="https://www.gravatar.com/avatar/{{ md5 .Params.email }}?s=128&pg&d=identicon">
+						<img class="rounded-circle img-fluid"
+							src="https://www.gravatar.com/avatar/{{ md5 .Params.email }}?s=128&pg&d=identicon" loading="lazy">
 						{{ end }}
 						<figcaption>
 							<h5 class="font-weight-bold">

themes/meghna-hugo/layouts/index.html

@@ -6,6 +6,8 @@
 
 {{ partial "service.html" . }}
 
+{{ partial "cta.html" . }}
+
 {{ partial "feature.html" . }}
 
 {{ partial "skill.html" . }}

themes/meghna-hugo/layouts/partials/banner.html

@@ -5,21 +5,22 @@
 {{"<!-- Welcome Slider-->" | safeHTML}}
 <section class="hero-area" style='background-image: url("{{ .bg_image_webp | absURL }}")'>
 	<!-- this image is for trigger this section fallback background image -->
-	<img class="d-none" src="{{ .bg_image_webp | absURL }}" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .bg_image | absURL }})'"/>
-
-	<div class="block p-6">
-		{{ if .icon }}
-		<div class="video-button">
-			<i class="{{ .icon }}"></i>
+	<img class="d-none" src="{{ .bg_image_webp | absURL }}" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .bg_image | absURL }})'" loading="lazy"/>
+	<div class="container">
+		<div class="block p-6">
+			{{ if .icon }}
+			<div class="video-button">
+				<i class="{{ .icon }}"></i>
+			</div>
+			{{ end }}
+			<h1>{{ .title | markdownify }}</h1>
+			<p>{{ .content | markdownify }}</p>
+			{{ if .button.enable }}
+			{{ with .button }}
+			<a href="{{ .link }}" class="btn btn-transparent page-scroll">{{ .label }}</a>
+			{{ end }}
+			{{ end }}
 		</div>
-		{{ end }}
-		<h1>{{ .title | markdownify }}</h1>
-		<p>{{ .content | markdownify }}</p>
-		{{ if .button.enable }}
-		{{ with .button }}
-		<a href="{{ .link }}" class="btn btn-transparent page-scroll">{{ .label }}</a>
-		{{ end }}
-		{{ end }}
 	</div>
 </section>
 {{"<!-- /Welcome Slider-->" | safeHTML}}

themes/meghna-hugo/layouts/partials/contact.html

@@ -18,11 +18,15 @@
 
 			{{"<!-- Contact Details -->" | safeHTML}}
 			<div class="contact-info col-lg-6 wow fadeInUp" data-wow-duration="500ms">
-				<h3>{{ .subtitle | markdownify }}</h3>
-				<p> {{ .content | markdownify }} </p>
+				<div class="p-3">
+					{{ with .subtitle }}
+					<h3>{{ . | markdownify }}</h3>
+					{{ end }}
+					{{ .content | markdownify }}
+				</div>
 			</div>
 
-			<div class="contact-details col-lg-6">
+			<div class="contact-details col-lg-6 mt-5 mt-lg-0">
 				{{ range .contact_list }}
 				<div class="con-info clearfix">
 					<i class="{{ .icon }}"></i>

themes/meghna-hugo/layouts/partials/cta.html

@@ -3,19 +3,30 @@
 {{ if $data.cta.cta.enable}}
 {{ with $data.cta.cta}}
 {{"<!-- Start Call To Action -->" | safeHTML}}
-<section id="cta" class="call-to-action section-sm bg-1 overly" style='background-image: url("{{ .bg_image_webp | absURL }}")'>
+<section id="modalites" class="call-to-action section bg-one" style='background-image: url("{{ .bg_image_webp | absURL }}")'>
 	<!-- this image is for trigger this section fallback background image -->
 	<img src="{{ .bg_image_webp | absURL }}" style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .bg_image | absURL }})'">
 	<div class="container">
-		<div class="row">
-			<div class="col-lg-12 text-center">
-				<h2>{{ .title | markdownify }}</h2>
-				<p>{{ .content | markdownify }}</p>
-				{{ if .button.enable }}
-				{{ with .button }}
-				<a href="{{ .link }}" class="btn btn-main page-scroll">{{ .label }}</a>
-				{{ end }}
-				{{ end }}
+		<div class="row justify-content-lg-center">
+			<div class="col-lg-9">
+				<div class="p-3">
+					<div class="title text-center wow fadeIn">
+						<h2>{{ .title | markdownify }}</h2>
+					</div>
+					<p>{{ .content | markdownify }}</p>
+					{{ if .button.enable }}
+					{{ with .button }}
+					<a href="{{ .link }}" class="btn btn-main page-scroll">{{ .label }}</a>
+					{{ end }}
+					{{ end }}
+					{{ with .call_to_action }}
+					<div class="text-center pt-3 px-3">
+						{{ range . }}
+						<a href="{{ .link | safeURL }}" class="btn btn-primary m-2">{{ .text }}</a>
+						{{ end }}
+					</div>
+					{{ end }}
+				</div>
 			</div>
 		</div>
 	</div>

themes/meghna-hugo/layouts/partials/feature.html

@@ -3,19 +3,21 @@
 {{ if $data.feature.feature.enable }}
 {{ with $data.feature.feature }}
 {{"<!-- feature -->" | safeHTML}}
-<section class="section section-bg p-3" id="feature">
+<section class="section section-bg" id="feature">
 	<div class="container-fluid">
-		<div class="row justify-content-center align-items-center">
+		<div class="row justify-content-center align-items-center p-3">
 			<div class="col-12 col-md-2 m-md-0 m-5 m-md-3" style="height: 150px; background-image: url('{{ .image_webp | absURL }}'); background-size: contain; background-position: center; background-repeat: no-repeat; ">
 				<!-- this image is for trigger this section fallback background image -->
-				<img src="{{ .image_webp | absURL }}" style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .image | absURL }})'">
+				<img src="{{ .image_webp | absURL }}" style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .image | absURL }})'" loading="lazy">
 			</div>
 			<div class="col-12 col-md-9">
 				<div class="content-block">
 					<h2>{{ .title | markdownify }}</h2>
 					<p>{{ .content | markdownify }}</p>
 					{{ with .call_to_action }}
-					<a class="btn btn-primary" href="{{ .link | safeURL }}">{{ .text }}</a>
+					<div class="text-center text-md-left pt-3 px-3">
+						<a class="btn btn-primary" href="{{ .link | safeURL }}">{{ .text }}</a>
+					</div>
 					{{ end }}
 					<div class="row">
 						{{ range .feature_item }}

themes/meghna-hugo/layouts/partials/footer.html

@@ -18,10 +18,11 @@
 				{{"<!-- copyright -->" | safeHTML}}
 				<div class="copyright text-center">
 					<a href="{{ site.Home.Permalink }}">
-						<img src="{{ site.Params.logo | absURL }}" alt="{{ site.Title }}" height="42" />
+						<img src="{{ site.Params.logo | absURL }}" alt="{{ site.Title }}" height="42" loading="lazy" />
 					</a>
 					<br>
 					<p>{{ site.Params.copyright | markdownify }}</p>
+					<img src="/images/sponsors.jpg" alt="Sponsors : Nouvelle Aquitaine - UE" height="100" loading="lazy" />
 				</div>
 			</div>
 		</div>

themes/meghna-hugo/layouts/partials/funfacts.html

@@ -5,7 +5,7 @@
 {{"<!-- Start Counter Section -->" | safeHTML}}
 <section id="counter" class="parallax-section bg-1 section overly" style='background-image: url("{{ .bg_image_webp | absURL }}")'>
 	<!-- this image is for trigger this section fallback background image -->
-	<img class="lozad" style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .bg_image | absURL }})'" data-src="{{ .bg_image_webp | absURL }}" />
+	<img style="display: none;" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .bg_image | absURL }})'" src="{{ .bg_image_webp | absURL }}" loading="lazy" />
 	<div class="container">
 		<div class="row justify-content-center">
 			{{ range .counter_item }}

themes/meghna-hugo/layouts/partials/head.html

@@ -23,8 +23,8 @@
   <link rel="stylesheet" href="{{ $custom.Permalink }}" media="screen">
 
 	{{ "<!--Favicon-->" | safeHTML }}
-	<link rel="shortcut icon" href="{{ `images/favicon.png` | absURL }}" type="image/x-icon">
-	<link rel="icon" href="{{ `images/favicon.png` | absURL }}" type="image/x-icon">
+	<link rel="shortcut icon" href="{{ `/favicon.ico` | absURL }}" type="image/x-icon">
+	<link rel="icon" href="{{ `/favicon.svg` | absURL }}" type="image/svg+xml">
 
 	{{ with site.Params.google_analytics_id }}
 	{{ "<!-- Global Site Tag (gtag.js) - Google Analytics -->" | safeHTML }}

themes/meghna-hugo/layouts/partials/navigation.html

@@ -4,13 +4,13 @@
 		<nav class="navbar navbar-expand-sm navbar-dark">
 			<a class="navbar-brand p-0" href="{{ .Site.BaseURL | relLangURL }}">
 				{{ if site.Params.logo }}
-				<img class="lozad" data-src="{{ site.Params.logo | absURL }}" alt="{{ .Site.Title }}" height="42">
+				<img src="{{ site.Params.logo | absURL }}" alt="{{ .Site.Title }}" height="42" loading="lazy">
 				{{ else }}
 				{{ site.Title }}
 				{{ end }}
 			</a>
 
-			<button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation">
+			<button class="navbar-toggler rounded-0" type="button" data-toggle="collapse" data-target="#navigation" onfocusout="this.click()">
 				<span class="navbar-toggler-icon"></span>
 			</button>
 

themes/meghna-hugo/layouts/partials/service.html

@@ -3,7 +3,7 @@
 {{ if $data.service.service.enable}}
 {{ with $data.service.service}}
 {{"<!-- service -->" | safeHTML }}
-<section id="services" class="bg-one section">
+<section id="services" class="bg-one section stick">
 	<div class="container">
 		<div class="row justify-content-center">
 			<div class="col-lg-12">

themes/meghna-hugo/layouts/partials/skill.html

@@ -3,8 +3,9 @@
 {{ if $data.skill.skill.enable }}
 {{ with $data.skill.skill }}
 {{"<!-- Skills -->" | safeHTML }}
-<section id="modalites" class="section bg-one">
+<section id="skills" class="section bg-one stick">
 	<div class="container">
+		{{ if .title }}
 		<div class="row">
 			{{"<!-- section title -->" | safeHTML }}
 			<div class="col-lg-12">
@@ -15,22 +16,37 @@
 			</div>
 			{{"<!-- /section title -->" | safeHTML }}
 		</div>
+		{{ end }}
 		<div class="row">
 			{{ with .image }}
-			<div class="col-lg-6 p-3 text-center">
-				<img class="img-fluid lozad" data-src="{{ . | absURL }}" alt="image">
+			<div class="col-lg-6 text-center">
+				<div class="p-3">
+					<img class="img-fluid" src="{{ . | absURL }}" alt="image" loading="lazy">
+				</div>
 			</div>
 			{{ end }}
-			<div class="col-lg-{{ with .image }}6{{else}}12{{ end }} p-3">
-				<h2>{{ .subtitle | markdownify }}</h2>
-				<p> {{ .content | markdownify }}</p>
-				{{ with .call_to_action }}
-				<div class="text-center p-3">
-					{{ range . }}
-					<a href="{{ .link | safeURL }}" class="btn btn-primary m-2">{{ .text }}</a>
+			<div class="col-lg-{{ with .image }}6{{else}}12{{ end }}">
+				<div class="p-3">
+					<h2>{{ .subtitle | markdownify }}</h2>
+					<p> {{ .content | markdownify }}</p>
+					{{ if .content_blocks }}
+					{{ $col := div 12 (len .content_blocks) }}
+					<div class="row">
+						{{ range .content_blocks }}
+					<div class="col-sm-{{ $col }} col-12">
+						<p>{{ . | markdownify }}</p>
+					</div>
+					{{ end }}
+					</div>
+					{{ end }}
+					{{ with .call_to_action }}
+					<div class="text-center p-3">
+						{{ range . }}
+						<a href="{{ .link | safeURL }}" class="btn btn-primary m-2">{{ .text }}</a>
+						{{ end }}
+					</div>
 					{{ end }}
 				</div>
-				{{ end }}
 			</div>
 		</div>
 	</div>

themes/meghna-hugo/layouts/partials/team.html

@@ -22,7 +22,7 @@
         <div class="team-member">
           <div class="member-photo">
             {{"<!-- member photo -->" | safeHTML}}
-            <img class="img-fluid lozad" data-src="{{ .image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .image | absURL }}'" alt="{{ .name }}">
+            <img class="img-fluid" src="{{ .image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .image | absURL }}'" alt="{{ .name }}" loading="lazy">
 
             {{"<!-- member social profile -->" | safeHTML}}
             <div class="mask">

themes/meghna-hugo/layouts/partials/testimonial.html

@@ -18,7 +18,7 @@
 
 						{{"<!-- client photo -->" | safeHTML}}
 						<div class="client-thumb">
-							<img class="img-fluid lozad" data-src="{{ .image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .image | absURL }}'" alt="{{ .name }}">
+							<img class="img-fluid" src="{{ .image_webp | absURL }}" onerror="this.onerror=null;this.src='{{ .image | absURL }}'" alt="{{ .name }}" loading="lazy">
 						</div>
 
 						{{"<!-- client info -->" | safeHTML}}

themes/meghna-hugo/static/plugins/lazy-load/lozad.min.js

@@ -1,9 +0,0 @@
-/*! lozad.js - v1.9.0 - 2019-02-09
-* https://github.com/ApoorvSaxena/lozad.js
-* Copyright (c) 2019 Apoorv Saxena; Licensed MIT */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.lozad=e()}(this,function(){"use strict";var g=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o])}return t},n="undefined"!=typeof document&&document.documentMode,l={rootMargin:"0px",threshold:0,load:function(t){if("picture"===t.nodeName.toLowerCase()){var e=document.createElement("img");n&&t.getAttribute("data-iesrc")&&(e.src=t.getAttribute("data-iesrc")),t.getAttribute("data-alt")&&(e.alt=t.getAttribute("data-alt")),t.appendChild(e)}if("video"===t.nodeName.toLowerCase()&&!t.getAttribute("data-src")&&t.children){for(var r=t.children,o=void 0,a=0;a<=r.length-1;a++)(o=r[a].getAttribute("data-src"))&&(r[a].src=o);t.load()}t.getAttribute("data-src")&&(t.src=t.getAttribute("data-src")),t.getAttribute("data-srcset")&&t.setAttribute("srcset",t.getAttribute("data-srcset")),t.getAttribute("data-background-image")&&(t.style.backgroundImage="url('"+t.getAttribute("data-background-image")+"')"),t.getAttribute("data-toggle-class")&&t.classList.toggle(t.getAttribute("data-toggle-class"))},loaded:function(){}};
-/**
-   * Detect IE browser
-   * @const {boolean}
-   * @private
-   */function f(t){t.setAttribute("data-loaded",!0)}var b=function(t){return"true"===t.getAttribute("data-loaded")};return function(){var r,o,a=0<arguments.length&&void 0!==arguments[0]?arguments[0]:".lozad",t=1<arguments.length&&void 0!==arguments[1]?arguments[1]:{},e=g({},l,t),n=e.root,i=e.rootMargin,d=e.threshold,c=e.load,u=e.loaded,s=void 0;return window.IntersectionObserver&&(s=new IntersectionObserver((r=c,o=u,function(t,e){t.forEach(function(t){(0<t.intersectionRatio||t.isIntersecting)&&(e.unobserve(t.target),b(t.target)||(r(t.target),f(t.target),o(t.target)))})}),{root:n,rootMargin:i,threshold:d})),{observe:function(){for(var t=function(t){var e=1<arguments.length&&void 0!==arguments[1]?arguments[1]:document;return t instanceof Element?[t]:t instanceof NodeList?t:e.querySelectorAll(t)}(a,n),e=0;e<t.length;e++)b(t[e])||(s?s.observe(t[e]):(c(t[e]),f(t[e]),u(t[e])))},triggerLoad:function(t){b(t)||(c(t),f(t),u(t))},observer:s}}});