diff --git a/src/app/app.component.html b/src/app/app.component.html index b7b8e48..de55056 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,6 +1,6 @@
-hero-image +hero-image
@@ -165,8 +165,8 @@
-hero-image -
+ hero-image +
@@ -224,7 +224,7 @@

Contact

- Antwerpsesteenweg 271, 9040 Gent (Sint-Amandsberg) +

Antwerpsesteenweg 271, 9040 Gent (Sint-Amandsberg)

09/228.43.22 0475/70.78.87 (Robert Sinia) robert@sinia.be / frank@sinia.be diff --git a/src/app/app.component.scss b/src/app/app.component.scss index 955e392..6df4316 100644 --- a/src/app/app.component.scss +++ b/src/app/app.component.scss @@ -12,38 +12,49 @@ app-header { overflow: hidden; .hero { - transform: scale(0.9); - transform-origin: top left; - margin: 0 auto; - margin-top: -55rem; + position: relative; + left: 50%; + top: 50%; + transform: translateY(-50%) translateX(-50%); } .overlay { background-color: rgba(255, 255, 255, 0.35); height: 60rem; width: 100%; - top: -105rem; + top: -160rem; display: inline-block; position: relative; } } +.hero1 { + width: 230.1rem; + height: 153.6rem; +} + +.hero2 { + width: 555.1rem; + height: 370.1rem; +} + .hero-container2 { width: 100%; height: 35rem; overflow: hidden; .hero { - transform: scale(0.4); - transform-origin: top left; - margin-top: -73rem; + position: relative; + left: 60%; + top: 20%; + transform: translateY(-50%) translateX(-50%) scale(0.5); } .overlay { background-color: rgba(255, 255, 255, 0.35); height: 60rem; width: 100%; - top: -310rem; + top: -380rem; display: inline-block; position: relative; } @@ -158,10 +169,16 @@ h2 { .wrapper-contact { display: flex; - padding: 2rem 0; + padding: 2rem 2rem; a { + display: flex; + align-items: center; text-decoration: none; + + p { + margin: 0; + } } span {