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

added extra images and barcode
All checks were successful
Copy Files to Samba Share dev / Copy Files (push) Successful in 23s
Details

Browse Source
This commit is contained in:
Arne Vlaeminck
2024-10-28 18:47:28 +01:00
parent 60aaddd650
commit 8d115060f0
8 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/assets/Branding.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.7 MiB

BIN
public/assets/Educatief-zetwerk.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB

BIN
public/assets/UX-UI.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 MiB

4
src/app/footer/footer.component.html
View File

@@ -1,10 +1,10 @@
<div class="contact">
<span class="naam">Lotte De Vlam</span>
<a href="tel:+0493183740">04 93 18 37 40</a>
<a href="mailto:lotte@ontvlambaar.be">lotte&64;ontvlambaar.be</a>
<a href="mailto:lotte@ontvlambaar.be">lotte&#64;ontvlambaar.be</a>
<span class="btw">BTW BE0673 769 126</span>
</div>
<div class="barcode">
<span class="barcode">lotte&#64;ontvlambaar.be</span>
</div>

4
src/app/footer/footer.component.scss
View File

@@ -1,6 +1,7 @@
:host {
display: flex;
padding: 2rem 0;
justify-content: space-between;
}
.contact {
@@ -27,5 +28,6 @@
}
.barcode {
width: 70%;
font-family: 'Libre Barcode 128 Text';
font-size: 5rem;
}

6
src/app/portfolio/portfolio.component.html
View File

@@ -3,21 +3,21 @@
<h2>Zetwerk van boeken</h2>
<p>Educatieve uitgaven, waar het allemaal begonnen is. Via VrijdagGrafis de nodige ervaring opgedaanom educatieve uitgaven vorm tegeven en het zetwerk te verzorgen.</p>
</div>
<img src="assets/logo.svg" alt="Zetwerk voorbeeld">
<img src="assets/Educatief-zetwerk.webp" alt="Zetwerk voorbeeld">
</div>
<div class="right">
<div>
<h2>Logo’s, huisstijlen & verpakkingen</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,</p>
</div>
<img src="assets/logo.svg" alt="Zetwerk voorbeeld">
<img src="assets/Branding.webp" alt="Zetwerk voorbeeld">
</div>
<div class="left">
<div>
<h2>UX/UI</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,</p>
</div>
<img src="assets/logo.svg" alt="Zetwerk voorbeeld">
<img src="assets/UX-UI.webp" alt="Zetwerk voorbeeld">
</div>

6
src/app/portfolio/portfolio.component.scss
View File

@@ -12,11 +12,13 @@
justify-content: space-between;
div {
width: 55%;
width: 40%;
align-self: center;
}
img {
height: 10rem;
max-width: 50%;
border-radius: 1rem;
}
}

2
src/index.html
View File

@@ -9,6 +9,8 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Fredoka:wght@300&family=Libre+Barcode+128+Text&display=swap" rel="stylesheet">
</head>
<body>
<app-root></app-root>