|
|
<!DOCTYPE html> |
|
|
<html lang="pt-BR"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Carlim Flamenguista - A Paixão Rubro-Negra</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=Montserrat:wght@400;700&family=Oswald:wght@700&display=swap'); |
|
|
|
|
|
body { |
|
|
font-family: 'Montserrat', sans-serif; |
|
|
background-color: #f8f9fa; |
|
|
} |
|
|
|
|
|
.title-font { |
|
|
font-family: 'Oswald', sans-serif; |
|
|
} |
|
|
|
|
|
.flamengo-red { |
|
|
background-color: #a11d21; |
|
|
} |
|
|
|
|
|
.flamengo-blue { |
|
|
background-color: #0d2341; |
|
|
} |
|
|
|
|
|
.hero { |
|
|
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://images.unsplash.com/photo-1574629810360-7efbbe195018?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1293&q=80'); |
|
|
background-size: cover; |
|
|
background-position: center; |
|
|
} |
|
|
|
|
|
.timeline-item:not(:last-child)::after { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
left: 7px; |
|
|
top: 24px; |
|
|
height: 100%; |
|
|
width: 2px; |
|
|
background: #a11d21; |
|
|
} |
|
|
|
|
|
.trophy-icon { |
|
|
transition: transform 0.3s ease; |
|
|
} |
|
|
|
|
|
.trophy-icon:hover { |
|
|
transform: scale(1.2); |
|
|
} |
|
|
|
|
|
.player-card:hover { |
|
|
transform: translateY(-10px); |
|
|
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
|
|
} |
|
|
|
|
|
.marquee { |
|
|
animation: marquee 20s linear infinite; |
|
|
white-space: nowrap; |
|
|
} |
|
|
|
|
|
@keyframes marquee { |
|
|
0% { transform: translateX(0); } |
|
|
100% { transform: translateX(-50%); } |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
|
|
|
<header class="sticky top-0 z-50 shadow-lg"> |
|
|
<nav class="flamengo-red text-white"> |
|
|
<div class="container mx-auto px-4 py-3 flex justify-between items-center"> |
|
|
<div class="flex items-center space-x-2"> |
|
|
<img src="https://logodownload.org/wp-content/uploads/2016/09/flamengo-logo-escudo-1.png" alt="Escudo Flamengo" class="h-10"> |
|
|
<h1 class="title-font text-2xl">Carlim Flamenguista</h1> |
|
|
</div> |
|
|
<div class="hidden md:flex space-x-6"> |
|
|
<a href="#historia" class="hover:text-yellow-300 transition">História</a> |
|
|
<a href="#conquistas" class="hover:text-yellow-300 transition">Conquistas</a> |
|
|
<a href="#idolos" class="hover:text-yellow-300 transition">Ídolos</a> |
|
|
<a href="#estadio" class="hover:text-yellow-300 transition">Maracanã</a> |
|
|
</div> |
|
|
<button class="md:hidden text-2xl" id="menu-toggle"> |
|
|
<i class="fas fa-bars"></i> |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
<div class="md:hidden hidden flamengo-blue py-2" id="mobile-menu"> |
|
|
<div class="container mx-auto px-4 flex flex-col space-y-3"> |
|
|
<a href="#historia" class="hover:text-yellow-300 transition">História</a> |
|
|
<a href="#conquistas" class="hover:text-yellow-300 transition">Conquistas</a> |
|
|
<a href="#idolos" class="hover:text-yellow-300 transition">Ídolos</a> |
|
|
<a href="#estadio" class="hover:text-yellow-300 transition">Maracanã</a> |
|
|
</div> |
|
|
</div> |
|
|
</nav> |
|
|
</header> |
|
|
|
|
|
|
|
|
<section class="hero text-white py-20 md:py-32 flex items-center"> |
|
|
<div class="container mx-auto px-4 text-center"> |
|
|
<h1 class="title-font text-4xl md:text-6xl mb-4">CR Flamengo</h1> |
|
|
<p class="text-xl md:text-2xl mb-8">Uma Nação, Uma Paixão</p> |
|
|
<div class="flex justify-center space-x-4"> |
|
|
<button class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold py-2 px-6 rounded-full transition"> |
|
|
Torcer |
|
|
</button> |
|
|
<button class="border-2 border-white hover:bg-white hover:text-black font-bold py-2 px-6 rounded-full transition"> |
|
|
História |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="flamengo-blue text-white py-10"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 text-center"> |
|
|
<div class="p-4"> |
|
|
<div class="text-4xl font-bold mb-2" id="socios-counter">0</div> |
|
|
<div class="text-sm uppercase">Sócios Torcedores</div> |
|
|
</div> |
|
|
<div class="p-4"> |
|
|
<div class="text-4xl font-bold mb-2" id="titulos-counter">0</div> |
|
|
<div class="text-sm uppercase">Títulos Oficiais</div> |
|
|
</div> |
|
|
<div class="p-4"> |
|
|
<div class="text-4xl font-bold mb-2" id="mundial-counter">0</div> |
|
|
<div class="text-sm uppercase">Mundiais</div> |
|
|
</div> |
|
|
<div class="p-4"> |
|
|
<div class="text-4xl font-bold mb-2" id="torcedores-counter">0</div> |
|
|
<div class="text-sm uppercase">Milhões de Torcedores</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="historia" class="py-16 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<h2 class="title-font text-3xl md:text-4xl text-center mb-12 text-black">Nossa <span class="text-red-600">História</span></h2> |
|
|
|
|
|
<div class="relative max-w-3xl mx-auto"> |
|
|
|
|
|
<div class="timeline-item relative pl-8 pb-8"> |
|
|
<div class="absolute left-0 flamengo-red rounded-full h-4 w-4 top-1"></div> |
|
|
<h3 class="font-bold text-xl mb-2">1895 - Fundação</h3> |
|
|
<p class="text-gray-700">O Clube de Regatas do Flamengo foi fundado em 17 de novembro de 1895, inicialmente como um clube de remo por um grupo de jovens que se reuniam na Praia do Flamengo.</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="timeline-item relative pl-8 pb-8"> |
|
|
<div class="absolute left-0 flamengo-red rounded-full h-4 w-4 top-1"></div> |
|
|
<h3 class="font-bold text-xl mb-2">1912 - O Nascimento do Futebol</h3> |
|
|
<p class="text-gray-700">O departamento de futebol foi criado em 1912, após uma cisão no Fluminense Football Club. Um grupo de jogadores, insatisfeitos com a diretoria, migrou para o Flamengo.</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="timeline-item relative pl-8 pb-8"> |
|
|
<div class="absolute left-0 flamengo-red rounded-full h-4 w-4 top-1"></div> |
|
|
<h3 class="font-bold text-xl mb-2">1920 - Primeiro Título Estadual</h3> |
|
|
<p class="text-gray-700">O Flamengo conquistou seu primeiro Campeonato Carioca em 1920, iniciando uma era de domínio no futebol do Rio de Janeiro.</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="timeline-item relative pl-8 pb-8"> |
|
|
<div class="absolute left-0 flamengo-red rounded-full h-4 w-4 top-1"></div> |
|
|
<h3 class="font-bold text-xl mb-2">1981 - A Era Zico</h3> |
|
|
<p class="text-gray-700">Com Zico como principal estrela, o Flamengo conquistou a Copa Libertadores e o Mundial Interclubes, derrotando o Liverpool por 3 a 0 no Japão.</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="timeline-item relative pl-8 pb-8"> |
|
|
<div class="absolute left-0 flamengo-red rounded-full h-4 w-4 top-1"></div> |
|
|
<h3 class="font-bold text-xl mb-2">2019 - O Renascimento</h3> |
|
|
<p class="text-gray-700">Sob o comando de Jorge Jesus, o Flamengo conquistou o Brasileirão e a Libertadores de forma espetacular, com uma das melhores campanhas da história do clube.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="conquistas" class="py-16 flamengo-blue text-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<h2 class="title-font text-3xl md:text-4xl text-center mb-12">Nossas <span class="text-yellow-400">Conquistas</span></h2> |
|
|
|
|
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-6 text-center"> |
|
|
<div class="bg-white bg-opacity-10 p-6 rounded-lg"> |
|
|
<i class="fas fa-trophy trophy-icon text-yellow-400 text-4xl mb-4"></i> |
|
|
<h3 class="font-bold text-xl mb-2">1</h3> |
|
|
<p class="text-sm uppercase">Mundial de Clubes</p> |
|
|
</div> |
|
|
|
|
|
<div class="bg-white bg-opacity-10 p-6 rounded-lg"> |
|
|
<i class="fas fa-trophy trophy-icon text-yellow-400 text-4xl mb-4"></i> |
|
|
<h3 class="font-bold text-xl mb-2">3</h3> |
|
|
<p class="text-sm uppercase">Libertadores</p> |
|
|
</div> |
|
|
|
|
|
<div class="bg-white bg-opacity-10 p-6 rounded-lg"> |
|
|
<i class="fas fa-trophy trophy-icon text-yellow-400 text-4xl mb-4"></i> |
|
|
<h3 class="font-bold text-xl mb-2">8</h3> |
|
|
<p class="text-sm uppercase">Brasileirões</p> |
|
|
</div> |
|
|
|
|
|
<div class="bg-white bg-opacity-10 p-6 rounded-lg"> |
|
|
<i class="fas fa-trophy trophy-icon text-yellow-400 text-4xl mb-4"></i> |
|
|
<h3 class="font-bold text-xl mb-2">37</h3> |
|
|
<p class="text-sm uppercase">Cariocas</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="mt-12 bg-black bg-opacity-30 p-6 rounded-lg"> |
|
|
<h3 class="font-bold text-xl mb-4 text-center">Momentos Épicos</h3> |
|
|
<div class="grid md:grid-cols-2 gap-6"> |
|
|
<div class="bg-white bg-opacity-10 p-4 rounded-lg"> |
|
|
<h4 class="font-bold text-yellow-400 mb-2">3x0 x Liverpool - 1981</h4> |
|
|
<p>No Estádio Nacional de Tóquio, o Flamengo conquistou o Mundial com gols de Nunes (2) e Adílio, em uma das maiores atuações da história do futebol brasileiro.</p> |
|
|
</div> |
|
|
<div class="bg-white bg-opacity-10 p-4 rounded-lg"> |
|
|
<h4 class="font-bold text-yellow-400 mb-2">5x0 x San Lorenzo - 2019</h4> |
|
|
<p>Na final da Libertadores em Lima, o Flamengo goleou o San Lorenzo com show de Gabigol (2), Bruno Henrique, Gerson e Arrascaeta.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="idolos" class="py-16 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<h2 class="title-font text-3xl md:text-4xl text-center mb-12 text-black">Nossos <span class="text-red-600">Ídolos</span></h2> |
|
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8"> |
|
|
|
|
|
<div class="player-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
|
|
<img src="https://conteudo.imguol.com.br/c/esporte/9b/2022/04/25/zico-com-a-camisa-do-flamengo-1650898900210_v2_900x506.jpg" alt="Zico" class="w-full h-64 object-cover"> |
|
|
<div class="p-4"> |
|
|
<h3 class="font-bold text-xl mb-2">Zico</h3> |
|
|
<p class="text-gray-700">O "Galinho de Quintino", maior ídolo da história do clube. Artilheiro, camisa 10 e símbolo do Flamengo dos anos 80.</p> |
|
|
<div class="mt-4 flex space-x-2"> |
|
|
<span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded">732 jogos</span> |
|
|
<span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">508 gols</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="player-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
|
|
<img src="https://midias.correiobraziliense.com.br/_midias/jpg/2022/10/29/675x450/1_gabigol_flamengo-26032071.jpg" alt="Gabigol" class="w-full h-64 object-cover"> |
|
|
<div class="p-4"> |
|
|
<h3 class="font-bold text-xl mb-2">Gabigol</h3> |
|
|
<p class="text-gray-700">Herói da Libertadores 2019, artilheiro e um dos maiores nomes do Flamengo na era moderna.</p> |
|
|
<div class="mt-4 flex space-x-2"> |
|
|
<span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded">+200 jogos</span> |
|
|
<span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">+150 gols</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="player-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
|
|
<img src="https://s2-ge.glbimg.com/4KzQ3gQzXvJ1W9eJ3g3J9Q1j2eA=/0x0:2048x1365/984x0/smart/filters:strip_icc()/i.s3.glbimg.com/v1/AUTH_bc8228b6673f488aa253bbcb03c80ec5/internal_photos/bs/2021/5/J/5XKQ5tTQyA1h1jWQJw3Q/junior.jpg" alt="Júnior" class="w-full h-64 object-cover"> |
|
|
<div class="p-4"> |
|
|
<h3 class="font-bold text-xl mb-2">Júnior</h3> |
|
|
<p class="text-gray-700">Lateral-esquerdo de classe mundial, peça fundamental no time campeão mundial de 1981.</p> |
|
|
<div class="mt-4 flex space-x-2"> |
|
|
<span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded">857 jogos</span> |
|
|
<span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">77 gols</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="player-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
|
|
<img src="https://conteudo.imguol.com.br/c/esporte/futebol/2013/05/08/adriano-comemora-gol-pelo-flamengo-contra-o-gremio-pela-libertadores-2013-1368051278893_615x300.jpg" alt="Adriano" class="w-full h-64 object-cover"> |
|
|
<div class="p-4"> |
|
|
<h3 class="font-bold text-xl mb-2">Adriano</h3> |
|
|
<p class="text-gray-700">O "Imperador", ídolo da torcida nos anos 2000, conhecido por seus gols de canhota e força física.</p> |
|
|
<div class="mt-4 flex space-x-2"> |
|
|
<span class="bg-red-100 text-red-800 text-xs px-2 py-1 rounded">193 jogos</span> |
|
|
<span class="bg-blue-100 text-blue-800 text-xs px-2 py-1 rounded">114 gols</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="estadio" class="py-16 flamengo-red text-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<h2 class="title-font text-3xl md:text-4xl text-center mb-12">Nosso <span class="text-yellow-400">Templo</span></h2> |
|
|
|
|
|
<div class="grid md:grid-cols-2 gap-8 items-center"> |
|
|
<div> |
|
|
<h3 class="font-bold text-2xl mb-4">Estádio Jornalista Mário Filho - Maracanã</h3> |
|
|
<p class="mb-4">O Maracanã é o estádio do Flamengo, palco das maiores glórias rubro-negras. Inaugurado em 1950, é um dos estádios mais icônicos do mundo.</p> |
|
|
<p class="mb-4">Com capacidade para 78.838 torcedores, o Maracanã já recebeu jogos históricos como a final do Mundial de 1981 e a virada contra o River Plate em 2019.</p> |
|
|
<div class="flex flex-wrap gap-2 mt-6"> |
|
|
<span class="bg-white text-red-800 px-3 py-1 rounded-full text-sm">Capacidade: 78.838</span> |
|
|
<span class="bg-white text-red-800 px-3 py-1 rounded-full text-sm">Inauguração: 1950</span> |
|
|
<span class="bg-white text-red-800 px-3 py-1 rounded-full text-sm">Maior Público: 173.850</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="rounded-lg overflow-hidden shadow-2xl"> |
|
|
<img src="https://midias.correiobraziliense.com.br/_midias/jpg/2022/11/13/818x460/1_estadio_do_maracana-26048360.jpg" alt="Maracanã" class="w-full h-auto"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-gray-100"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<h2 class="title-font text-3xl md:text-4xl text-center mb-12 text-black">A <span class="text-red-600">Maior Torcida</span> do Mundo</h2> |
|
|
|
|
|
<div class="bg-white rounded-lg shadow-lg p-6"> |
|
|
<div class="mb-6"> |
|
|
<h3 class="font-bold text-xl mb-2">Nação Rubro-Negra</h3> |
|
|
<p>O Flamengo possui a maior torcida do Brasil e uma das maiores do mundo, com mais de 40 milhões de torcedores espalhados por todo o país e no exterior.</p> |
|
|
</div> |
|
|
|
|
|
<div class="overflow-hidden"> |
|
|
<div class="marquee flex space-x-8 py-4"> |
|
|
<span class="text-xl font-bold text-red-600">FLAMENGO</span> |
|
|
<span class="text-xl font-bold text-black">UMA NAÇÃO</span> |
|
|
<span class="text-xl font-bold text-red-600">UMA PAIXÃO</span> |
|
|
<span class="text-xl font-bold text-black">CRF</span> |
|
|
<span class="text-xl font-bold text-red-600">MENGO</span> |
|
|
<span class="text-xl font-bold text-black">RUBRO-NEGRO</span> |
|
|
<span class="text-xl font-bold text-red-600">FLAMENGO</span> |
|
|
<span class="text-xl font-bold text-black">UMA NAÇÃO</span> |
|
|
<span class="text-xl font-bold text-red-600">UMA PAIXÃO</span> |
|
|
<span class="text-xl font-bold text-black">CRF</span> |
|
|
<span class="text-xl font-bold text-red-600">MENGO</span> |
|
|
<span class="text-xl font-bold text-black">RUBRO-NEGRO</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="mt-8 grid grid-cols-2 md:grid-cols-3 gap-4"> |
|
|
<div class="bg-red-600 text-white p-4 rounded-lg text-center"> |
|
|
<i class="fas fa-users text-3xl mb-2"></i> |
|
|
<h4 class="font-bold">Torcida Organizada</h4> |
|
|
<p class="text-sm">A Nação 12 é uma das maiores e mais tradicionais torcidas organizadas do Brasil.</p> |
|
|
</div> |
|
|
<div class="bg-black text-white p-4 rounded-lg text-center"> |
|
|
<i class="fas fa-globe-americas text-3xl mb-2"></i> |
|
|
<h4 class="font-bold">Torcida Global</h4> |
|
|
<p class="text-sm">Flamenguistas em todos os continentes, mostrando que o Mengão é realmente uma nação.</p> |
|
|
</div> |
|
|
<div class="bg-yellow-500 text-black p-4 rounded-lg text-center"> |
|
|
<i class="fas fa-trophy text-3xl mb-2"></i> |
|
|
<h4 class="font-bold">Torcida Vencedora</h4> |
|
|
<p class="text-sm">Apoio incondicional nos momentos de glória e nas dificuldades.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 flamengo-blue text-white"> |
|
|
<div class="container mx-auto px-4 max-w-4xl"> |
|
|
<div class="bg-black bg-opacity-30 rounded-lg p-8 md:p-12"> |
|
|
<h2 class="title-font text-3xl md:text-4xl text-center mb-6">Junte-se à Nação</h2> |
|
|
<p class="text-center mb-8">Receba as últimas notícias, promoções e novidades do Mengão diretamente no seu e-mail.</p> |
|
|
|
|
|
<form class="flex flex-col md:flex-row gap-4"> |
|
|
<input type="email" placeholder="Seu melhor e-mail" class="flex-grow px-4 py-3 rounded-full text-black focus:outline-none"> |
|
|
<button type="submit" class="bg-yellow-500 hover:bg-yellow-600 text-black font-bold py-3 px-6 rounded-full transition"> |
|
|
Assinar <i class="fas fa-paper-plane ml-2"></i> |
|
|
</button> |
|
|
</form> |
|
|
|
|
|
<div class="mt-8 flex justify-center space-x-6"> |
|
|
<a href="#" class="text-2xl hover:text-yellow-400 transition"><i class="fab fa-facebook"></i></a> |
|
|
<a href="#" class="text-2xl hover:text-yellow-400 transition"><i class="fab fa-twitter"></i></a> |
|
|
<a href="#" class="text-2xl hover:text-yellow-400 transition"><i class="fab fa-instagram"></i></a> |
|
|
<a href="#" class="text-2xl hover:text-yellow-400 transition"><i class="fab fa-youtube"></i></a> |
|
|
<a href="#" class="text-2xl hover:text-yellow-400 transition"><i class="fab fa-tiktok"></i></a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<footer class="bg-black text-white py-8"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="flex flex-col md:flex-row justify-between items-center"> |
|
|
<div class="mb-4 md:mb-0 flex items-center space-x-2"> |
|
|
<img src="https://logodownload.org/wp-content/uploads/2016/09/flamengo-logo-escudo-1.png" alt="Escudo Flamengo" class="h-10"> |
|
|
<h2 class="title-font text-xl">Carlim Flamenguista</h2> |
|
|
</div> |
|
|
<div class="text-sm text-gray-400"> |
|
|
© 2023 Clube de Regatas do Flamengo. Todos os direitos reservados. |
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-6 pt-6 border-t border-gray-800 text-center text-gray-400 text-sm"> |
|
|
<p>Este é um site de torcedor para torcedores. Não possui vínculo oficial com o Clube de Regatas do Flamengo.</p> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
|
|
|
document.getElementById('menu-toggle').addEventListener('click', function() { |
|
|
const menu = document.getElementById('mobile-menu'); |
|
|
menu.classList.toggle('hidden'); |
|
|
}); |
|
|
|
|
|
|
|
|
function animateCounter(elementId, target, duration = 2000) { |
|
|
const element = document.getElementById(elementId); |
|
|
const start = 0; |
|
|
const increment = target / (duration / 16); |
|
|
let current = start; |
|
|
|
|
|
const timer = setInterval(() => { |
|
|
current += increment; |
|
|
if (current >= target) { |
|
|
clearInterval(timer); |
|
|
current = target; |
|
|
} |
|
|
element.textContent = Math.floor(current).toLocaleString(); |
|
|
}, 16); |
|
|
} |
|
|
|
|
|
|
|
|
window.addEventListener('load', () => { |
|
|
animateCounter('socios-counter', 145000); |
|
|
animateCounter('titulos-counter', 70); |
|
|
animateCounter('mundial-counter', 1); |
|
|
animateCounter('torcedores-counter', 40); |
|
|
}); |
|
|
|
|
|
|
|
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
|
|
anchor.addEventListener('click', function (e) { |
|
|
e.preventDefault(); |
|
|
|
|
|
const targetId = this.getAttribute('href'); |
|
|
if (targetId === '#') return; |
|
|
|
|
|
const targetElement = document.querySelector(targetId); |
|
|
if (targetElement) { |
|
|
targetElement.scrollIntoView({ |
|
|
behavior: 'smooth' |
|
|
}); |
|
|
|
|
|
|
|
|
const mobileMenu = document.getElementById('mobile-menu'); |
|
|
if (!mobileMenu.classList.contains('hidden')) { |
|
|
mobileMenu.classList.add('hidden'); |
|
|
} |
|
|
} |
|
|
}); |
|
|
}); |
|
|
</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=hiojo/teste" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
