diff --git a/examples/index.es.html b/examples/index.es.html
new file mode 100644
index 0000000..c3cc987
--- /dev/null
+++ b/examples/index.es.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="es">
+  <head>
+    <meta charset="UTF-8" />
+    <title>mailgo examples</title>
+  </head>
+  <body>
+    <h1>mailto:</h1>
+
+    <a href="mailto:matteo@manzinello.dev">matteo@manzinello.dev</a>
+    <br />
+    <a href="mailto:matteo@manzinello.dev?cc=matteomanzinello@gmail.com"
+      ><p>matteo@manzinello.dev</p></a
+    >
+    <br />
+    <a href="mailto:matteo@manzinello.dev,matteomanzinello@gmail.com?cc=ciao"
+      >matteo@manzinello.dev</a
+    >
+    <br />
+    <a href="mailto:matteo@manzinello.dev?subject=ciao">ciao</a>
+    <br />
+    <a href="" class="mailgo" data-address="matteo" data-domain="manzinello.dev"
+      >scrivimi!</a
+    >
+    <br />
+    <a href="#mailgo" data-address="matteo" data-domain="manzinello.dev"
+      >scrivimi!</a
+    >
+
+    <a
+      href="#mailgo"
+      data-address="matteo"
+      data-domain="manzinello.dev"
+      data-cc="matteomanzinello@gmail.com,m@m.it"
+      >more cc</a
+    >
+    <br />
+    <a
+      href="mailto:matteo@manzinello.dev?cc=matteomanzinello@gmail.com&bcc=test"
+      >matteo@manzinello.dev</a
+    >
+
+    <h1>tel:</h1>
+    <a href="#mailgo" data-tel="123456568" data-telegram="telegram">chiamami</a>
+    <br />
+    <a href="tel:+39 123-456-78">skype</a>
+    <br />
+    <a href="callto:+39 123-456-78">callto</a>
+
+    <script src="../dist/mailgo.min.js"></script>
+  </body>
+</html>
diff --git a/examples/index.html b/examples/index.html
index fe026da..eded803 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -47,6 +47,8 @@
     <br />
     <a href="callto:+39 123-456-78">callto</a>
 
+    <a class="dark" href="callto:+39 123-456-78">callto dark mode</a>
+
     <script src="../dist/mailgo.min.js"></script>
   </body>
 </html>
