Mise à jour du design

This commit is contained in:
Simon 2022-09-08 15:24:41 +02:00
parent fe6d48f6eb
commit 94c431393d
13 changed files with 345 additions and 84 deletions

View File

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

View File

@ -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

View File

@ -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_webp : images/about/Logo_SAP.webp
image : images/jarnat-icon.svg
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."
# feature_item :
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."
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

View File

@ -7,39 +7,39 @@ service:
- name : Entretien classique de jardins
icon : #ti-world # themify icon pack : https://themify.me/themify-icons
content : |
Tonte pelouse
Débroussaillage
Taille haies et arbustes
Désherbage raisonné
Petit élagage
Soin et protection des plantes
Tonte pelouse
Débroussaillage
Taille haies et arbustes
Désherbage raisonné
Petit élagage
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
Baisse des coûts dentretien
Inventaire et cartographie
Plan de suivi et dentretien personnalisé
Gestion différenciée du jardin
Semis de végétaux locaux
Installation de foyers de biodiversité
Diagnostic de votre jardin
Baisse des coûts dentretien
Inventaire et cartographie
Plan de suivi et dentretien personnalisé
Gestion différenciée du jardin
Semis de végétaux locaux
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
Broyage sur place
Gestion circulaire des déchets
Paillage dhiver et couvert végétal
Tonte différenciée & fauche tardive
Accompagnement compost
Installation diffuseurs d'eau et récupérateurs deau
Outillage manuel et électrique
Broyage sur place
Gestion circulaire des déchets
Paillage dhiver et couvert végétal
Tonte différenciée & fauche tardive
Accompagnement compost
Installation diffuseurs d'eau et récupérateurs deau
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

View File

@ -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 soccuper de vos jardins sur les communes de Bordeaux, Bègles, Villenave dOrnon, 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 soccuper de vos jardins sur les communes de Bordeaux, Bègles, Villenave dOrnon, 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 dun 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%

View File

@ -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 : "#"

Binary file not shown.

After

Width:  |  Height:  |  Size: 123 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 485 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 36 KiB

View File

@ -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;

View File

@ -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">
{{ range .contact_list }}
<div class="con-info clearfix">
<i class="{{ .icon }}"></i>
<span>{{ .info | markdownify }}</span>
</div>
{{ end }}
<div class="contact-details col-lg-6">
{{ range .contact_list }}
<div class="con-info clearfix">
<i class="{{ .icon }}"></i>
<span>{{ .info | markdownify }}</span>
</div>
{{ end }}
</div>
{{"<!-- Contact Form -->" | safeHTML}}

View File

@ -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="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="row justify-content-center align-items-center">
<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">

View File

@ -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 }}
<img class="img-fluid lozad" data-src="{{ . | absURL }}" alt="image">
{{ end }}
</div>
<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>
{{ with .call_to_action }}
<div class="text-center p-3">
{{ range . }}
<a href="{{ .link | safeURL }}" class="btn btn-primary m-2">{{ .text }}</a>
{{ end }}
</ul>
</div>
{{ end }}
</div>
</div>
</div>