Mise à jour du bloc vision

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>