Mise à jour du bloc vision

data/fr/about.yml

@@ -7,16 +7,16 @@ about:
    # title : We're Creative
     # content : Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, nihil, libero, perspiciatis eos provident laborum eum dignissimos.
 
-  - icon : ti-ruler-pencil # themify icon pack : https://themify.me/themify-icons
+  - 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
+  - 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 !
 
-  - icon : ti-thought # themify icon pack : https://themify.me/themify-icons
+  - 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 !

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

@@ -559,73 +559,6 @@ a:hover {
   z-index: -1;
 }
 
-/*=================================================================
-  About us section
-==================================================================*/
-.about .block {
-  background: #242930;
-  padding: 30px;
-  border-bottom: 2px solid transparent;
-  transition: .5s all;
-  margin-bottom: 20px;
-}
-
-.about .block:hover {
-  border-bottom: 2px solid #57cbcc;
-}
-
-.about .block:hover .icon-box {
-  -webkit-transform: translateY(-10px);
-  transform: translateY(-10px);
-}
-
-.about .block .icon-box {
-  position: relative;
-  width: 160px;
-  height: 92.38px;
-  background-color: transparent;
-  margin: 46.19px auto 60px;
-  padding: 20px 0;
-  border-left: 2px solid rgba(236, 239, 241, 0.07);
-  border-right: 2px solid rgba(236, 239, 241, 0.07);
-  font-size: 50px;
-  -webkit-transform: translateZ(0px);
-  transform: translateZ(0px);
-  transition-duration: 0.3s;
-  transition-property: -webkit-transform;
-  transition-property: transform;
-  transition-property: transform, -webkit-transform;
-}
-
-.about .block .icon-box:after,
-.about .block .icon-box:before {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  width: 113.14px;
-  height: 113.14px;
-  background-color: inherit;
-  left: 20.4315px;
-  -webkit-transform: scaleY(0.5774) rotate(-45deg);
-  transform: scaleY(0.5774) rotate(-45deg);
-}
-
-.about .block .icon-box:before {
-  top: -56.5685px;
-  border-top: 2px solid rgba(236, 239, 241, 0.07);
-  border-right: 2px solid rgba(236, 239, 241, 0.07);
-}
-
-.about .block .icon-box:after {
-  bottom: -56.5685px;
-  border-bottom: 2px solid rgba(236, 239, 241, 0.07);
-  border-left: 2px solid rgba(236, 239, 241, 0.07);
-}
-
-.about .block .icon-box h3 {
-  color: #afbac4;
-}
-
 /*=================================================================
   About us 2 section
 ==================================================================*/

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

@@ -18,13 +18,15 @@
 
 			{{ range .about_item }}
 			{{"<!-- About item -->" | safeHTML}}
-			<div class="col-lg-4 text-center wow fadeInUp" data-wow-duration="500ms">
-				<div class="block">
+			<div class="col-lg-4 wow fadeInUp" data-wow-duration="500ms">
+				<div class="p-3">
+					{{with .icon}}
 					<div class="icon-box">
-						{{with .icon}}<i class="{{ . }}"></i>{{ end }}
+						<i class="{{ . }}"></i>
 					</div>
+					{{ end }}
 					{{"<!-- Express About Yourself -->" | safeHTML}}
-					<div class="content text-center">
+					<div class="content">
 						<h3>{{ .title }}</h3>
 						<p>{{ .content | markdownify }}</p>
 					</div>