Mise à jour du design

data/fr/banner.yml

@@ -10,4 +10,4 @@ banner:
   button:
     enable : false
     label : "Explore Us"
-    link : "#services"
+    link : "#services"

data/fr/contact.yml

@@ -12,9 +12,9 @@ contact:
   # Contact details
   contact_list:
     - icon : ti-mobile # themify icon pack : https://themify.me/themify-icons
-      info : "Téléphone : **[06 99 99 00 33](tel://+33699990033)**"
+      info : "Téléphone : **[06 99 99 00 33](tel:0699990033)**"
     - icon : ti-email # themify icon pack : https://themify.me/themify-icons
-      info : "Email : **[bonjour@jarnat.fr](mailto://bonjour@jarnat.fr)**"
+      info : "Email : **[bonjour@jarnat.fr](mailto:bonjour@jarnat.fr)**"
 
 
   # Contact form

data/fr/feature.yml

@@ -3,16 +3,21 @@ feature:
   enable : true
 #  image : images/about/about-business-man.jpg
 #  image_webp : images/about/about-business-man.webp
-  image : images/about/Logo_SAP.png
+  image : images/jarnat-icon.svg
-  image_webp : images/about/Logo_SAP.webp
+  image_webp : images/jarnat-icon.svg
   title : Entretien des jardins de particuliers, entreprises, résidences, associations, bailleurs
-  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."
+  content : |
-#  feature_item : 
+    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."
+  call_to_action:
+    text: En savoir plus
+    link: "#contact"
+
+#  feature_item :
 #      # feature item loop
 #    - title : SEO Optimized
 #      icon : ti-world # themify icon pack : https://themify.me/themify-icons
 #      content : Lorem ipsum, dolor sit amet consectetur adipisicing elit. Possimus consectetur dolores repellendus eos saepe
-      
+
 #      # feature item loop
 #    - title : Easy Customization
 #      icon : ti-panel # themify icon pack : https://themify.me/themify-icons
@@ -22,8 +27,8 @@ feature:
 #    - title : SEO Optimized
 #      icon : ti-stats-up # themify icon pack : https://themify.me/themify-icons
 #      content : Lorem ipsum, dolor sit amet consectetur adipisicing elit. Possimus consectetur dolores repellendus eos saepe
-      
+
 #      # feature item loop
 #    - title : Easy Customization
 #      icon : ti-announcement # themify icon pack : https://themify.me/themify-icons
-#      content : Lorem ipsum, dolor sit amet consectetur adipisicing elit. Possimus consectetur dolores repellendus eos saepe
+#      content : Lorem ipsum, dolor sit amet consectetur adipisicing elit. Possimus consectetur dolores repellendus eos saepe

data/fr/service.yml

@@ -7,39 +7,39 @@ service:
     - name : Entretien classique de jardins
       icon : #ti-world # themify icon pack : https://themify.me/themify-icons
       content : |
-        Tonte pelouse  
+        Tonte pelouse
-        Débroussaillage  
+        Débroussaillage
-        Taille haies et arbustes  
+        Taille haies et arbustes
-        Désherbage raisonné  
+        Désherbage raisonné
-        Petit élagage  
+        Petit élagage
-        Soin et protection des plantes  
+        Soin et protection des plantes
         Ramassage feuilles
-    
+
     # service item loop
     - name : Accompagnement sur-mesure
       icon : #ti-layout # themify icon pack : https://themify.me/themify-icons
       content : |
-          Diagnostic de votre jardin  
+          Diagnostic de votre jardin
-          Baisse des coûts d’entretien  
+          Baisse des coûts d’entretien
-          Inventaire et cartographie  
+          Inventaire et cartographie
-          Plan de suivi et d’entretien personnalisé  
+          Plan de suivi et d’entretien personnalisé
-          Gestion différenciée du jardin  
+          Gestion différenciée du jardin
-          Semis de végétaux locaux  
+          Semis de végétaux locaux
-          Installation de foyers de biodiversité  
+          Installation de foyers de biodiversité
           Écriteaux personnalisés
 
-      
+
     # service item loop
     - name : Approche écologique
       icon : #ti-blackboard # themify icon pack : https://themify.me/themify-icons
       content : |
