diff --git a/src/lib/components/navbar.svelte b/src/lib/components/navbar.svelte
new file mode 100644
index 0000000..527c5b9
--- /dev/null
+++ b/src/lib/components/navbar.svelte
@@ -0,0 +1,9 @@
+<script>
+
+</script>
+
+<section>
+    <nav>
+        
+    </nav>
+</section>
\ No newline at end of file
diff --git a/src/routes/getPost/+page.svelte b/src/routes/getPost/+page.svelte
new file mode 100644
index 0000000..0a6c66d
--- /dev/null
+++ b/src/routes/getPost/+page.svelte
@@ -0,0 +1,62 @@
+<script>
+</script>
+
+<section>
+	<div class="text-center mt-10">
+		<h1 class="text-3xl font-bold">Honesty</h1>
+		<p class="text-sm font-bold">by Fishie</p>
+	</div>
+
+	<div class=" container flex justify-center items-center mt-20 mb-10">
+		<div class="card w-96 bg-base-100 shadow-xl">
+			<div class="card-body bg-red-600 p-10 rounded-lg">
+				<div class="avatar">
+					<div class="w-20 rounded-full">
+						<img
+							src="https://plus.unsplash.com/premium_photo-1679596990314-7296548d8acb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80"
+							alt="profile pic"
+						/>
+						<div />
+					</div>
+					<h1 class="mr-10">@Username</h1>
+				</div>
+			</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">@Username</h2>
+                    <p class="text-gray-500">lorem ipsum something</p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    <div class='mb-10'>
+        <div class="flex justify-center items-center">
+            <div class="rating">
+                <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
+                <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" checked />
+                <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
+                <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
+                <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
+              </div>
+        </div>
+    </div>
+
+
+    <div class="flex justify-center items-center">
+        <!-- i will change all buttons colours to match scheme during debugging -->
+        <button class="btn btn-secondary">
+            Share
+        </button>
+    </div>
+
+
+
+
+</section>
diff --git a/src/routes/posting/+page.svelte b/src/routes/posting/+page.svelte
new file mode 100644
index 0000000..d1bed90
--- /dev/null
+++ b/src/routes/posting/+page.svelte
@@ -0,0 +1,42 @@
+<script>
+</script>
+
+<section>
+	<div class="text-center mt-10">
+		<h1 class="text-3xl font-bold">Honesty</h1>
+        <p class="text-sm font-bold">by Fishie</p>
+	</div>
+
+	<div class='mt-40 mb-10'>
+		<div class="flex justify-center items-center">
+			<textarea
+				placeholder="Post contents here"
+				class="textarea textarea-bordered textarea-lg w-full max-w-xs shadow-md"
+			/>
+		</div>
+	</div>
+
+	<div class="flex justify-center items-center">
+		<div class="rating">
+            <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
+            <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" checked />
+            <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
+            <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
+            <input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
+          </div>
+	</div>
+
+	<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" />
+            </label>
+          </div>
+	</div>
+    <div class="flex justify-center items-center my-10">
+	<div class="btn btn-secondary">
+		<button>Submit</button>
+	</div>
+</div>
+</section>