diff --git a/README.md b/README.md
index a7b4595..f63ebbc 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,5 @@
-# gallium-workshop
-The Gallium Workshop site
+<img src='./public/assets/img/gallium-workshop.png' width='150px' />
+
+# Gallium Workshop
+
+The official website of the Gallium Workshop
diff --git a/public/assets/icons/android-chrome-192x192.png b/public/assets/icons/android-chrome-192x192.png
new file mode 100644
index 0000000..71d8980
Binary files /dev/null and b/public/assets/icons/android-chrome-192x192.png differ
diff --git a/public/assets/icons/android-chrome-512x512.png b/public/assets/icons/android-chrome-512x512.png
new file mode 100644
index 0000000..d17be7f
Binary files /dev/null and b/public/assets/icons/android-chrome-512x512.png differ
diff --git a/public/assets/icons/apple-touch-icon.png b/public/assets/icons/apple-touch-icon.png
new file mode 100644
index 0000000..2e5a0df
Binary files /dev/null and b/public/assets/icons/apple-touch-icon.png differ
diff --git a/public/assets/icons/browserconfig.xml b/public/assets/icons/browserconfig.xml
new file mode 100644
index 0000000..61531a7
--- /dev/null
+++ b/public/assets/icons/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="assets/icons/mstile-150x150.png"/>
+            <TileColor>#2b5797</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/public/assets/icons/favicon-16x16.png b/public/assets/icons/favicon-16x16.png
new file mode 100644
index 0000000..18b71f6
Binary files /dev/null and b/public/assets/icons/favicon-16x16.png differ
diff --git a/public/assets/icons/favicon-32x32.png b/public/assets/icons/favicon-32x32.png
new file mode 100644
index 0000000..a522dae
Binary files /dev/null and b/public/assets/icons/favicon-32x32.png differ
diff --git a/public/assets/icons/favicon.ico b/public/assets/icons/favicon.ico
new file mode 100644
index 0000000..2ca8974
Binary files /dev/null and b/public/assets/icons/favicon.ico differ
diff --git a/public/assets/icons/mstile-150x150.png b/public/assets/icons/mstile-150x150.png
new file mode 100644
index 0000000..966d354
Binary files /dev/null and b/public/assets/icons/mstile-150x150.png differ
diff --git a/public/assets/icons/site.webmanifest b/public/assets/icons/site.webmanifest
new file mode 100644
index 0000000..1edcfef
--- /dev/null
+++ b/public/assets/icons/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/public/assets/img/gallium-workshop.png b/public/assets/img/gallium-workshop.png
new file mode 100644
index 0000000..5f967c0
Binary files /dev/null and b/public/assets/img/gallium-workshop.png differ
diff --git a/public/index.css b/public/index.css
new file mode 100644
index 0000000..3bd2bde
--- /dev/null
+++ b/public/index.css
@@ -0,0 +1,38 @@
+@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,700&family=Phudu:wght@300&display=swap');
+
+body {
+  padding-top: 50px;
+  width: 100%;
+  min-height: 100vh;
+  background: linear-gradient(180deg, #00152b 0%, #4d89ea 50%, #55cc55 100%);
+}
+
+#logo {
+  float: left;
+  width: 150px;
+  margin-right: 50px;
+}
+
+h1 {
+  color: white;
+  font-family: 'DM Sans', sans-serif;
+  letter-spacing: 0.1em;
+}
+
+p {
+  color: white;
+  font-family: 'Phudu', cursive;
+  letter-spacing: 0.1em;
+}
+
+a {
+  color: #f0e69c;
+  font-weight: bold;
+}
+
+a:hover {
+  background-color: #f0e69c;
+  color: black;
+  padding: 5px;
+  text-decoration: none;
+}
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..1f32073
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <title>Gallium Workshop</title>
+    <meta name="description" content="" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css"
+    />
+    <link rel="stylesheet" href="./index.css" />
+
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="assets/icons/apple-touch-icon.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="assets/icons/favicon-32x32.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="assets/icons/favicon-16x16.png"
+    />
+    <link rel="manifest" href="assets/icons/site.webmanifest" />
+    <link rel="shortcut icon" href="assets/icons/favicon.ico" />
+    <meta name="msapplication-TileColor" content="#2b5797" />
+    <meta
+      name="msapplication-config"
+      content="assets/icons/browserconfig.xml"
+    />
+    <meta name="theme-color" content="#ffffff" />
+  </head>
+  <body>
+    <img id="logo" src="assets/img/gallium-workshop.png" />
+    <h1>Gallium Workshop</h1>
+    <p>
+      We are a cybersecurity research collective that intends to continue the
+      great work of <a href="https://mercurywork.shop">Mercury Workshop</a> and
+      others.
+    </p>
+  </body>
+</html>