diff --git a/www/index.html b/www/index.html
index 82ae49b..82ba3c3 100644
--- a/www/index.html
+++ b/www/index.html
@@ -1,8 +1,17 @@
 <html>
 	<head>
-		<title>Kidsbox</title>
+		<title>Kidsbox</title>	
+		<link rel="stylesheet" src="styles.css">
 	</head>
 	<body>
 		<h1>Hi, I'm a File!</h1>
+
+		<section class="rfid">
+			<h3>RFID-ID</h3>
+			<div class="rfid-id"></div>
+			<button class="rfid-refresh">refresh</button>
+		</section>
+
+		<script src="main.js"></script>
 	</body>
 </html>
\ No newline at end of file
diff --git a/www/main.js b/www/main.js
new file mode 100644
index 0000000..f6abbb4
--- /dev/null
+++ b/www/main.js
@@ -0,0 +1,10 @@
+console.log('hi');
+
+const elements = {};
+
+elements.rfidId = document.querySelector('.rfid-id');
+elements.rfidRefresh = document.querySelector('.rfid-refresh');
+
+elements.rfidRefresh.addEventListener('click', () => {
+	console.log(window.location.origin);
+});
\ No newline at end of file
diff --git a/www/styles.css b/www/styles.css
new file mode 100644
index 0000000..e69de29
