change functions and layout

This commit is contained in:
phaleixo
2025-05-31 16:49:56 -03:00
parent a9aead8740
commit b8d0ec4f98
2 changed files with 42 additions and 26 deletions

View File

@@ -60,12 +60,10 @@
<div class="absolute inset-0 bg-cover bg-center opacity-100"
style="background-image: url('image/banner/banner_debian12_emerald.png');"></div>
<div class="container mx-auto px-4 text-center relative z-10">
<h2 class="text-3xl md:text-4xl font-bold mb-4" data-i18n="hero.title">Otimize Sua Experiência com o Debian
12 GNOME</h2>
<p class="text-xl mb-8 max-w-3xl mx-auto" data-i18n="hero.subtitle">Uma coleção de scripts para personalizar
e melhorar sua instalação do Debian 12 com aplicativos essenciais, codecs, ajustes e muito mais.</p>
<h2 class="text-3xl md:text-4xl font-bold mb-4" data-i18n="hero.title"></h2>
<p class="text-xl mb-8 max-w-3xl mx-auto" data-i18n="hero.subtitle"></p>
<div class="flex flex-col sm:flex-row justify-center gap-4">
<a href="#download"
<a href="https://www.debian.org/download" target="_blank"
class="bg-white text-debian px-6 py-3 rounded-lg font-bold hover:bg-gray-100 transition">
<i class="fas fa-download mr-2"></i> <span data-i18n="hero.download">Baixar Debian 12</span>
</a>
@@ -80,20 +78,32 @@
<main class="container mx-auto px-4 py-12">
<section id="download" class="mb-16 bg-white rounded-xl shadow-md p-6">
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-6 md:mb-0 md:pr-8">
<h2 class="text-2xl font-bold text-debian mb-4" data-i18n="download.title">Baixar Debian 12 GNOME
<div class=" mb-6 md:mb-0 md:pr-8">
<h2 class="text-2xl font-bold text-debian mb-4" data-i18n="more.title">
</h2>
<p class="text-gray-700 mb-4" data-i18n="download.description">Comece com a ISO live oficial do
Debian 12 GNOME para usar esses scripts de pós-instalação.</p>
<a href="https://www.debian.org/download.pt.html"
<p class="text-gray-700 mb-4" data-i18n="more.description"></p>
<a href="https://www.debian.org/" target="_blank"
class="inline-block bg-debian text-white px-6 py-3 rounded-lg font-semibold hover:bg-debianDark transition">
<i class="fas fa-download mr-2"></i> <span data-i18n="download.button">Baixar ISO</span>
<i class="fas fa-info-circle mr-2"></i> <span data-i18n="more.button">Mais informações</span>
</a>
</div>
<div class="md:w-1/2 bg-gray-100 rounded-lg p-4">
<pre class="bg-gray-800 text-gray-100 p-4 rounded-lg overflow-x-auto"><code># Debian 12 GNOME ISO Oficial
https://www.debian.org/download.pt.html</code></pre>
</div>
</section>
<section class="mb-16 bg-white rounded-xl shadow-md p-6">
<div class="flex flex-col md:flex-row items-center">
<div class="text-debian text-xl mb-4"></div>
<i class="fas fa-code fa-2x text-debian mb-4"></i>
</div>
<div class=" mb-6 md:mb-0 md:pr-8">
<h2 class="text-2xl font-bold text-debian mb-4" data-i18n="about.title">
</h2>
<p class="text-gray-700 mb-4" data-i18n="about.description"></p>
</div>
</div>
</section>