From a833de1b5d06577743a47cb1253df9e035b8afd8 Mon Sep 17 00:00:00 2001 From: Naiel V Date: Sun, 12 Jul 2026 12:28:03 +0000 Subject: [PATCH] Subir archivos a "/" --- _style.css | 184 +++++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 87 +++++++++++++++++++++++++ 2 files changed, 271 insertions(+) create mode 100644 _style.css create mode 100644 index.html diff --git a/_style.css b/_style.css new file mode 100644 index 0000000..46ee74d --- /dev/null +++ b/_style.css @@ -0,0 +1,184 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: Poppins, sans-serif; +} + +body { + background: #f2f5fb; + color: #222; +} + +header { + height: 150px; + background: linear-gradient(135deg, #0047FF, #4C7DFF); + color: white; + padding: 30px; + border-radius: 0 0 35px 35px; + display: flex; + flex-direction: column; + justify-content: center; + box-shadow: 0 10px 25px rgba(0, 0, 0, .25); +} + +header h1 { + font-size: 34px; + font-weight: 700; +} + +header p { + opacity: .9; + margin-top: 8px; +} + +.container { + padding: 20px; + padding-bottom: 90px; +} + +.card { + background: white; + border-radius: 22px; + padding: 18px; + margin-bottom: 18px; + box-shadow: 0 8px 20px rgba(0, 0, 0, .08); +} + +.ticket { + display: flex; + justify-content: space-between; + align-items: center; +} + +.ticket button { + background: #005CFF; + border: none; + color: white; + padding: 10px 20px; + border-radius: 12px; + cursor: pointer; + font-weight: bold; +} + +.section-title { + font-size: 20px; + font-weight: 700; + margin-bottom: 15px; +} + +.attractions { + display: flex; + flex-direction: column; + gap: 15px; +} + +.ride { + display: flex; + align-items: center; + justify-content: space-between; +} + +.icon { + font-size: 34px; +} + +.wait { + padding: 8px 16px; + border-radius: 12px; + font-weight: bold; + color: white; +} + +.green { + background: #2ecc71; +} + +.orange { + background: #f39c12; +} + +.red { + background: #e74c3c; +} + +.map { + height: 170px; + border-radius: 18px; + background: linear-gradient(45deg, #6BCB77, #4D96FF); + display: flex; + align-items: center; + justify-content: center; + font-size: 60px; +} + +.restaurants { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 12px; +} + +.food { + background: #f8f8f8; + padding: 15px; + border-radius: 18px; + text-align: center; +} + +.shows { + display: flex; + flex-direction: column; + gap: 12px; +} + +.show { + background: #eef5ff; + padding: 15px; + border-radius: 15px; +} + +.bottom { + position: fixed; + bottom: 0; + left: 0; + width: 100%; + height: 72px; + background: white; + display: flex; + justify-content: space-around; + align-items: center; + box-shadow: 0 -5px 15px rgba(0, 0, 0, .12); +} + +.bottom div { + text-align: center; + font-size: 13px; +} + +.bottom span { + font-size: 26px; + display: block; +} + +@media(prefers-color-scheme:dark) { + body { + background: #151515; + color: white; + } + + .card { + background: #222; + } + + .food { + background: #2d2d2d; + } + + .show { + background: #30364d; + } + + .bottom { + background: #222; + } +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..157443c --- /dev/null +++ b/index.html @@ -0,0 +1,87 @@ + + + + + + Sketaria World + + + + +
+

Sketaria World

+

¡Bienvenido! Disfruta de la magia.

+
+
+
+
+

Entrada Digital

+

3 Adultos

+
+ +
+
+
🎢 Atracciones
+
+
+
+ Space Adventure +
+ Montaña rusa +
+
10 min
+
+
+
+ Piratas +
+ Paseo en barco +
+
35 min
+
+
+
+ Big Thunder +
+ Montaña minera +
+
70 min
+
+
+
+
+
🍔 Restaurantes
+
+
🍕
Pizza
+
🍔
Burger
+
🥗
Healthy
+
🍦
Ice Cream
+
+
+
+
🎆 Espectáculos
+
+
✨ Desfile
15:30
+
🎇 Show Nocturno
22:00
+
+
+
+
+
+ 🏠 Inicio +
+
+ 🗺 Mapa +
+
+ 🎢 Atracciones +
+
+ 🎟 Entradas +
+
+ 👤 Perfil +
+
+ + \ No newline at end of file