-          Outillage manuel et électrique  
+          Outillage manuel et électrique
-          Broyage sur place  
+          Broyage sur place
-          Gestion circulaire des déchets  
+          Gestion circulaire des déchets
-          Paillage d’hiver et couvert végétal  
+          Paillage d’hiver et couvert végétal
-          Tonte différenciée & fauche tardive  
+          Tonte différenciée & fauche tardive
-          Accompagnement compost  
+          Accompagnement compost
-          Installation diffuseurs d'eau et récupérateurs d’eau  
+          Installation diffuseurs d'eau et récupérateurs d’eau
           Préparation du sol pour un potager
 
 
@@ -51,7 +51,7 @@ service:
     #    -	Fauche tardive
     #    -	Entretien et suivi du paysage
     #    -	Respect des cycles des espèces
- 
+
     # service item loop
     #- name : Régénération du sol
     #  icon : ti-package # themify icon pack : https://themify.me/themify-icons
@@ -61,7 +61,7 @@ service:
     #    -	Mise en place d'une gestion circulaire
     #    -	Couverture du sol
     #    -	Mise en place et entretien d'engrais verts
-      
+
     # service item loop
     #- name : Suivi pour un jardin autonome
     #  icon : ti-pulse # themify icon pack : https://themify.me/themify-icons

data/fr/skill.yml

@@ -3,25 +3,33 @@ skill:
   enable : true
   title : "Nos modalités"
   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 : |
+    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.
 #  image : images/about/company-growth.webp
-  image : images/about/rayon d'intervention.png
+  image : images/about/carte.png
+  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
   skill_item :
     # skill item loop
     - name :  06 99 99 00 33
       percent : 20%
-      
+
     # skill item loop
     - name :  bonjour@jarnat.fr
       percent : 40%
-      
+
     # skill item loop
     - name :  ·	Nous viendrons vous rencontrer lors d’un passage gratuit, pour comprendre vos besoins et expliquer nos méthodes.
       percent : 60%
-      
+
     - name :  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)
       percent : 80%
-      
+
     # skill item loop
     #- name :  Android Development
     #  percent : 100%

data/fr/team.yml

@@ -18,7 +18,7 @@ team:
           link : "#"
         - icon : ti-dribbble # themify icon pack : https://themify.me/themify-icons
           link : "#"
-        
+
     # team member loop
     - name : Frank Miller
       image_webp : images/team/team-2.webp
@@ -34,7 +34,7 @@ team:
           link : "#"
         - icon : ti-dribbble # themify icon pack : https://themify.me/themify-icons
           link : "#"
-        
+
     # team member loop
     - name : Michael Jonson
       image_webp : images/team/team-3.webp
@@ -50,7 +50,7 @@ team:
           link : "#"
         - icon : ti-dribbble # themify icon pack : https://themify.me/themify-icons
           link : "#"
-        
+
     # team member loop
     - name : Mo. Kha. Alamgir
       image_webp : images/team/team-4.webp
@@ -65,4 +65,4 @@ team:
         - icon : ti-linkedin # themify icon pack : https://themify.me/themify-icons
           link : "#"
         - icon : ti-dribbble # themify icon pack : https://themify.me/themify-icons
-          link : "#"
+          link : "#"

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

@@ -65,7 +65,7 @@ figure {
 }
 
 a {
-  color: #fff;
+  color: var(--yellow);
   transition: all .3s ease-in 0s;
 }
 
@@ -105,6 +105,20 @@ a:hover {
   transition: all .3s ease-in 0s;
 }
 
+.btn.btn-primary {
+  border-color: var(--yellow);
+  font-variation-settings: 'wght' 600.0;
+}
+
+.btn.btn-primary:hover,
+.btn.btn-primary:active,
+.btn.btn-primary:focus {
+  color: #fff!important;
+  background: var(--yellow)!important;
+  box-shadow: none!important;
+  border-color: var(--green)!important;
+}
+
 .btn:focus {
   color: #ddd;
 }
