diff --git a/site/src/about/aboutme/index.html b/site/src/about/aboutme/index.html
new file mode 100644
index 0000000..24ab310
--- /dev/null
+++ b/site/src/about/aboutme/index.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<!-- CSS -->
+        <link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
+        <link rel="stylesheet" href="/css/style.css">
+        <link rel="stylesheet" href="/css/wrapfig.css">
+        
+        <!-- SEO -->
+        <title>About me | janishutz.com</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=7" />
+        <meta name="keywords" content="" />
+        <meta name="description" content="" />
+        <meta name="og:title" content="" />
+        <meta name="og:description" content="" />
+        <meta name="og:image" content="https://static.janishutz.com/seo/legal-card.jpg" />
+        <meta name="og:type" content="website" />
+        <meta name="og:url" content="https://janishutz.com/legal" />
+        <meta name="og:locale" content="en_GB" />
+        <meta property="twitter:card" content="summary_large_image">
+        <meta name="theme-color" content="#152b5c">
+	</head>
+	<body>
+		<nav></nav>
+		<div class="content">
+			<h1 class="title">About Janis Hutz</h1>
+
+            <div class="wrapfig-wrapper">
+                <img src="https://static.janishutz.com/logo.jpg" alt="Janis Hutz" class="wrapfig left circle">
+                <div class="wrapfig-text right">
+                    <p class="no-margin bigger">Hello! I'm Janis Hutz, and I develop software</p>
+                    <p class="no-margin">Having been working on developing software and learning to do so properly since the beginning of 2021, I have accumulated a lot of work hours in this subject. In September 2024, I have started my studies in Software Engineering at ETH Zurich, a renowned university in Switzerland</p>
+                    <p class="no-margin">Most of the software provided on this website is done so for free. Any <a href="https://store.janishutz.com/donate" target="_blank">financial support</a> would be greatly appreciated.</p>
+                </div>
+            </div>
+
+            <p style="margin-top: 30px;">Discover the full range of services and software offered here</p>
+            <div class="inline-elements">
+                <a href="https://development.janishutz.com" class="button" target="_blank">Custom Websites</a>
+                <a href="https://store.janishutz.com" class="button" target="_blank">Store</a>
+                <a href="https://github.com/janishutz" class="button" target="_blank">GitHub</a>
+                <a href="https://npmjs.com/~janishutz" class="button" target="_blank">npm</a>
+                <a href="/projects" class="button">Projects</a>
+                <a href="/about/aboutme" class="button">About Janis Hutz</a>
+                <a href="https://store.janishutz.com/donate" class="button" target="_blank">Donate</a>
+            </div>
+
+		</div>
+		<footer></footer>
+	</body>
+</html>
diff --git a/site/src/css/style.css b/site/src/css/style.css
index e071b81..ebd0ca9 100644
--- a/site/src/css/style.css
+++ b/site/src/css/style.css
@@ -102,6 +102,15 @@ body {
     border-radius: 20px;
 }
 
+.circle {
+    border-radius: 5000px;
+}
+
+.bigger {
+    font-size: 1.2rem;
+    font-weight: bold;
+}
+
 .no-margin {
     margin: 5px;
 }
diff --git a/site/src/projects/index.html b/site/src/projects/index.html
new file mode 100644
index 0000000..8c735a7
--- /dev/null
+++ b/site/src/projects/index.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <!-- CSS -->
+        <link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
+        <link rel="stylesheet" href="/css/style.css">
+        
+        <!-- SEO -->
+        <title>libreevent - free and open source event management solution | janishutz.com</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=7" />
+        <meta name="keywords" content="" />
+        <meta name="description" content="" />
+        <meta name="og:title" content="" />
+        <meta name="og:description" content="" />
+        <meta name="og:image" content="https://static.janishutz.com/seo/home-card.jpg" />
+        <meta name="og:type" content="website" />
+        <meta name="og:url" content="https://janishutz.com" />
+        <meta name="og:locale" content="en_GB" />
+        <meta property="twitter:card" content="summary_large_image">
+        <meta name="theme-color" content="#152b5c">
+
+        <style>
+            #yt-embed {
+                width: 70vw;
+                height: 40vw;
+            }
+        </style>
+    </head>
+    <body>
+        <nav></nav>
+
+        <div class="slider" style="width: 100vw; height: 80vh;">
+            <div class="slider-container">
+                <div class="slider-element current" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );">
+                    <a href="/projects/libreevent" class="button" style="margin-top: 30%;">libreǝvent</a>
+                </div>
+                <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-admin-eventsettings.jpg' );">
+                    <h1>Create Events with Ease</h1>
+                    <p>Using the libreǝvent's powerful admin panel</p>
+                    <a href="https://libreevent.janishutz.com/docs/admin-panel/" class="button">Docs</a>
+                </div>
+                <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-admin-seatplan-editor.jpg' );">
+                    <h1>Create seat plans</h1>
+                    <p>libreǝvent's seat plan editor is designed to make this as easy as possible</p>
+                    <a href="https://libreevent.janishutz.com/docs/admin-panel/seatplan-editor" class="button">Docs</a>
+                </div>
+                <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-all-events.jpg' );">
+                    <h1>Order Tickets</h1>
+                    <p>on this page and give users all important data</p>
+                    <a href="https://libreevent.janishutz.com/download" class="button">Install today</a>
+                </div>
+                <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-login.jpg' );">
+                    <h1>User Accounts</h1>
+                    <p>Your customers can do everything in self-service!</p>
+                    <a href="https://libreevent.janishutz.com/download" class="button">Install today</a>
+                </div>
+                <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-ticket-sel.jpg' );">
+                    <h1>Open Source Project</h1>
+                    <p>Free Software, developed by Janis Hutz & the community</p>
+                    <a href="https://libreevent.janishutz.com" class="button">Learn more about libreǝvent</a>
+                </div>
+            </div>
+            <div class="slider-controls slider-control-left" onclick="sliderControl( 'previous' )">&#11164;</div>
+            <div class="slider-controls slider-control-right" onclick="sliderControl( 'next' )">&#11166;</div>
+        </div>
+
+        <div class="content">
+            <!-- TODO: Size logo better -->
+            <img src="https://libreevent.janishutz.com/assets/logo.png" alt="libreevent logo" class="project-logo">
+            <h1>libreǝvent</h1>
+
+            <a href="/projects" class="back-button">&leftarrow; All projects</a>
+            <p>Free & Open Source Event Management & Ticketing Solution</p>
+
+            <hr class="pullquote-lines">
+                <h3 class="content-title-small">Why use a commercial event management solution, if you can host a more flexible one yourself?</h3>
+            <hr class="pullquote-lines">
+        </div>
+
+        <div id="yt-embed"></div>
+
+
+        <footer></footer>
+
+
+        <script src="https://static.janishutz.com/js/yt-embed.js"></script>
+        <script src="https://static.janishutz.com/js/slider.js"></script>
+        <script>
+            YTEmbed( 'yt-embed', 'UYMa-xTyZYo' );
+            activateSlider( 7500 );
+        </script>    
+    </body>
+</html>
\ No newline at end of file
