Hugging Face's logo

Spaces:
AlbertIzq25
/
mycloneroblox
Running

App Files Community
mycloneroblox / index.html
AlbertIzq25's picture
AlbertIzq25
Add 3 files
a3867d3 verified
raw
history blame contribute delete
31.9 kB
 <!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Roblox Clone - Juegos Virtuales</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
body {
font-family: 'Roboto', sans-serif;
background-color: #f5f5f5;
}
.game-card:hover .game-image {
transform: scale(1.05);
transition: transform 0.3s ease;
}
.navbar {
background-color: #00a2ff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.search-bar:focus {
outline: none;
box-shadow: 0 0 0 2px rgba(0, 162, 255, 0.3);
}
.category-chip:hover {
background-color: #e0f2ff;
}
.avatar {
transition: transform 0.2s;
}
.avatar:hover {
transform: translateY(-5px);
}
.game-image {
transition: transform 0.3s ease;
}
/* Animaci贸n para el bot贸n de jugar */
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
.play-button:hover {
animation: pulse 1.5s infinite;
}
/* Efecto de carga para las tarjetas */
.skeleton {
animation: skeleton-loading 1s linear infinite alternate;
}
@keyframes skeleton-loading {
0% { background-color: hsl(200, 20%, 80%); }
100% { background-color: hsl(200, 20%, 95%); }
}
</style>
</head>
<body class="bg-gray-100">
<!-- Navbar -->
<nav class="navbar text-white py-3 px-4 md:px-8 flex items-center justify-between sticky top-0 z-50">
<div class="flex items-center space-x-4">
<div class="flex items-center">
<i class="fas fa-cube text-2xl mr-2"></i>
<span class="text-xl font-bold">RobloxClone</span>
</div>
<div class="hidden md:flex space-x-6 ml-8">
<a href="#" class="hover:text-gray-200 font-medium">Descubrir</a>
<a href="#" class="hover:text-gray-200 font-medium">Marketplace</a>
<a href="#" class="hover:text-gray-200 font-medium">Crear</a>
<a href="#" class="hover:text-gray-200 font-medium">Robux</a>
</div>
</div>
<div class="flex items-center space-x-4">
<div class="relative hidden md:block">
<input type="text" placeholder="Buscar juegos..." class="search-bar rounded-full py-2 px-4 pr-10 text-gray-800 w-64 focus:outline-none">
<i class="fas fa-search absolute right-3 top-3 text-gray-500"></i>
</div>
<button class="bg-white text-blue-600 px-4 py-1 rounded-full font-medium hover:bg-gray-100 hidden md:block">
Iniciar Sesi贸n
</button>
<button class="bg-green-500 text-white px-4 py-1 rounded-full font-medium hover:bg-green-600 hidden md:block">
Registrarse
</button>
<button class="md:hidden text-2xl">
<i class="fas fa-bars"></i>
</button>
</div>
</nav>
<!-- Hero Section -->
<div class="relative bg-gradient-to-r from-blue-500 to-blue-700 text-white py-16 px-4 md:px-8">
<div class="max-w-6xl mx-auto flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-8 md:mb-0">
<h1 class="text-4xl md:text-5xl font-bold mb-4">Crea, Juega y Comparte</h1>
<p class="text-xl mb-6">脷nete a millones de jugadores en experiencias virtuales incre铆bles.</p>
<div class="flex space-x-4">
<button class="bg-white text-blue-600 px-6 py-3 rounded-full font-bold hover:bg-gray-100 flex items-center play-button">
<i class="fas fa-play mr-2"></i> Jugar Ahora
</button>
<button class="bg-transparent border-2 border-white text-white px-6 py-3 rounded-full font-bold hover:bg-white hover:text-blue-600">
Descargar
</button>
</div>
</div>
<div class="md:w-1/2 flex justify-center">
<img src="https://via.placeholder.com/500x300" alt="Juego destacado" class="rounded-lg shadow-xl w-full max-w-md">
</div>
</div>
</div>
<!-- Main Content -->
<main class="max-w-6xl mx-auto py-8 px-4 md:px-8">
<!-- Categor铆as -->
<section class="mb-12">
<h2 class="text-2xl font-bold mb-6 text-gray-800">Explora Categor铆as</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-4">
<div class="category-chip bg-white rounded-lg p-4 text-center cursor-pointer shadow-sm hover:shadow-md transition">
<i class="fas fa-running text-3xl text-blue-500 mb-2"></i>
<p class="font-medium">Aventura</p>
</div>
<div class="category-chip bg-white rounded-lg p-4 text-center cursor-pointer shadow-sm hover:shadow-md transition">
<i class="fas fa-fighter-jet text-3xl text-red-500 mb-2"></i>
<p class="font-medium">Simulaci贸n</p>
</div>
<div class="category-chip bg-white rounded-lg p-4 text-center cursor-pointer shadow-sm hover:shadow-md transition">
<i class="fas fa-ghost text-3xl text-purple-500 mb-2"></i>
<p class="font-medium">Terror</p>
</div>
<div class="category-chip bg-white rounded-lg p-4 text-center cursor-pointer shadow-sm hover:shadow-md transition">
<i class="fas fa-car text-3xl text-yellow-500 mb-2"></i>
<p class="font-medium">Carreras</p>
</div>
<div class="category-chip bg-white rounded-lg p-4 text-center cursor-pointer shadow-sm hover:shadow-md transition">
<i class="fas fa-chess text-3xl text-green-500 mb-2"></i>
<p class="font-medium">Estrategia</p>
</div>
<div class="category-chip bg-white rounded-lg p-4 text-center cursor-pointer shadow-sm hover:shadow-md transition">
<i class="fas fa-basketball-ball text-3xl text-orange-500 mb-2"></i>
<p class="font-medium">Deportes</p>
</div>
</div>
</section>
<!-- Juegos populares -->
<section class="mb-12">
<div class="flex justify-between items-center mb-6">
<h2 class="text-2xl font-bold text-gray-800">Juegos Populares</h2>
<a href="#" class="text-blue-500 hover:underline">Ver todos</a>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
<!-- Game Card 1 -->
<div class="game-card bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition cursor-pointer">
<div class="relative overflow-hidden h-40">
<img src="https://via.placeholder.com/300x200" alt="Juego 1" class="game-image w-full h-full object-cover">
<div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-3">
<div class="flex items-center">
<div class="w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center text-white mr-2">
<i class="fas fa-user"></i>
</div>
<span class="text-white text-sm">1.2M</span>
</div>
</div>
</div>
<div class="p-4">
<h3 class="font-bold text-lg mb-1">Aventura Espacial</h3>
<p class="text-gray-600 text-sm mb-3">Explora galaxias desconocidas</p>
<div class="flex justify-between items-center">
<div class="flex">
<i class="fas fa-star text-yellow-400 mr-1"></i>
<span>4.8</span>
</div>
<button class="bg-blue-500 text-white px-3 py-1 rounded-full text-sm hover:bg-blue-600">
Jugar
</button>
</div>
</div>
</div>
<!-- Game Card 2 -->
<div class="game-card bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition cursor-pointer">
<div class="relative overflow-hidden h-40">
<img src="https://via.placeholder.com/300x200" alt="Juego 2" class="game-image w-full h-full object-cover">
<div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-3">
<div class="flex items-center">
<div class="w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center text-white mr-2">
<i class="fas fa-user"></i>
</div>
<span class="text-white text-sm">856K</span>
</div>
</div>
</div>
<div class="p-4">
<h3 class="font-bold text-lg mb-1">Prison Escape</h3>
<p class="text-gray-600 text-sm mb-3">Escapa de la prisi贸n m谩s segura</p>
<div class="flex justify-between items-center">
<div class="flex">
<i class="fas fa-star text-yellow-400 mr-1"></i>
<span>4.6</span>
</div>
<button class="bg-blue-500 text-white px-3 py-1 rounded-full text-sm hover:bg-blue-600">
Jugar
</button>
</div>
</div>
</div>
<!-- Game Card 3 -->
<div class="game-card bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition cursor-pointer">
<div class="relative overflow-hidden h-40">
<img src="https://via.placeholder.com/300x200" alt="Juego 3" class="game-image w-full h-full object-cover">
<div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-3">
<div class="flex items-center">
<div class="w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center text-white mr-2">
<i class="fas fa-user"></i>
</div>
<span class="text-white text-sm">2.1M</span>
</div>
</div>
</div>
<div class="p-4">
<h3 class="font-bold text-lg mb-1">Tower of Hell</h3>
<p class="text-gray-600 text-sm mb-3">Supera los obst谩culos m谩s dif铆ciles</p>
<div class="flex justify-between items-center">
<div class="flex">
<i class="fas fa-star text-yellow-400 mr-1"></i>
<span>4.9</span>
</div>
<button class="bg-blue-500 text-white px-3 py-1 rounded-full text-sm hover:bg-blue-600">
Jugar
</button>
</div>
</div>
</div>
<!-- Game Card 4 -->
<div class="game-card bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition cursor-pointer">
<div class="relative overflow-hidden h-40">
<img src="https://via.placeholder.com/300x200" alt="Juego 4" class="game-image w-full h-full object-cover">
<div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-3">
<div class="flex items-center">
<div class="w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center text-white mr-2">
<i class="fas fa-user"></i>
</div>
<span class="text-white text-sm">3.4M</span>
</div>
</div>
</div>
<div class="p-4">
<h3 class="font-bold text-lg mb-1">Adopt Me!</h3>
<p class="text-gray-600 text-sm mb-3">Crea tu familia de mascotas</p>
<div class="flex justify-between items-center">
<div class="flex">
<i class="fas fa-star text-yellow-400 mr-1"></i>
<span>4.7</span>
</div>
<button class="bg-blue-500 text-white px-3 py-1 rounded-full text-sm hover:bg-blue-600">
Jugar
</button>
</div>
</div>
</div>
</div>
</section>
<!-- Recomendados para ti -->
<section class="mb-12">
<div class="flex justify-between items-center mb-6">
<h2 class="text-2xl font-bold text-gray-800">Recomendados para ti</h2>
<a href="#" class="text-blue-500 hover:underline">Ver m谩s</a>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6">
<!-- Game Card 5 -->
<div class="game-card bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition cursor-pointer">
<div class="relative overflow-hidden h-40">
<img src="https://via.placeholder.com/300x200" alt="Juego 5" class="game-image w-full h-full object-cover">
<div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-3">
<div class="flex items-center">
<div class="w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center text-white mr-2">
<i class="fas fa-user"></i>
</div>
<span class="text-white text-sm">789K</span>
</div>
</div>
</div>
<div class="p-4">
<h3 class="font-bold text-lg mb-1">Murder Mystery 2</h3>
<p class="text-gray-600 text-sm mb-3">驴Eres el asesino o el inocente?</p>
<div class="flex justify-between items-center">
<div class="flex">
<i class="fas fa-star text-yellow-400 mr-1"></i>
<span>4.5</span>
</div>
<button class="bg-blue-500 text-white px-3 py-1 rounded-full text-sm hover:bg-blue-600">
Jugar
</button>
</div>
</div>
</div>
<!-- Game Card 6 -->
<div class="game-card bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition cursor-pointer">
<div class="relative overflow-hidden h-40">
<img src="https://via.placeholder.com/300x200" alt="Juego 6" class="game-image w-full h-full object-cover">
<div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-3">
<div class="flex items-center">
<div class="w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center text-white mr-2">
<i class="fas fa-user"></i>
</div>
<span class="text-white text-sm">1.5M</span>
</div>
</div>
</div>
<div class="p-4">
<h3 class="font-bold text-lg mb-1">Brookhaven RP</h3>
<p class="text-gray-600 text-sm mb-3">Vive tu vida virtual</p>
<div class="flex justify-between items-center">
<div class="flex">
<i class="fas fa-star text-yellow-400 mr-1"></i>
<span>4.8</span>
</div>
<button class="bg-blue-500 text-white px-3 py-1 rounded-full text-sm hover:bg-blue-600">
Jugar
</button>
</div>
</div>
</div>
<!-- Game Card 7 -->
<div class="game-card bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition cursor-pointer">
<div class="relative overflow-hidden h-40">
<img src="https://via.placeholder.com/300x200" alt="Juego 7" class="game-image w-full h-full object-cover">
<div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-3">
<div class="flex items-center">
<div class="w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center text-white mr-2">
<i class="fas fa-user"></i>
</div>
<span class="text-white text-sm">2.8M</span>
</div>
</div>
</div>
<div class="p-4">
<h3 class="font-bold text-lg mb-1">Blox Fruits</h3>
<p class="text-gray-600 text-sm mb-3">Encuentra las frutas del poder</p>
<div class="flex justify-between items-center">
<div class="flex">
<i class="fas fa-star text-yellow-400 mr-1"></i>
<span>4.9</span>
</div>
<button class="bg-blue-500 text-white px-3 py-1 rounded-full text-sm hover:bg-blue-600">
Jugar
</button>
</div>
</div>
</div>
<!-- Game Card 8 -->
<div class="game-card bg-white rounded-lg overflow-hidden shadow-md hover:shadow-lg transition cursor-pointer">
<div class="relative overflow-hidden h-40">
<img src="https://via.placeholder.com/300x200" alt="Juego 8" class="game-image w-full h-full object-cover">
<div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black to-transparent p-3">
<div class="flex items-center">
<div class="w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center text-white mr-2">
<i class="fas fa-user"></i>
</div>
<span class="text-white text-sm">1.1M</span>
</div>
</div>
</div>
<div class="p-4">
<h3 class="font-bold text-lg mb-1">Jailbreak</h3>
<p class="text-gray-600 text-sm mb-3">驴Polic铆a o criminal?</p>
<div class="flex justify-between items-center">
<div class="flex">
<i class="fas fa-star text-yellow-400 mr-1"></i>
<span>4.7</span>
</div>
<button class="bg-blue-500 text-white px-3 py-1 rounded-full text-sm hover:bg-blue-600">
Jugar
</button>
</div>
</div>
</div>
</div>
</section>
<!-- Creadores destacados -->
<section class="mb-12">
<h2 class="text-2xl font-bold mb-6 text-gray-800">Creadores Destacados</h2>
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-6">
<div class="flex flex-col items-center cursor-pointer avatar">
<div class="w-20 h-20 rounded-full bg-gradient-to-r from-purple-500 to-pink-500 flex items-center justify-center text-white text-2xl mb-2">
<i class="fas fa-user"></i>
</div>
<p class="font-medium text-center">GameMaster</p>
<p class="text-gray-500 text-sm">12 juegos</p>
</div>
<div class="flex flex-col items-center cursor-pointer avatar">
<div class="w-20 h-20 rounded-full bg-gradient-to-r from-blue-500 to-teal-400 flex items-center justify-center text-white text-2xl mb-2">
<i class="fas fa-user"></i>
</div>
<p class="font-medium text-center">AdventurePro</p>
<p class="text-gray-500 text-sm">8 juegos</p>
</div>
<div class="flex flex-col items-center cursor-pointer avatar">
<div class="w-20 h-20 rounded-full bg-gradient-to-r from-red-500 to-orange-500 flex items-center justify-center text-white text-2xl mb-2">
<i class="fas fa-user"></i>
</div>
<p class="font-medium text-center">EpicBuilder</p>
<p class="text-gray-500 text-sm">15 juegos</p>
</div>
<div class="flex flex-col items-center cursor-pointer avatar">
<div class="w-20 h-20 rounded-full bg-gradient-to-r from-green-500 to-blue-500 flex items-center justify-center text-white text-2xl mb-2">
<i class="fas fa-user"></i>
</div>
<p class="font-medium text-center">PixelArtist</p>
<p class="text-gray-500 text-sm">6 juegos</p>
</div>
<div class="flex flex-col items-center cursor-pointer avatar">
<div class="w-20 h-20 rounded-full bg-gradient-to-r from-yellow-500 to-red-500 flex items-center justify-center text-white text-2xl mb-2">
<i class="fas fa-user"></i>
</div>
<p class="font-medium text-center">CodeWizard</p>
<p class="text-gray-500 text-sm">10 juegos</p>
</div>
<div class="flex flex-col items-center cursor-pointer avatar">
<div class="w-20 h-20 rounded-full bg-gradient-to-r from-indigo-500 to-purple-500 flex items-center justify-center text-white text-2xl mb-2">
<i class="fas fa-user"></i>
</div>
<p class="font-medium text-center">MapDesigner</p>
<p class="text-gray-500 text-sm">7 juegos</p>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="bg-gray-800 text-white py-12 px-4 md:px-8">
<div class="max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-4 gap-8">
<div>
<h3 class="text-xl font-bold mb-4 flex items-center">
<i class="fas fa-cube text-2xl mr-2"></i> RobloxClone
</h3>
<p class="text-gray-400">La plataforma de juegos virtuales m谩s grande del mundo.</p>
<div class="flex space-x-4 mt-4">
<a href="#" class="text-gray-400 hover:text-white text-xl">
<i class="fab fa-facebook"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white text-xl">
<i class="fab fa-twitter"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white text-xl">
<i class="fab fa-instagram"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white text-xl">
<i class="fab fa-youtube"></i>
</a>
</div>
</div>
<div>
<h4 class="font-bold text-lg mb-4">Sobre Nosotros</h4>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white">Nuestra historia</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Trabaja con nosotros</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Blog</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Noticias</a></li>
</ul>
</div>
<div>
<h4 class="font-bold text-lg mb-4">Recursos</h4>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white">Documentaci贸n</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Foro de ayuda</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Tutoriales</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">API</a></li>
</ul>
</div>
<div>
<h4 class="font-bold text-lg mb-4">Legal</h4>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white">T茅rminos de servicio</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Privacidad</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Seguridad</a></li>
<li><a href="#" class="text-gray-400 hover:text-white">Pol铆tica de cookies</a></li>
</ul>
</div>
</div>
<div class="max-w-6xl mx-auto border-t border-gray-700 mt-8 pt-8 text-center text-gray-400">
<p>漏 2023 RobloxClone. Todos los derechos reservados.</p>
</div>
</footer>
<!-- Mobile Menu (hidden by default) -->
<div id="mobileMenu" class="fixed inset-0 bg-black bg-opacity-90 z-50 hidden">
<div class="flex justify-end p-4">
<button id="closeMenu" class="text-white text-3xl">
<i class="fas fa-times"></i>
</button>
</div>
<div class="flex flex-col items-center justify-center h-full text-white text-2xl space-y-6">
<a href="#" class="hover:text-blue-400">Descubrir</a>
<a href="#" class="hover:text-blue-400">Marketplace</a>
<a href="#" class="hover:text-blue-400">Crear</a>
<a href="#" class="hover:text-blue-400">Robux</a>
<div class="flex space-x-4 mt-8">
<button class="bg-white text-blue-600 px-6 py-2 rounded-full font-medium">
Iniciar Sesi贸n
</button>
<button class="bg-green-500 text-white px-6 py-2 rounded-full font-medium">
Registrarse
</button>
</div>
</div>
</div>
<script>
// Mobile menu toggle
document.addEventListener('DOMContentLoaded', function() {
const menuButton = document.querySelector('.md\\:hidden.text-2xl');
const mobileMenu = document.getElementById('mobileMenu');
const closeMenu = document.getElementById('closeMenu');
menuButton.addEventListener('click', function() {
mobileMenu.classList.remove('hidden');
});
closeMenu.addEventListener('click', function() {
mobileMenu.classList.add('hidden');
});
// Simular carga de im谩genes (en un caso real, aqu铆 cargar铆as las im谩genes)
setTimeout(() => {
const placeholders = document.querySelectorAll('[src="https://via.placeholder.com/300x200"]');
placeholders.forEach(img => {
// En una aplicaci贸n real, aqu铆 ir铆a la URL de la imagen real
// img.src = 'url-de-la-imagen-real.jpg';
});
}, 1000);
// Efecto hover para las tarjetas de juego
const gameCards = document.querySelectorAll('.game-card');
gameCards.forEach(card => {
card.addEventListener('mouseenter', function() {
this.querySelector('.game-image').style.transform = 'scale(1.05)';
});
card.addEventListener('mouseleave', function() {
this.querySelector('.game-image').style.transform = 'scale(1)';
});
});
// Animaci贸n para el bot贸n de jugar
const playButtons = document.querySelectorAll('.play-button');
playButtons.forEach(button => {
button.addEventListener('mouseenter', function() {
this.style.animation = 'pulse 1.5s infinite';
});
button.addEventListener('mouseleave', function() {
this.style.animation = 'none';
});
});
});
</script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 馃К <a href="https://enzostvs-deepsite.hf.space?remix=AlbertIzq25/mycloneroblox" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>