rsimplicio/neutral-elegance-explorer
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Block Blast | Neutral Elegance</title>7 <link rel="stylesheet" href="style.css">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://unpkg.com/feather-icons"></script>10</head>11<body class="bg-primary-100 min-h-screen">12 <custom-navbar></custom-navbar>13 14 <main class="container mx-auto px-4 py-12">15 <div class="flex flex-col lg:flex-row gap-12">16 <div class="lg:w-2/3">17 <div class="bg-white rounded-xl shadow-lg p-6 mb-8">18 <h1 class="text-4xl font-bold text-primary-900 mb-4">Block Blast!</h1>19 <div class="flex items-center gap-4 mb-6">20 <div class="flex items-center gap-1 text-yellow-400">21 <i data-feather="star" class="w-5 h-5 fill-current"></i>22 <span class="font-medium">4.6</span>23 </div>24 <span class="text-secondary-900">3.27M ratings</span>25 <span class="text-secondary-900">500M+ downloads</span>26 </div>27 28 <div class="mb-6">29 <p class="text-lg text-secondary-900 mb-6">30 🎮 Bem-vindo ao mundo do Block Blast! Se você gosta de jogos divertidos e desafiadores ou só quer relaxar, 31 o Block Blast é pra você! Cada jogada testa sua estratégia com explosões incríveis de blocos. 32 E o melhor: é offline e você joga em qualquer lugar, sem internet, quando quiser!33 </p>34 35 <div class="bg-blue-50 border-l-4 border-blue-500 p-4 mb-6">36 <p class="text-blue-800">37 <strong>Ganhe 25% de desconto</strong> nas suas primeiras compras no jogo pelo PC (até R$ 130)38 <br>Economize agora e use em jogos até 31 de dezembro de 202539 </p>40 </div>41 42 <h3 class="text-2xl font-semibold text-primary-900 mb-3">🌟 Por que você vai curtir o Block Blast?</h3>43 <ul class="space-y-2 text-secondary-900">44 <li class="flex items-start gap-2">45 <i data-feather="check" class="text-green-500 flex-shrink-0 mt-1"></i>46 <span>✨ Quebra-Cabeça Divertido: Coloque blocos coloridos na grade 8x8, complete linhas ou colunas e veja tudo explodir em cores</span>47 </li>48 </ul>49 </div>50 51 <div class="bg-secondary-100 rounded-lg p-4">52 <h4 class="font-semibold text-primary-900 mb-2">Classificação do conteúdo</h4>53 <p class="text-secondary-900 mb-2">Classificação Livre</p>54 <p class="text-xs text-secondary-900">55 É necessário ter o Google Play Games no PC para instalar este jogo no Windows. Ao fazer o download do app e do jogo, 56 você concorda com os Termos de Serviço do Google e do Google Play.57 </p>58 </div>59 </div>60 </div>61 62 <div class="lg:w-1/3">63 <div class="bg-white rounded-xl shadow-lg overflow-hidden sticky top-6">64 <img src="http://static.photos/gaming/640x360/1" alt="Block Blast" class="w-full h-48 object-cover">65 <div class="p-6">66 <button class="w-full bg-green-500 hover:bg-green-600 text-white font-bold py-3 px-4 rounded-lg transition-colors mb-4">67 Instalar68 </button>69 <div class="flex items-center justify-between text-sm text-secondary-900 mb-4">70 <span>Contém anúncios</span>71 <span>Compras no app</span>72 </div>73 <div class="text-sm text-secondary-900">74 <p class="mb-2">Desenvolvido por HungryStudio</p>75 <p>Atualizado em 15/05/2024</p>76 </div>77 </div>78 </div>79 </div>80 </div>81 </main>82 83 <custom-footer></custom-footer>84 85 <script src="components/navbar.js"></script>86 <script src="components/footer.js"></script>87 <script src="script.js"></script>88 <script>feather.replace();</script>89</body>90</html>