Mise à jour du design

This commit is contained in:
Simon 2022-09-07 10:21:51 +02:00
parent e5861e14f8
commit cc217762f1
5 changed files with 28 additions and 21 deletions

View File

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

View File

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

View File

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

View File

@ -7,7 +7,7 @@
<!-- this image is for trigger this section fallback background image --> <!-- 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 }})'"/> <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 }} {{ if .icon }}
<div class="video-button"> <div class="video-button">
<i class="{{ .icon }}"></i> <i class="{{ .icon }}"></i>

View File

@ -14,7 +14,7 @@
</button> </button>
<div class="collapse navbar-collapse" id="navigation"> <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 --> <!-- menu active -->
{{ $currentPage := . }} {{ $currentPage := . }}
{{ range site.Menus.main }} {{ range site.Menus.main }}