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>
<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>
<div class="alternate">
@@ -165,8 +165,8 @@
</div>
</div>
<div class="hero-container2">
<img class="hero" src="assets/hero2-min.jpg" alt="hero-image">
<div class="overlay"></div>
<img class="hero hero2" src="assets/hero2-min.jpg" alt="hero-image">
<div class="overlay"></div>
</div>
<div class="alternate" id="wiezijnwe">
<div class="wrapper">
@@ -224,7 +224,7 @@
<div class="wrapper wrapper-contact">
<div class="text">
<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:+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>

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

@@ -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 {