diff --git a/src/routes/bio/+page.svelte b/src/routes/bio/+page.svelte
new file mode 100644
index 0000000..5d8cab4
--- /dev/null
+++ b/src/routes/bio/+page.svelte
@@ -0,0 +1,47 @@
+<script>
+
+</script>
+
+<section>
+    <div class="text-center mt-5">
+		<h1 class="text-3xl font-bold">Honesty</h1>
+		<p class="text-sm font-bold">by Fishie</p>
+	</div>
+
+    <div class="flex items-center justify-center mt-20">
+        <!-- if you wanna show the user is offline, change the classname to offline using jscript -->
+        <div class="avatar online">
+            <div class="w-20 rounded-full">
+                <!-- there is an issuee here that i will definetly deal with later....hopefully -->
+              <img src='https://images.unsplash.com/photo-1517841905240-472988babdf9?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80' alt="profile pic" />
+            </div>
+          </div>
+    </div>
+
+    <div class="container">
+        <div class="flex items-center justify-center my-10">
+            <div class="card w-96 bg-base-100 shadow-xl">
+                <div class="card-body">
+                    <h2 class="card-title">Bio</h2>
+                    <p class="text-gray-500">lorem ipsum something</p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div>
+    <div class="flex justify-center items-center flex-col gap-1">
+        <input type="text" placeholder="Youtube" class="input w-full max-w-xs" />
+        <input type="text" placeholder="Twitch" class="input w-full max-w-xs" />
+        <input type="text" placeholder="Instagram" class="input w-full max-w-xs" />
+        <input type="text" placeholder="Discord" class="input w-full max-w-xs" />
+        <input type="text" placeholder="Twitter" class="input w-full max-w-xs" />
+        <input type="text" placeholder="Tik Tok" class="input w-full max-w-xs" />
+        <input type="text" placeholder="SnapChat" class="input w-full max-w-xs" />
+    </div>
+</div>
+
+    
+
+
+</section>
\ No newline at end of file
diff --git a/src/routes/posting/+page.svelte b/src/routes/posting/+page.svelte
index d1bed90..ec52937 100644
--- a/src/routes/posting/+page.svelte
+++ b/src/routes/posting/+page.svelte
@@ -28,9 +28,9 @@
 
 	<div class="flex justify-center items-center flex-col mt-40">
         <p>anon</p>
-		<div className="form-control">
-            <label className="label cursor-pointer">
-              <input type="checkbox" checked className="checkbox" />
+		<div class="form-control">
+            <label class="label cursor-pointer">
+              <input type="checkbox" checked class="checkbox" />
             </label>
           </div>
 	</div>