diff --git a/index.html b/index.html
index 9f1a6de..dd5e4a5 100644
--- a/index.html
+++ b/index.html
@@ -1,87 +1,30 @@
 <!DOCTYPE html>
 <html lang="es">
-  <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Sketaria World</title>
-    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
-    <link href="/_style.css" rel="stylesheet">
-  </head>
-  <body>
-    <header>
-      <h1>Sketaria World</h1>
-      <p>¡Bienvenido! Disfruta de la magia.</p>
-    </header>
-    <div class="container">
-      <div class="card ticket">
-        <div>
-          <h3>Entrada Digital</h3>
-          <p>3 Adultos</p>
-        </div>
-        <button>Mostrar</button>
-      </div>
-      <div class="card">
-        <div class="section-title">🎢 Atracciones</div>
-        <div class="attractions">
-          <div class="ride">
-            <div>
-              <strong>Space Adventure</strong>
-              <br>
-              <small>Montaña rusa</small>
-            </div>
-            <div class="wait green"> 10 min </div>
-          </div>
-          <div class="ride">
-            <div>
-              <strong>Piratas</strong>
-              <br>
-              <small>Paseo en barco</small>
-            </div>
-            <div class="wait orange"> 35 min </div>
-          </div>
-          <div class="ride">
-            <div>
-              <strong>Big Thunder</strong>
-              <br>
-              <small>Montaña minera</small>
-            </div>
-            <div class="wait red"> 70 min </div>
-          </div>
-        </div>
-      </div>
-      <div class="card">
-        <div class="section-title">🍔 Restaurantes</div>
-        <div class="restaurants">
-          <div class="food"> 🍕 <br> Pizza </div>
-          <div class="food"> 🍔 <br> Burger </div>
-          <div class="food"> 🥗 <br> Healthy </div>
-          <div class="food"> 🍦 <br> Ice Cream </div>
-        </div>
-      </div>
-      <div class="card">
-        <div class="section-title">🎆 Espectáculos</div>
-        <div class="shows">
-          <div class="show"> ✨ Desfile <br> 15:30 </div>
-          <div class="show"> 🎇 Show Nocturno <br> 22:00 </div>
-        </div>
-      </div>
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Innercys</title>
+  <link rel="stylesheet" href="https://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" />
+  <script src="https://code.jquery.com/jquery-1.8.3.min.js"></script>
+  <script src="https://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script>
+</head>
+
+<body>
+  <div data-role="page">
+    <div data-role="header" data-theme="b">
+      <h1>Innercys</h1>
     </div>
-    <div class="bottom">
-      <div>
-        <span>🏠</span> Inicio
-      </div>
-      <div>
-        <span>🗺</span> Mapa
-      </div>
-      <div>
-        <span>🎢</span> Atracciones
-      </div>
-      <div>
-        <span>🎟</span> Entradas
-      </div>
-      <div>
-        <span>👤</span> Perfil
-      </div>
+    
+    <div data-role="content">
+      <h3>¡Bienvenidx a Innercys!</h3>
+      <p>Aquí podras encontrar todos los recursos de Innercys</p>
+      <ul data-role="listview" data-inset="true" data-filter="false">
+        <li><a href="/tutoriales">Nuestros tutoriales</a></li>
+        <li><a href="/tutoriales"></a></li>
+      </ul>
     </div>
-  </body>
+  </div>
+</body>
+
 </html>
\ No newline at end of file
diff --git a/pay/index.html b/pay/index.html
new file mode 100644
index 0000000..fe7b943
--- /dev/null
+++ b/pay/index.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="es">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Innercys</title>
+  <link rel="stylesheet" href="https://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" />
+  <script src="https://code.jquery.com/jquery-1.8.3.min.js"></script>
+  <script src="https://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script>
+</head>
+
+<body>
+  <div data-role="page">
+    <div data-role="header" data-theme="b">
+      <h1>Pagar</h1>
+    </div>
+    
+    <div data-role="content">
+      <p>¡Bienvenidx a Innercys!</p>
+      <ul data-role="listview" data-inset="true" data-filter="false">
+        <li><a href="#">Restaurante "Pepepako"</a></li>
+        <li><a href="#">Bar "Barra"</a></li>
+      </ul>
+    </div>
+  </div>
+</body>
+
+</html>
\ No newline at end of file