@@ -215,7 +229,7 @@ a:hover {
 
 a:focus,
 a:hover {
-  color: #57cbcc;
+  color: var(--yellow);
 }
 
 .btn-main {
@@ -241,18 +255,18 @@ a:hover {
   padding: 100px 0;
 }
 
-@media (max-width: 480px) {
-  .section {
-    padding: 50px 0;
-  }
-}
-
 @media (max-width: 768px) {
   .section {
     padding: 80px 0;
   }
 }
 
+@media (max-width: 480px) {
+  .section {
+    padding: 50px 0;
+  }
+}
+
 .section-sm {
   padding: 70px 0;
 }
@@ -641,6 +655,13 @@ a:hover {
   margin-bottom: 60px;
 }
 
+.contact-details {
+  justify-content: center;
+  display: flex;
+  flex-direction: column;
+  text-align: center;
+}
+
 .form-meghna .form-control {
   background-color: transparent;
   border-radius: 0;

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

@@ -20,15 +20,15 @@
 			<div class="contact-info col-lg-6 wow fadeInUp" data-wow-duration="500ms">
 				<h3>{{ .subtitle | markdownify }}</h3>
 				<p> {{ .content | markdownify }} </p>
+			</div>
 
-				<div class="contact-details">
+			<div class="contact-details col-lg-6">
-					{{ range .contact_list }}
+				{{ range .contact_list }}
-					<div class="con-info clearfix">
+				<div class="con-info clearfix">
-						<i class="{{ .icon }}"></i>
+					<i class="{{ .icon }}"></i>
-						<span>{{ .info | markdownify }}</span>
+					<span>{{ .info | markdownify }}</span>
-					</div>
-					{{ end }}
 				</div>
+				{{ end }}
 			</div>
 
 			{{"<!-- Contact Form -->" | safeHTML}}

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

@@ -3,17 +3,20 @@
 {{ if $data.feature.feature.enable }}
 {{ with $data.feature.feature }}
 {{"<!-- feature -->" | safeHTML}}
-<section class="section section-bg about-2 padding-0" id="feature">
+<section class="section section-bg p-3" id="feature">
 	<div class="container-fluid">
-		<div class="row">
+		<div class="row justify-content-center align-items-center">
-			<div class="col-lg-6 padding-0" style="background-image: url('{{ .image_webp | absURL }}'); background-size: cover; background-position: top center; background-repeat: no-repeat; min-height: 400px;">
+			<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 }})'">
 			</div>
-			<div class="col-lg-6">
+			<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>
+					{{ end }}
 					<div class="row">
 						{{ range .feature_item }}
 						<div class="col-lg-6">

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="parallax-section section section-bg overly">
+<section id="skills" class="section bg-one">
 	<div class="container">
 		<div class="row">
 			{{"<!-- section title -->" | safeHTML }}
@@ -11,34 +11,26 @@
 				<div class="title text-center">
 					<h2>{{ with .title }} {{ index (split . " ") 0 | safeHTML }} {{ end }}<span class="color">
 						{{ with .title }} {{ after (len (index (split . " ") 0)) . | safeHTML }} {{ end }}</span></h2>
-					<div class="border-meghna"></div>
 				</div>
 			</div>
 			{{"<!-- /section title -->" | safeHTML }}
 		</div>
 		<div class="row">
-			<div class="col-lg-6">
+			{{ with .image }}
+			<div class="col-lg-6 p-3 text-center">
+				<img class="img-fluid lozad" data-src="{{ . | absURL }}" alt="image">
+			</div>
+			{{ end }}
+			<div class="col-lg-{{ with .image }}6{{else}}12{{ end }} p-3">
 				<h2>{{ .subtitle | markdownify }}</h2>
 				<p> {{ .content | markdownify }}</p>
-				{{ with .image }}
+				{{ with .call_to_action }}
-				<img class="img-fluid lozad" data-src="{{ . | absURL }}" alt="image">
+				<div class="text-center p-3">
-				{{ end }}
+					{{ range . }}
-			</div>
+					<a href="{{ .link | safeURL }}" class="btn btn-primary m-2">{{ .text }}</a>
-			<div class="col-lg-6">
-				<ul class="skill-bar">
-					{{ $.Scratch.Set "counter" 0 }}
-					{{ range $index, $element:= .skill_item }}
-					{{ $.Scratch.Set "counter" (add ($.Scratch.Get "counter") 1) }}
-					<li>
-						<p><span>{{if lt $index 9}}0{{end}}{{$.Scratch.Get `counter`}}- </span>{{ .name }}</p>
-						<div class="progress">
-							<div class="progress-bar" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"
-								style="width:{{ .percent }}">
-							</div>
-						</div>
-					</li>
 					{{ end }}
-				</ul>
+				</div>
+				{{ end }}
 			</div>
 		</div>
 	</div>