feat: Changement de position des modalités

data/fr/about.yml

@@ -18,4 +18,4 @@ about:
 
   - 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/cta.yml

@@ -5,14 +5,14 @@ cta:
   #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.  
+    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 !  
+    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.  
+    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.
+    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

data/fr/skill.yml

@@ -3,9 +3,10 @@ skill:
   enable : true
   #title : "Notre zone d'intervention"
   subtitle : "Notre zone d'intervention"
-  content : |
+  # 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.  
+  content_blocks:
-    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.
+    - 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.svg
   call_to_action :

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

@@ -247,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;
   }
 }
 
@@ -445,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");
 }
@@ -521,14 +541,14 @@ a:hover {
 
 .hero-area .block p {
   color: #fff;
-  font-size: 40px;
+  font-size: 30px;
   width: 70%;
   margin: 0 auto;
 }
 
 @media (max-width: 992px) {
   .hero-area .block p {
-    font-size: 30px;
+    font-size: 25px;
   }
 }
 
@@ -727,6 +747,10 @@ a:hover {
   padding-right: 5px;
 }
 
+.con-info strong a {
+  font-size: 1.4rem;
+}
+
 .error {
   display: none;
   padding: 10px;

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

@@ -6,20 +6,21 @@
 <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 }})'" loading="lazy"/>
-
+	<div class="container">
-	<div class="block p-6">
+		<div class="block p-6">
-		{{ if .icon }}
+			{{ if .icon }}
-		<div class="video-button">
+			<div class="video-button">
-			<i class="{{ .icon }}"></i>
+				<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/cta.html

@@ -7,10 +7,12 @@
 	<!-- 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="row justify-content-lg-center">
-			<div class="col-lg-12">
+			<div class="col-lg-9">
 				<div class="p-3">
-					<h2>{{ .title | markdownify }}</h2>
+					<div class="title text-center wow fadeIn">
+						<h2>{{ .title | markdownify }}</h2>
+					</div>
 					<p>{{ .content | markdownify }}</p>
 					{{ if .button.enable }}
 					{{ with .button }}
@@ -18,7 +20,7 @@
 					{{ end }}
 					{{ end }}
 					{{ with .call_to_action }}
-					<div class="text-center p-3">
+					<div class="text-center pt-3 px-3">
 						{{ range . }}
 						<a href="{{ .link | safeURL }}" class="btn btn-primary m-2">{{ .text }}</a>
 						{{ end }}

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

@@ -3,9 +3,9 @@
 {{ 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 }})'" loading="lazy">
@@ -15,7 +15,9 @@
 					<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/navigation.html

@@ -10,7 +10,7 @@
 				{{ 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,7 +3,7 @@
 {{ if $data.skill.skill.enable }}
 {{ with $data.skill.skill }}
 {{"<!-- Skills -->" | safeHTML }}
-<section id="skills" class="section bg-one">
+<section id="skills" class="section bg-one stick">
 	<div class="container">
 		{{ if .title }}
 		<div class="row">
@@ -29,6 +29,16 @@
 				<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 . }}