webfarben/Gutti
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add background images to hero and about sections

Browse Source
This commit is contained in:
webfarben
2026-02-21 21:19:36 +01:00
parent e035414190
commit 21b891e9a6
5 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
style.css
View File

@@ -147,7 +147,10 @@ body {
/* Hero Section */
.hero {
background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
background-image: linear-gradient(135deg, rgba(0, 0, 143, 0.85) 0%, rgba(0, 71, 187, 0.85) 100%), url('img/background-hero.jpg');
background-size: cover;
background-position: center;
background-attachment: fixed;
color: var(--white);
padding: 80px 20px;
min-height: 62vh;
@@ -300,7 +303,10 @@ body {
/* About Section */
.about {
padding: 80px 20px;
background-color: var(--bg-light);
background-image: linear-gradient(135deg, rgba(248, 249, 250, 0.95) 0%, rgba(248, 249, 250, 0.95) 100%), url('img/background-about.jpg');
background-size: cover;
background-position: center;
background-attachment: fixed;
}
.about h2 {