Mise à jour du design
This commit is contained in:
parent
e5861e14f8
commit
cc217762f1
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
|
@ -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)
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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 }}
|
||||||
|
|
Loading…
Reference in New Issue