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-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);
|
||||
}
|
||||
|
|
|
@ -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
|
|
@ -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 {
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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 }}
|
||||
|
|
Loading…
Reference in New Issue