diff --git a/public/assets/css/pages/work.css b/public/assets/css/pages/work.css
index 0cb02c4..ef55f47 100644
--- a/public/assets/css/pages/work.css
+++ b/public/assets/css/pages/work.css
@@ -128,12 +128,14 @@ section.featured featured-item .title svg {
 	fill: var(--color-accent);
 }
 
-/* ### Languages */
-
-/* ### Actions */
+section.featured featured-item img {
+	width: 100%;
+	border-radius: 4px;
+}
 
 section.featured featured-item .actions {
-	gap: 5px;
+	gap: var(--padding);
+	width: 100%;
 	display: flex;
 	padding-top: var(--padding);
 	margin-top: auto;
diff --git a/public/assets/media/img/preview-deltaco.avif b/public/assets/media/img/preview-deltaco.avif
new file mode 100644
index 0000000..85a0e33
Binary files /dev/null and b/public/assets/media/img/preview-deltaco.avif differ
diff --git a/public/assets/media/img/preview-genemate.avif b/public/assets/media/img/preview-genemate.avif
new file mode 100644
index 0000000..ad2eb34
Binary files /dev/null and b/public/assets/media/img/preview-genemate.avif differ
diff --git a/public/assets/media/img/preview-icellate.avif b/public/assets/media/img/preview-icellate.avif
new file mode 100644
index 0000000..67b403f
Binary files /dev/null and b/public/assets/media/img/preview-icellate.avif differ
diff --git a/public/work.php b/public/work.php
index a33f801..80927eb 100644
--- a/public/work.php
+++ b/public/work.php
@@ -81,13 +81,23 @@
 			</button></a>
 		</div>
 	</featured-item>
+</section>
+<section class="heading">
+	<h1>web highligts</h1>
+</section>
+<section class="featured">
 	<featured-item>
 		<div class="title">
-			<?= VV::embed("public/assets/media/icons/star.svg") ?>
+			<a href="https://icellate.srv.vlw.se"  target="_blank"><img src="/assets/media/img/preview-icellate.avif"></a>
 		</div>
 		<h3>Website for iCellate Medical</h3>
 		<p><?= (new Work("icellate/website"))->summary() ?></p>
 		<div class="actions">
+			<a href="https://icellate.srv.vlw.se" target="_blank"><button class="inline">
+				<?= VV::embed("public/assets/media/icons/star.svg") ?>
+				<p>open</p>
+				<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
+			</button></a>
 			<a href="/work/icellate/website"><button class="inline">
 				<p>read more</p>
 				<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
@@ -96,11 +106,16 @@
 	</featured-item>
 	<featured-item>
 		<div class="title">
-			<?= VV::embed("public/assets/media/icons/star.svg") ?>
+			<a href="https://genemate.srv.vlw.se"  target="_blank"><img src="/assets/media/img/preview-genemate.avif"></a>
 		</div>
-		<h3>Modernizing GeneMate by iCellate</h3>
+		<h3>Website for GeneMate by iCellate</h3>
 		<p><?= (new Work("icellate/genemate"))->summary() ?></p>
 		<div class="actions">
+			<a href="https://genemate.srv.vlw.se" target="_blank"><button class="inline">
+				<?= VV::embed("public/assets/media/icons/star.svg") ?>
+				<p>open</p>
+				<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
+			</button></a>
 			<a href="/work/icellate/genemate"><button class="inline">
 				<p>read more</p>
 				<?= VV::embed("public/assets/media/icons/chevron.svg") ?>
@@ -109,9 +124,9 @@
 	</featured-item>
 	<featured-item>
 		<div class="title">
-			<?= VV::embed("public/assets/media/icons/star.svg") ?>
+			<a href="/work/deltaco/asyncapp"><img src="/assets/media/img/preview-deltaco.avif"></a>
 		</div>
-		<h3>Custom pages for Deltaco AB</h3>
+		<h3>Campaign pages for Deltaco AB</h3>
 		<p><?= (new Work("deltaco/asyncapp"))->summary() ?></p>
 		<div class="actions">
 			<a href="/work/deltaco/asyncapp"><button class="inline">