diff --git a/webadmin/admin_apps.png b/webadmin/admin_apps.png
new file mode 100644
index 0000000000000000000000000000000000000000..2a97c1b484e47de076bd60922d53486899a2e5c2
Binary files /dev/null and b/webadmin/admin_apps.png differ
diff --git a/webadmin/admin_backup.png b/webadmin/admin_backup.png
new file mode 100644
index 0000000000000000000000000000000000000000..3e78d1743fda4e489abd93c7748f3f2de0f288c6
Binary files /dev/null and b/webadmin/admin_backup.png differ
diff --git a/webadmin/admin_help.png b/webadmin/admin_help.png
new file mode 100644
index 0000000000000000000000000000000000000000..a872a7e612fc49decb96367c68e2738280024fda
Binary files /dev/null and b/webadmin/admin_help.png differ
diff --git a/webadmin/admin_users.png b/webadmin/admin_users.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba01e502e2eb513e3f1641610e7a67a7bb901b13
Binary files /dev/null and b/webadmin/admin_users.png differ
diff --git a/webadmin/index.html b/webadmin/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..7fb87d6e14b5aa0169a06fe5d79c1688d62cba8c
--- /dev/null
+++ b/webadmin/index.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html>
+ <style>
+ * {
+ box-sizing: border-box;
+ }
+
+ #headerpic {
+ width: 60%;
+ height: auto;
+ margin-right : auto;
+ margin-left : auto;
+ min-width : 220px;
+ }
+
+ body {
+ margin: 0;
+ font-family: Arial;
+ }
+
+ .header {
+ text-align: center;
+ padding: 32px;
+ }
+
+ .row {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding: 0 4px;
+ }
+
+ .column {
+ -ms-flex: 25%;
+ flex: 25%;
+ max-width: 25%;
+ padding: 0 4px;
+ }
+
+ .column img {
+ margin-top: 8px;
+ vertical-align: middle;
+ }
+
+ @media screen and (max-width: 800px) {
+ .column {
+ -ms-flex: 50%;
+ flex: 50%;
+ max-width: 50%;
+ }
+ }
+
+ @media screen and (max-width: 200px) {
+ .column {
+ -ms-flex: 100%;
+ flex: 100%;
+ max-width: 100%;
+ }
+ }
+ </style>
+ <body>
+
+ <div class="header">
+ <img id="headerpic" class="img-responsive" src="logo.png">
+ <p>Admin Control Panel</p>
+ </div>
+
+ <div class="row">
+ <div class="column">
+ <div>
+ <a href="./apps.html">
+ <img src="installed_apps.svg" style="width:100%">
+ <center>Apps</center>
+ </a>
+ </div>
+ </div>
+ <div class="column">
+ <div>
+ <a href="./backup.html">
+ <img src="admin_backup.png" style="width:100%">
+ <center>Backup / Restore</center>
+ </a>
+ </div>
+ </div>
+ <div class="column">
+ <div>
+ <a href="./users.html">
+ <img src="admin_users.png" style="width:100%">
+ <center>Users</center>
+ </a>
+ </div>
+ </div>
+ <div class="column">
+ <div>
+ <a href="./help.html">
+ <img src="admin_help.png" style="width:100%">
+ <center>Help</center>
+ </a>
+ </div>
+ </div>
+ </div>
+
+ </body>
+</html>