diff --git a/abstract-shape-mini.png b/abstract-shape-mini.png
new file mode 100644
index 0000000..9f53ec5
Binary files /dev/null and b/abstract-shape-mini.png differ
diff --git a/abstract-shape.png b/abstract-shape.png
new file mode 100644
index 0000000..75850fe
Binary files /dev/null and b/abstract-shape.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..382af16
--- /dev/null
+++ b/index.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="es">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    
+    <meta name="description" content="Los servicios del sitio.">
+    <meta name="author" content="Sarvo">
+    <meta property="og:title" content="Servicios en Novoa">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://novoa.nagoya">
+    <meta property="og:description" content="NovoaS">
+    <meta property="og:image" content="image.png">
+    
+    <title>Novoa</title>
+    <link rel="stylesheet" href="./style.css">
+    <link rel="icon" href="./favicon.ico" type="image/x-icon">
+    <link rel="icon" href="/favicon.ico">
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+    
+    <style>
+    h1 {text-align: center;
+      color: green;
+    }
+    p {text-align: center;}
+    div {text-align: center;}
+    body {background-color: black;}
+    ul {
+      text-align: center;
+      border-left: 25px solid blue;
+      background-color: black;
+      list-style-type: cjk-ideographic;
+      list-style-image: url('abstract-shape-mini.png');
+      padding: 10px 3px;
+      color: white;
+    }
+    a:link {
+      color: green;
+      background-color: transparent;
+      text-decoration: none;
+    }
+
+    a:visited {
+      color: red;
+      background-color: transparent;
+      text-decoration: none;
+    }
+
+    a:hover {
+      color: white;
+      background-color: transparent;
+      text-decoration: underline;
+    }
+
+    a:active {
+      color: yellow;
+      background-color: transparent;
+      text-decoration: underline;
+    }
+    </style>
+
+  </head>
+  <body>
+    <main>
+        <h1>Lista de servicios</h1>
+        <ul>
+          
+          <a href="https://novoa.nagoya/"><li>Misskey</li></a>
+          <a href="https://xmpp.novoa.nagoya/"><li>Movim</li></a>
+          <a href="https://novoa.nagoya:34371/register_web/"><li>XMPP</li></a>
+          <li>Mumble:64738</li>
+          <a href="https://arroyo.novoa.nagoya/"><li>Owncast</li></a>
+          <a href="https://kinema.novoa.nagoya/"><li>Kinoplex</li></a>
+          <li>Wireguard</li>
+          <li>Unbound</li>
+          <li>Uno más</li>
+        </ul>
+    </main>
+	<script src="index.js"></script>
+  </body>
+</html>
+
