Spaces:
Running
Running
crie mais alguns blocos de quem somos nós por exemplo e outro a importancia de fazer exercicio fisico e com acompanhamento de profissionais. http://static.photos/technology/640x360/5 substituir esta imagem por esta https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSjbV8pt10zJJOwCqOddSxCK8TraaNcWClHsA&s . e muda o nome para Academia Tech.
Browse files- index.html +80 -11
index.html
CHANGED
|
@@ -73,10 +73,10 @@
|
|
| 73 |
<!-- Header -->
|
| 74 |
<header class="py-6 px-4 sm:px-8 lg:px-12">
|
| 75 |
<div class="container mx-auto flex justify-between items-center">
|
| 76 |
-
|
| 77 |
-
|
| 78 |
-
|
| 79 |
-
|
| 80 |
<nav class="hidden md:flex space-x-8">
|
| 81 |
<a href="#" class="text-lg hover:text-cyan-400 transition">Início</a>
|
| 82 |
<a href="#" class="text-lg hover:text-cyan-400 transition">Treinos</a>
|
|
@@ -102,16 +102,85 @@
|
|
| 102 |
</div>
|
| 103 |
<div class="relative">
|
| 104 |
<div class="neon-box rounded-2xl p-1">
|
| 105 |
-
|
| 106 |
-
|
| 107 |
<div class="absolute -bottom-6 -left-6 w-32 h-32 bg-pink-500 rounded-full filter blur-xl opacity-30"></div>
|
| 108 |
<div class="absolute -top-6 -right-6 w-32 h-32 bg-cyan-400 rounded-full filter blur-xl opacity-30"></div>
|
| 109 |
</div>
|
| 110 |
</div>
|
| 111 |
</section>
|
| 112 |
-
|
| 113 |
-
<!-- Features -->
|
| 114 |
<section class="py-16 px-4 sm:px-8 lg:px-12 bg-black bg-opacity-70 backdrop-blur-sm">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 115 |
<div class="container mx-auto">
|
| 116 |
<h2 class="text-3xl sm:text-4xl font-bold mb-12 text-center neon-text font-orbitron">NOSSA <span class="text-pink-500">TECNOLOGIA</span></h2>
|
| 117 |
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
|
@@ -196,9 +265,9 @@
|
|
| 196 |
<div class="container mx-auto">
|
| 197 |
<div class="flex flex-col md:flex-row justify-between items-center">
|
| 198 |
<div class="flex items-center mb-4 md:mb-0">
|
| 199 |
-
|
| 200 |
-
|
| 201 |
-
|
| 202 |
<div class="flex space-x-4">
|
| 203 |
<a href="#" class="w-10 h-10 rounded-full border border-cyan-400 flex items-center justify-center text-cyan-400 hover:bg-cyan-400 hover:bg-opacity-10 transition">
|
| 204 |
<i data-feather="instagram"></i>
|
|
|
|
| 73 |
<!-- Header -->
|
| 74 |
<header class="py-6 px-4 sm:px-8 lg:px-12">
|
| 75 |
<div class="container mx-auto flex justify-between items-center">
|
| 76 |
+
<div class="flex items-center">
|
| 77 |
+
<i data-feather="cpu" class="text-cyan-400 w-8 h-8 mr-2"></i>
|
| 78 |
+
<h1 class="text-2xl sm:text-3xl font-bold neon-text font-orbitron">ACADEMIA <span class="text-pink-500">TECH</span></h1>
|
| 79 |
+
</div>
|
| 80 |
<nav class="hidden md:flex space-x-8">
|
| 81 |
<a href="#" class="text-lg hover:text-cyan-400 transition">Início</a>
|
| 82 |
<a href="#" class="text-lg hover:text-cyan-400 transition">Treinos</a>
|
|
|
|
| 102 |
</div>
|
| 103 |
<div class="relative">
|
| 104 |
<div class="neon-box rounded-2xl p-1">
|
| 105 |
+
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSjbV8pt10zJJOwCqOddSxCK8TraaNcWClHsA&s" alt="Academia futurista" class="rounded-2xl w-full h-auto">
|
| 106 |
+
</div>
|
| 107 |
<div class="absolute -bottom-6 -left-6 w-32 h-32 bg-pink-500 rounded-full filter blur-xl opacity-30"></div>
|
| 108 |
<div class="absolute -top-6 -right-6 w-32 h-32 bg-cyan-400 rounded-full filter blur-xl opacity-30"></div>
|
| 109 |
</div>
|
| 110 |
</div>
|
| 111 |
</section>
|
| 112 |
+
<!-- About Us -->
|
|
|
|
| 113 |
<section class="py-16 px-4 sm:px-8 lg:px-12 bg-black bg-opacity-70 backdrop-blur-sm">
|
| 114 |
+
<div class="container mx-auto">
|
| 115 |
+
<h2 class="text-3xl sm:text-4xl font-bold mb-12 text-center neon-text font-orbitron">QUEM <span class="text-pink-500">SOMOS</span></h2>
|
| 116 |
+
<div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
|
| 117 |
+
<div>
|
| 118 |
+
<div class="neon-box rounded-2xl overflow-hidden">
|
| 119 |
+
<img src="http://static.photos/people/640x360/7" alt="Nossa equipe" class="w-full h-auto">
|
| 120 |
+
</div>
|
| 121 |
+
</div>
|
| 122 |
+
<div>
|
| 123 |
+
<h3 class="text-2xl font-bold mb-4 text-cyan-400">A REVOLUÇÃO DO FITNESS TECNOLÓGICO</h3>
|
| 124 |
+
<p class="mb-4">Na Academia Tech, unimos paixão por fitness com inovação tecnológica para criar a melhor experiência de treino possível.</p>
|
| 125 |
+
<p class="mb-6">Nossa equipe é composta por profissionais altamente qualificados, incluindo educadores físicos, fisioterapeutas e especialistas em tecnologia esportiva.</p>
|
| 126 |
+
<div class="grid grid-cols-2 gap-4">
|
| 127 |
+
<div class="neon-box rounded-lg p-4">
|
| 128 |
+
<div class="flex items-center mb-2">
|
| 129 |
+
<i data-feather="award" class="text-pink-500 w-5 h-5 mr-2"></i>
|
| 130 |
+
<span class="font-bold">10+ Anos</span>
|
| 131 |
+
</div>
|
| 132 |
+
<p class="text-sm">De experiência no mercado</p>
|
| 133 |
+
</div>
|
| 134 |
+
<div class="neon-box rounded-lg p-4">
|
| 135 |
+
<div class="flex items-center mb-2">
|
| 136 |
+
<i data-feather="users" class="text-cyan-400 w-5 h-5 mr-2"></i>
|
| 137 |
+
<span class="font-bold">5000+</span>
|
| 138 |
+
</div>
|
| 139 |
+
<p class="text-sm">Alunos transformados</p>
|
| 140 |
+
</div>
|
| 141 |
+
</div>
|
| 142 |
+
</div>
|
| 143 |
+
</div>
|
| 144 |
+
</div>
|
| 145 |
+
</section>
|
| 146 |
+
|
| 147 |
+
<!-- Importance of Exercise -->
|
| 148 |
+
<section class="py-16 px-4 sm:px-8 lg:px-12">
|
| 149 |
+
<div class="container mx-auto">
|
| 150 |
+
<h2 class="text-3xl sm:text-4xl font-bold mb-12 text-center neon-text font-orbitron">A IMPORTÂNCIA DO <span class="text-pink-500">EXERCÍCIO FÍSICO</span></h2>
|
| 151 |
+
<div class="grid grid-cols-1 md:grid-cols-2 gap-12 items-center">
|
| 152 |
+
<div>
|
| 153 |
+
<h3 class="text-2xl font-bold mb-4 text-cyan-400">POR QUE TREINAR COM PROFISSIONAIS?</h3>
|
| 154 |
+
<ul class="space-y-4">
|
| 155 |
+
<li class="flex items-start">
|
| 156 |
+
<i data-feather="check-circle" class="text-pink-500 w-5 h-5 mr-2 mt-1 flex-shrink-0"></i>
|
| 157 |
+
<span>Prevenção de lesões através da execução correta dos movimentos</span>
|
| 158 |
+
</li>
|
| 159 |
+
<li class="flex items-start">
|
| 160 |
+
<i data-feather="check-circle" class="text-pink-500 w-5 h-5 mr-2 mt-1 flex-shrink-0"></i>
|
| 161 |
+
<span>Planos de treino personalizados de acordo com seus objetivos</span>
|
| 162 |
+
</li>
|
| 163 |
+
<li class="flex items-start">
|
| 164 |
+
<i data-feather="check-circle" class="text-pink-500 w-5 h-5 mr-2 mt-1 flex-shrink-0"></i>
|
| 165 |
+
<span>Acompanhamento nutricional integrado ao programa de treinos</span>
|
| 166 |
+
</li>
|
| 167 |
+
<li class="flex items-start">
|
| 168 |
+
<i data-feather="check-circle" class="text-pink-500 w-5 h-5 mr-2 mt-1 flex-shrink-0"></i>
|
| 169 |
+
<span>Monitoramento constante da evolução e ajustes periódicos</span>
|
| 170 |
+
</li>
|
| 171 |
+
</ul>
|
| 172 |
+
</div>
|
| 173 |
+
<div>
|
| 174 |
+
<div class="neon-box rounded-2xl overflow-hidden">
|
| 175 |
+
<img src="http://static.photos/sport/640x360/3" alt="Treino profissional" class="w-full h-auto">
|
| 176 |
+
</div>
|
| 177 |
+
</div>
|
| 178 |
+
</div>
|
| 179 |
+
</div>
|
| 180 |
+
</section>
|
| 181 |
+
|
| 182 |
+
<!-- Features -->
|
| 183 |
+
<section class="py-16 px-4 sm:px-8 lg:px-12 bg-black bg-opacity-70 backdrop-blur-sm">
|
| 184 |
<div class="container mx-auto">
|
| 185 |
<h2 class="text-3xl sm:text-4xl font-bold mb-12 text-center neon-text font-orbitron">NOSSA <span class="text-pink-500">TECNOLOGIA</span></h2>
|
| 186 |
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
|
|
|
| 265 |
<div class="container mx-auto">
|
| 266 |
<div class="flex flex-col md:flex-row justify-between items-center">
|
| 267 |
<div class="flex items-center mb-4 md:mb-0">
|
| 268 |
+
<i data-feather="cpu" class="text-cyan-400 w-6 h-6 mr-2"></i>
|
| 269 |
+
<h1 class="text-xl font-bold neon-text font-orbitron">ACADEMIA <span class="text-pink-500">TECH</span></h1>
|
| 270 |
+
</div>
|
| 271 |
<div class="flex space-x-4">
|
| 272 |
<a href="#" class="w-10 h-10 rounded-full border border-cyan-400 flex items-center justify-center text-cyan-400 hover:bg-cyan-400 hover:bg-opacity-10 transition">
|
| 273 |
<i data-feather="instagram"></i>
|