diff --git a/index.php b/index.php
new file mode 100644
index 0000000..8e405c4
--- /dev/null
+++ b/index.php
@@ -0,0 +1,73 @@
+<!doctype html>
+<html>
+    <head>
+        <title>My 32-Bit Cafe</title>
+        <link rel="stylesheet" type="text/css" href="css/style.css" />
+        <link rel="stylesheet" type="text/css" href="css/themes/DEV_macchiato.css" />
+
+    </head>
+    <body>
+        <div class="sidebar">
+            <div class='logo_holder'><a href="/"><img src="css/themes/macchiato_assets/my32bc.png" /></a></div>
+            <div class="link_group">
+                <input type="radio" name="sidebar_links" id="rad_services" value="0" checked />
+                <label for="rad_services">services</label>
+                <ul>
+                    <a target="_blank" href="https://discourse.32bit.cafe"><li>discourse forum</li></a>
+                    <a target="_blank" href="https://discord.com"><li>discord server</li></a>
+                    <a target="_blank" href="https://mail.32bit.cafe"><li>webmail</li></a>
+                    <a target="_blank" href="https://mail.32bit.cafe"><li>dns management</li></a>
+                    <a target="_blank" href="https://tilde.32bit.cafe"><li>tilde server</li></a>
+                </ul>
+            </div>
+            <div class="link_group">
+                <input type="radio" name="sidebar_links" id="rad_manage" value="1" />
+                <label for="rad_manage">manage</label>
+                <ul>
+                    <a href="domains/"><li>domains</li></a>
+                    <a href="webspace/"><li>webspace</li></a>
+                    <a href="gemini/"><li>gemini capsule</li></a>
+                    <a href="email/"><li>email account</li></a>
+                </ul>
+            </div>
+            <div class="link_group">
+                <input type="radio" name="sidebar_links" id="rad_account" value="2" />
+                <label for="rad_account">account</label>
+                <ul>
+                    <a href="password/"><li>edit settings</li></a>
+                    <a href="gemini/"><li>log out</li></a>
+                </ul>
+            </div>
+            <div class="link_group">
+                <input type="radio" name="sidebar_links" id="rad_help" value="3" />
+                <label for="rad_help">help</label>
+                <ul>
+                    <a href="guides/"><li>getting started guides</li></a>
+                    <a href="advanced/"><li>more advanced guides</li></a>
+                    <a href="contact/"><li>contact admins</li></a>
+                </ul>
+            </div>
+        </form>
+        </div>
+        <div class="main_frame">
+            <div class='page_title'><h1>my 32-bit cafe dashboard</h1></div>
+            <h2>Welcome, {user}!</h1>
+            <p>This portal lets you access all the free services provided by <b>32-Bit Cafe</b>. Use the links on the sidebar to see what we offer!</p>
+            <h2>Getting started</h2>
+            <p>Just joined us? Have a look at the guides below which can help you get set up with our services!</p>
+            <ul>
+                <li>Lorem Ipsum</li>
+                <li>Dolor sit amet</li>
+                <li>Lisan al gaib</li>
+            </ul>
+            <h2>News Feed</h2>
+            <ul>
+                <li>Lorem Ipsum</li>
+                <li>Dolor sit amet</li>
+                <li>Lisan al gaib</li>
+            </ul>
+            <h2>Want to get involved?</h2>
+            <p>If you'd like to help us with running and expanding our free services, please join our <a href="#">technomancers group</a>! No matter what your skillset, we would love for you to take part!</p>
+        </div>
+    </body>
+</html>
