Header bg slider: first draft

This commit is contained in:
2021-07-31 10:38:06 +02:00
parent 4e06d63e85
commit 2e27c692bd
6 changed files with 64 additions and 24 deletions

View File

@@ -35,12 +35,21 @@ header {
margin: 0;
padding: 0;
}
.main-header.bg1 {
/* .main-header.bg1 {
background-image: url(../img/fara_background.jpg);
}
.main-header.bg2 {
background-image: url(../img/fara_bg_2.jpg);
}
.main-header.bg3 {
background-image: url(../img/fara_bg_3.jpg);
}
.main-header.bg4 {
background-image: url(../img/fara_bg_4.jpg);
}
.main-header.bg5 {
background-image: url(../img/fara_bg_5.jpg);
} */
.main-header h1 {
font-size: 3rem;
}
@@ -70,8 +79,19 @@ header {
background-color: rgba(254, 254, 254, 0.25);
}
/* ---- Navbar ----- */
.nav-menu {
text-align: right;
}
.nav-menu a {
color: inherit;
padding: 10px;
font-size: 0.85rem;
text-decoration: none;
cursor: pointer;
}
.active {
color: #fff;font-weight:bold;
color: #fff;
font-weight:bold;
}
#nav {
max-height: 50px;
@@ -87,20 +107,16 @@ header {
max-height: 41%;
padding: 7px 0 10px 20px;
}
#links {
text-align: right;
.nav-light a:hover {
color: #fff;
}
#links a {
color: inherit;
padding: 10px;
font-size: 0.85rem;
text-decoration: none;
cursor: pointer;
.nav-dark a:hover {
color: #000;
}
#links a:hover {
/* #links a:hover {
color: #fff;
text-decoration: none;
}
} */
/** Footer **/
footer {
min-height: 5rem;