Mise à jour du design

assets/css/custom.css

@@ -1,3 +1,9 @@
+:root {
+  --green: #004938;
+  --green-dark: #002d22;
+  --yellow: #d8993a;
+}
+
 @font-face {
     font-family: 'ClashGrotesk-Variable';
     src: url('/fonts/ClashGrotesk-Variable.woff2') format('woff2'),
@@ -20,7 +26,7 @@
 
 body, p {
     font-family: "Zodiak-Variable", sans-serif;
-    font-variation-settings: 'wght' 300.0;
+    font-variation-settings: 'wght' 400.0;
 }
 
 h1,
@@ -31,4 +37,5 @@ h5,
 h6 {
   font-family: "ClashGrotesk-Variable", sans-serif;
   font-variation-settings: 'wght' 600.0;
+  color: var(--yellow);
 }

config/_default/languages.fr.yml

@@ -23,5 +23,4 @@ menu:
 
 # Texte en bas de page
 copyright: >-
-  Copyright © 2020 Designed by [Themefisher](https://themefisher.com) &
-  Developed by [Gethugothemes](https://gethugothemes.com)
+  Copyright © 2022

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

@@ -120,8 +120,8 @@ a:hover {
   color: #fff;
 }
 
-.border-meghna {
-  border-top: 2px solid rgba(236, 239, 241, 0.07);
+/* .border-meghna {
+  border-top: 2px solid #fff;
   height: 1px;
   margin: 15px auto 0;
   position: relative;
@@ -137,8 +137,8 @@ a:hover {
   position: absolute;
   top: -4px;
   width: 50px;
-  background-color: #57cbcc;
-}
+  background-color: #fff;
+} */
 
 .color {
   color: #6CB670;
@@ -163,7 +163,7 @@ a:hover {
 }
 
 .bg-one {
-  background-color: #004938;
+  background-color: var(--green);
 }
 
 .bg-dark {
@@ -300,14 +300,13 @@ a:hover {
 }
 
 .title h2 {
-  text-transform: capitalize;
   font-weight: 700;
   font-size: 38px;
   color: #fff;
 }
 
 .title h2 span {
-  color: #57cbcc;
+  color: #fff;
 }
 
 .title p {
@@ -323,7 +322,7 @@ a:hover {
 }
 
 .section-bg {
-  background: #002d22;
+  background: var(--green-dark);
 }
 
 .overly {
@@ -459,6 +458,7 @@ a:hover {
 .hero-area .block {
   text-align: center;
   z-index: 99;
+  margin: 2rem;
 }
 
 .hero-area .block .video-button {
@@ -479,17 +479,24 @@ a:hover {
 .hero-area .block h1 {
   font-size: 90px;
   color: #fff;
-  text-transform: capitalize;
   font-weight: 700;
   margin-bottom: 20px;
+  font-family: "Zodiak-Variable", sans-serif;
+  font-variation-settings: 'wght' 400.0;
 }
 
-@media (max-width: 480px) {
+@media (max-width: 992px) {
   .hero-area .block h1 {
     font-size: 60px;
   }
 }
 
+@media (max-width: 575px) {
+  .hero-area .block h1 {
+    font-size: 40px;
+  }
+}
+
 .hero-area .block p {
   color: #fff;
   font-size: 20px;
@@ -958,10 +965,6 @@ a:hover {
   font-size: 50px;
 }
 
-.service-block h3 {
-  color: #d8993a;
-}
-
 /*=================================================================
   Services section 2
 ==================================================================*/
@@ -1236,7 +1239,6 @@ a:hover {
   margin: 0 0 6px;
   font-size: 20px;
   line-height: 1.5;
-  text-transform: capitalize;
 }
 
 .note .media-wrapper {
@@ -1246,7 +1248,6 @@ a:hover {
 .note .excerpt h3 {
   font-size: 20px;
   line-height: 1.5;
-  text-transform: capitalize;
 }
 
 .all-post {

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

@@ -7,7 +7,7 @@
 	<!-- this image is for trigger this section fallback background image -->
 	<img class="d-none" src="{{ .bg_image_webp | absURL }}" onerror="this.onerror=null;this.parentElement.style.backgroundImage= 'url({{ .bg_image | absURL }})'"/>
 
-	<div class="block">
+	<div class="block p-6">
 		{{ if .icon }}
 		<div class="video-button">
 			<i class="{{ .icon }}"></i>

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

@@ -14,7 +14,7 @@
 			</button>
 
 			<div class="collapse navbar-collapse" id="navigation">
-				<ul class="navbar-nav ml-auto">
+				<ul class="navbar-nav ml-auto mt-4 mt-sm-0">
           <!-- menu active -->
           {{ $currentPage := . }}
           {{ range site.Menus.main }}