diff --git a/src/routes/(app)/catalog/+page.svelte b/src/routes/(app)/catalog/+page.svelte
new file mode 100644
index 0000000..b6f2a93
--- /dev/null
+++ b/src/routes/(app)/catalog/+page.svelte
@@ -0,0 +1,36 @@
+
+<svelte:head>
+	<title>Catalog - Rowblox</title>
+</svelte:head>
+
+<div class="flex items-center">
+	<p class="font-bold text-3xl my-1">Catalog</p>
+	<span class="flex-grow" />
+	<input class="rounded px-2 border-2 border-grey-300 text-black mr-2 py-1" type="text" name="search" id="search" placeholder="Search" />
+	<button class="text-lg px-3 py-0.5 rounded border-2 border-blue-500 shadow-lg cursor-pointer hover:bg-blue-200 text-blue-500 mr-2">Search</button>
+	<a class="text-lg px-3 py-0.5 rounded border-2 border-blue-500 shadow-lg cursor-pointer hover:bg-blue-200 text-blue-500" href="/Create/Asset">Create Asset</a>
+</div>
+<div class="col-xl-2 col-lg-3 col-md-3 col-sm-4 col-6 pb-3 px-2">
+    <div class="card card-body shadow-lg p-2 rounded-lg w-40">
+        <a href="/items/1">
+            <!-- svelte-ignore a11y-missing-attribute -->
+            <img src="/img/worker.png">
+            <div class="mt-1 text-truncate">Hat</div>
+        </a>
+        <hr class="my-2">
+        <div class="text-s mt-1 mb-1">
+            <small> 
+
+             <img src="/img/rowbux.png" width="20" height="50" style="float:left">
+             <p class="text-xs font-bold">- 21</p>
+
+                </small>
+
+                </div>
+       
+
+    </div>
+</div>
+   
+
+
diff --git a/static/img/workercap.png b/static/img/workercap.png
new file mode 100644
index 0000000..2835ea9
Binary files /dev/null and b/static/img/workercap.png differ