diff --git a/public/assets/Branding.webp b/public/assets/Branding.webp
new file mode 100644
index 0000000..6d7aee8
Binary files /dev/null and b/public/assets/Branding.webp differ
diff --git a/public/assets/Educatief-zetwerk.webp b/public/assets/Educatief-zetwerk.webp
new file mode 100644
index 0000000..f6ca25b
Binary files /dev/null and b/public/assets/Educatief-zetwerk.webp differ
diff --git a/public/assets/UX-UI.webp b/public/assets/UX-UI.webp
new file mode 100644
index 0000000..acc1a04
Binary files /dev/null and b/public/assets/UX-UI.webp differ
diff --git a/src/app/footer/footer.component.html b/src/app/footer/footer.component.html
index 62a9f23..8db3f11 100644
--- a/src/app/footer/footer.component.html
+++ b/src/app/footer/footer.component.html
@@ -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>
diff --git a/src/app/footer/footer.component.scss b/src/app/footer/footer.component.scss
index 805b6cb..a834136 100644
--- a/src/app/footer/footer.component.scss
+++ b/src/app/footer/footer.component.scss
@@ -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;
 }
diff --git a/src/app/portfolio/portfolio.component.html b/src/app/portfolio/portfolio.component.html
index 9d0ae8e..40cf613 100644
--- a/src/app/portfolio/portfolio.component.html
+++ b/src/app/portfolio/portfolio.component.html
@@ -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>
 
 
diff --git a/src/app/portfolio/portfolio.component.scss b/src/app/portfolio/portfolio.component.scss
index a3c3a54..7354b73 100644
--- a/src/app/portfolio/portfolio.component.scss
+++ b/src/app/portfolio/portfolio.component.scss
@@ -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;
   }
 }
 
diff --git a/src/index.html b/src/index.html
index 31f4921..2ee292f 100644
--- a/src/index.html
+++ b/src/index.html
@@ -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>
