CptArn/Sinia
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Fixed images

Browse Source
This commit is contained in:
Arne
2023-07-31 18:24:29 +02:00
parent d80b6b8f94
commit aed280110d
2 changed files with 31 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/app.component.html
View File

@@ -1,6 +1,6 @@
<app-header></app-header> <app-header></app-header>
<div class="hero-container"> <div class="hero-container">
<img class="hero" src="assets/hero1.jpg" alt="hero-image"> <img class="hero hero1" src="assets/hero1.jpg" alt="hero-image">
<div class="overlay"></div> <div class="overlay"></div>
</div> </div>
<div class="alternate"> <div class="alternate">
@@ -165,8 +165,8 @@
</div> </div>
</div> </div>
<div class="hero-container2"> <div class="hero-container2">
<img class="hero" src="assets/hero2-min.jpg" alt="hero-image"> <img class="hero hero2" src="assets/hero2-min.jpg" alt="hero-image">
<div class="overlay"></div> <div class="overlay"></div>
</div> </div>
<div class="alternate" id="wiezijnwe"> <div class="alternate" id="wiezijnwe">
<div class="wrapper"> <div class="wrapper">
@@ -224,7 +224,7 @@
<div class="wrapper wrapper-contact"> <div class="wrapper wrapper-contact">
<div class="text"> <div class="text">
<h2>Contact</h2> <h2>Contact</h2>
<a href="https://www.google.com/maps?ll=51.06363,3.751164&z=13&t=m&hl=en&gl=BE&mapclient=embed&cid=4544505274712951366" target="_blank"><span class="fa-solid fa-location-pin"></span>Antwerpsesteenweg 271, 9040 Gent (Sint-Amandsberg)</a> <a href="https://www.google.com/maps?ll=51.06363,3.751164&z=13&t=m&hl=en&gl=BE&mapclient=embed&cid=4544505274712951366" target="_blank"><span class="fa-solid fa-location-pin"></span><p>Antwerpsesteenweg 271, 9040 Gent (Sint-Amandsberg)</p></a>
<a href="tel:+3292284322"><span class="fa-solid fa-phone"></span>09/228.43.22</a> <a href="tel:+3292284322"><span class="fa-solid fa-phone"></span>09/228.43.22</a>
<a href="tel:+32475707887"><span class="fa-solid fa-mobile-screen"></span>0475/70.78.87 (Robert Sinia)</a> <a href="tel:+32475707887"><span class="fa-solid fa-mobile-screen"></span>0475/70.78.87 (Robert Sinia)</a>
<a href="mailto:robert@sinia.be,frank@sinia.be"><span class="fa-solid fa-envelope"></span>robert@sinia.be / frank@sinia.be</a> <a href="mailto:robert@sinia.be,frank@sinia.be"><span class="fa-solid fa-envelope"></span>robert@sinia.be / frank@sinia.be</a>

37
src/app/app.component.scss
View File

@@ -12,38 +12,49 @@ app-header {
overflow: hidden; overflow: hidden;
.hero { .hero {
transform: scale(0.9); position: relative;
transform-origin: top left; left: 50%;
margin: 0 auto; top: 50%;
margin-top: -55rem; transform: translateY(-50%) translateX(-50%);
} }
.overlay { .overlay {
background-color: rgba(255, 255, 255, 0.35); background-color: rgba(255, 255, 255, 0.35);
height: 60rem; height: 60rem;
width: 100%; width: 100%;
top: -105rem; top: -160rem;
display: inline-block; display: inline-block;
position: relative; position: relative;
} }
} }
.hero1 {
width: 230.1rem;
height: 153.6rem;
}
.hero2 {
width: 555.1rem;
height: 370.1rem;
}
.hero-container2 { .hero-container2 {
width: 100%; width: 100%;
height: 35rem; height: 35rem;
overflow: hidden; overflow: hidden;
.hero { .hero {
transform: scale(0.4); position: relative;
transform-origin: top left; left: 60%;
margin-top: -73rem; top: 20%;
transform: translateY(-50%) translateX(-50%) scale(0.5);
} }
.overlay { .overlay {
background-color: rgba(255, 255, 255, 0.35); background-color: rgba(255, 255, 255, 0.35);
height: 60rem; height: 60rem;
width: 100%; width: 100%;
top: -310rem; top: -380rem;
display: inline-block; display: inline-block;
position: relative; position: relative;
} }
@@ -158,10 +169,16 @@ h2 {
.wrapper-contact { .wrapper-contact {
display: flex; display: flex;
padding: 2rem 0; padding: 2rem 2rem;
a { a {
display: flex;
align-items: center;
text-decoration: none; text-decoration: none;
p {
margin: 0;
}
} }
span { span {