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-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);
}

View File

@ -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

View File

@ -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 {

View File

@ -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>

View File

@ -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 }}