diff --git a/README.md b/README.md
index 4eb31eb..978753a 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,10 @@
 # www.thi-hub.de
 A simple hub for relevant THI student links
+
+
+
+### Use as Embed
+The quicklink buttons can be embedded into external tools like this:
+```html
+<iframe style="width: 100%; min-height: 300px;" src="http://thi-hub.de/en/embed" scrolling="no"></iframe>
+```
diff --git a/meta.php b/meta.php
index 3138396..983375d 100644
--- a/meta.php
+++ b/meta.php
@@ -1,6 +1,6 @@
 <?php
 	// VERSION //
-	static::$version = "1.0.0";
+	static::$version = "1.0.1";
 	
 	
 	// DEPENDENCIES //
@@ -21,7 +21,12 @@
 	
 	// pages
 	static::$route["thi-hub.de"] = [
-		["path" => "",			"target" => "page/start"],
-		["path" => ":lang",		"target" => "page/start"],
+		// start
+		["path" => "",					"target" => "page/start"],
+		["path" => ":lang",				"target" => "page/start"],
+		
+		// embed
+		["path" => "embed",				"target" => "page/embed"],
+		["path" => ":lang/embed",		"target" => "page/embed"],
 	];
 ?>
diff --git a/page/embed/index.php b/page/embed/index.php
new file mode 100644
index 0000000..b460655
--- /dev/null
+++ b/page/embed/index.php
@@ -0,0 +1,27 @@
+<?php
+	declare(strict_types = 1);
+	namespace Kimendisch\Thi_Hub;
+	use Flake\Page;
+	
+	// AUTOSELECT LANGUAGE //
+	require("./page/lang_autoselect.php");
+	
+	
+	// PAGE INIT //
+	require("./page/page_base.php");
+	
+	Page::title(Data::$dict->get("title"));
+	Page::description(Data::$dict->get("description"));
+	
+	Page::robots(index: false, follow: false);
+?>
+
+
+
+
+
+<div class="page-container sparse">
+	<div class="page">
+		<?php require("./page/section_quicklinks.php"); ?>
+	</div>
+</div>
diff --git a/page/section_quicklinks.php b/page/section_quicklinks.php
new file mode 100644
index 0000000..5d40929
--- /dev/null
+++ b/page/section_quicklinks.php
@@ -0,0 +1,24 @@
+<?php
+	declare(strict_types = 1);
+	namespace Kimendisch\Thi_Hub;
+?>
+
+
+
+
+
+<div class="section quicklinks">
+	<div class="content">
+		<div class="button-list">
+			<?php foreach(Data::$dict->get("quicklink_list") as $one_quicklink){ ?>
+				<a href="<?= $one_quicklink["url"] ?>" target="_blank" class="button big <?= $one_quicklink["color"] ?>">
+					<span class="icon big ti ti-<?= $one_quicklink["icon"] ?>"></span>
+					<div class="text">
+						<span><?= $one_quicklink["name"] ?></span>
+						<span class="gray-dark"><?= $one_quicklink["extra"] ?></span>
+					</div>
+				</a>
+			<?php } ?>
+		</div>
+	</div>
+</div>
diff --git a/page/start/index.php b/page/start/index.php
index 48f1ec0..383fc64 100644
--- a/page/start/index.php
+++ b/page/start/index.php
@@ -23,21 +23,7 @@
 
 <div class="page-container">
 	<div class="page">
-		<div class="section quicklinks">
-			<div class="content">
-				<div class="button-list">
-					<?php foreach(Data::$dict->get("quicklink_list") as $one_quicklink){ ?>
-						<a href="<?= $one_quicklink["url"] ?>" target="_blank" class="button big <?= $one_quicklink["color"] ?>">
-							<span class="icon big ti ti-<?= $one_quicklink["icon"] ?>"></span>
-							<div class="text">
-								<span><?= $one_quicklink["name"] ?></span>
-								<span class="gray-dark"><?= $one_quicklink["extra"] ?></span>
-							</div>
-						</a>
-					<?php } ?>
-				</div>
-			</div>
-		</div>
+		<?php require("./page/section_quicklinks.php"); ?>
 		
 		<div class="section about">
 			<div class="header">
diff --git a/page/style.css b/page/style.css
index 6ea50fa..8eeeace 100644
--- a/page/style.css
+++ b/page/style.css
@@ -145,6 +145,9 @@ button:focus {
 	align-items: center;
 	justify-content: flex-start;
 }
+.page-container.sparse {
+	justify-content: center;
+}
 .page {
 	max-width: 60vw;
 	
@@ -156,6 +159,9 @@ button:focus {
 	
 	text-align: center;
 }
+.page-container.sparse .page {
+	padding: 2rem;
+}
 @media only screen and (max-width: 1600px) {
 	.page {
 		max-width: 75vw;