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

2
datenschutz.html
View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Datenschutzerklärung von Andreas Guttenberger. Informationen zum Datenschutz und zur Verarbeitung personenbezogener Daten.">
<meta name="robots" content="noindex, follow">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://andreas-guttenberger.de/datenschutz.html">
<title>Datenschutzerklärung - Andreas Guttenberger | Versicherungsfachmann (IHK)</title>

BIN
img/background-about.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 84 KiB

BIN
img/background-hero.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 KiB

2
impressum.html
View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Impressum von Andreas Guttenberger, Versicherungsfachmann (IHK) in Kallmünz. Rechtliche Angaben und Kontaktinformationen.">
<meta name="robots" content="noindex, follow">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://andreas-guttenberger.de/impressum.html">
<title>Impressum - Andreas Guttenberger | Versicherungsfachmann (IHK)</title>

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 {