Mise à jour du design
This commit is contained in:
parent
fe6d48f6eb
commit
94c431393d
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -3,10 +3,15 @@ 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."
|
||||
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
|
||||
|
|
|
|||
|
|
@ -3,9 +3,17 @@ 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
|
||||
|
|
|
|||
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 |
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -20,8 +20,9 @@
|
|||
<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 }}
|
||||
<div class="con-info clearfix">
|
||||
<i class="{{ .icon }}"></i>
|
||||
|
|
@ -29,7 +30,6 @@
|
|||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{"<!-- Contact Form -->" | safeHTML}}
|
||||
{{ if .contact_form.enable }}
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
{{ 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>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue