diff --git a/public/arona.jpg b/public/arona.jpg
new file mode 100755
index 0000000..fc5afa3
Binary files /dev/null and b/public/arona.jpg differ
diff --git a/content/card.html b/public/card.html
similarity index 100%
rename from content/card.html
rename to public/card.html
diff --git a/public/corner.png b/public/corner.png
new file mode 100755
index 0000000..8e68a17
Binary files /dev/null and b/public/corner.png differ
diff --git a/static/card.html b/static/card.html
new file mode 100644
index 0000000..5bd813b
--- /dev/null
+++ b/static/card.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Arona "AJ" Jones - Hyperlight Technical Services</title>
+	<style>
+		@font-face {
+		  font-family: 'League Spartan Variable';
+		  src: url('LeagueSpartan-VF.woff2') format('woff2-variations');
+		  font-weight: 200 900;
+		}
+		body {
+			background-color: rgb(29, 33, 44);
+			color: white;
+			font-family: "League Spartan Variable";
+			text-align: center;
+			width: 80%;
+			margin-left: auto;
+			margin-right: auto;
+		}
+		a {
+			color: #7df9ff;
+			text-decoration: underline dotted;
+		}
+	</style>
+  </head>
+  <body>
+	<img src="corner.png" style="position: fixed; top: 0; left: 0; transform: rotate(180deg); width: 15vw;"/>
+	<img src="arona.jpg" style="width: 30vw; max-width: 200px; border-radius: 5px;"/>
+	<img src="HYPERLIGHT%20LOGO.png" style="width: 30vw; max-width: 200px; border-radius: 5px; margin-left: 20px;"/>
+	<h1 style="font-weight: 900; border-bottom: 3px solid #7df9ff;">Arona "AJ" Jones</h1>
+	<h2>Director, Hyperlight Technical Services</h2>
+	<h3>Experienced in production management, event planning and operations</h3>
+    <h3>My team provide high-quality technical services to sport, theatre, live & festivals with commitment and dedication</h3>
+	<ul style="box-sizing: border-box; font-size: 1.2em; padding: 1em; line-height: 1.5em; border: 3px solid #7df9ff;">
+	<li style="margin-left: 1em; list-style-type: '📞';"><a href="tel:07449192971">07449192971</a></li>
+	<li style="margin-left: 1em; list-style-type: '🌐';"><a href="https://hyperlight-technical.co.uk">https://hyperlight-technical.co.uk</a></li>
+	<li style="margin-left: 1em; list-style-type: '📧';"><a href="mailto:aj@hyperlight-technical.co.uk">aj@hyperlight-technical.co.uk</a></li>
+	<li style="margin-left: 1em; list-style-type: '📌';">Nottingham, UK</li>
+	</ul>
+	<p style="font-style: italic; color: #7df9ff;">Hyperlight Technical Services: Bespoke experiences — authentic, inclusive, and sustainable without compromise</p>
+	<small>This sustainable, updatable digital business card represents one small part of our commitment to do things a little differently. No more throwing out old branding! Let's build a better world, together.</small>
+	<img src="corner.png" style="position: fixed; bottom: 0; right: 0; width: 15vw;"/>
+  </body>
+</html>
