Add background images to hero and about sections
This commit is contained in:
@@ -4,7 +4,7 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<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="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">
|
<link rel="canonical" href="https://andreas-guttenberger.de/datenschutz.html">
|
||||||
<title>Datenschutzerklärung - Andreas Guttenberger | Versicherungsfachmann (IHK)</title>
|
<title>Datenschutzerklärung - Andreas Guttenberger | Versicherungsfachmann (IHK)</title>
|
||||||
|
|
||||||
|
|||||||
BIN
img/background-about.jpg
Normal file
BIN
img/background-about.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
BIN
img/background-hero.jpg
Normal file
BIN
img/background-hero.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
@@ -4,7 +4,7 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<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="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">
|
<link rel="canonical" href="https://andreas-guttenberger.de/impressum.html">
|
||||||
<title>Impressum - Andreas Guttenberger | Versicherungsfachmann (IHK)</title>
|
<title>Impressum - Andreas Guttenberger | Versicherungsfachmann (IHK)</title>
|
||||||
|
|
||||||
|
|||||||
10
style.css
10
style.css
@@ -147,7 +147,10 @@ body {
|
|||||||
|
|
||||||
/* Hero Section */
|
/* Hero Section */
|
||||||
.hero {
|
.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);
|
color: var(--white);
|
||||||
padding: 80px 20px;
|
padding: 80px 20px;
|
||||||
min-height: 62vh;
|
min-height: 62vh;
|
||||||
@@ -300,7 +303,10 @@ body {
|
|||||||
/* About Section */
|
/* About Section */
|
||||||
.about {
|
.about {
|
||||||
padding: 80px 20px;
|
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 {
|
.about h2 {
|
||||||
|
|||||||
Reference in New Issue
Block a user