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"> <div class="contact">
<span class="naam">Lotte De Vlam</span> <span class="naam">Lotte De Vlam</span>
<a href="tel:+0493183740">04 93 18 37 40</a> <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> <span class="btw">BTW BE0673 769 126</span>
</div> </div>
<div class="barcode"> <div class="barcode">
<span class="barcode">lotte&#64;ontvlambaar.be</span>
</div> </div>

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

@@ -1,6 +1,7 @@
:host { :host {
display: flex; display: flex;
padding: 2rem 0; padding: 2rem 0;
justify-content: space-between;
} }
.contact { .contact {
@@ -27,5 +28,6 @@
} }
.barcode { .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> <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> <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> </div>
<img src="assets/logo.svg" alt="Zetwerk voorbeeld"> <img src="assets/Educatief-zetwerk.webp" alt="Zetwerk voorbeeld">
</div> </div>
<div class="right"> <div class="right">
<div> <div>
<h2>Logo’s, huisstijlen & verpakkingen</h2> <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> <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> </div>
<img src="assets/logo.svg" alt="Zetwerk voorbeeld"> <img src="assets/Branding.webp" alt="Zetwerk voorbeeld">
</div> </div>
<div class="left"> <div class="left">
<div> <div>
<h2>UX/UI</h2> <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> <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> </div>
<img src="assets/logo.svg" alt="Zetwerk voorbeeld"> <img src="assets/UX-UI.webp" alt="Zetwerk voorbeeld">
</div> </div>

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

@@ -12,11 +12,13 @@
justify-content: space-between; justify-content: space-between;
div { div {
width: 55%; width: 40%;
align-self: center;
} }
img { 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.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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..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> </head>
<body> <body>
<app-root></app-root> <app-root></app-root>