HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!

800x534

802 KB

Share this result

Previews are deleted daily. Get a permanent share link sent to your inbox:

Script

Open in browser

<nav class="bg-white shadow-md sticky top-0 z-50">
    <div class="container mx-auto px-6 py-4 flex justify-between items-center">
        <div class="flex items-center space-x-2">
            <div class="w-10 h-10 bg-blue-600 rounded-full flex items-center justify-center text-white font-bold">V</div>
            <span class="text-2xl font-bold text-blue-800">Votokangola</span>
        </div>
        <div class="hidden md:flex space-x-8 text-gray-600 font-medium">
            <a href="#" class="hover:text-blue-600">Início</a>
            <a href="#setores" class="hover:text-blue-600">Setores</a>
            <a href="#valores" class="hover:text-blue-600">Valores</a>
            <a href="#" class="bg-blue-600 text-white px-5 py-2 rounded-lg hover:bg-blue-700">Contacto</a>
        </div>
    </div>
</nav>

<header class="gradient-bg text-white py-24">
    <div class="container mx-auto px-6 text-center">
        <h1 class="text-5xl font-extrabold mb-4">Conectando Sonhos</h1>
        <p class="text-xl mb-8 opacity-90">Liderança e excelência em Agronegócios, Logística e Transporte em Angola.</p>
        <div class="flex justify-center space-x-4">
            <button class="bg-white text-blue-700 px-8 py-3 rounded-full font-bold hover:bg-gray-100">Nossos Serviços</button>
            <button class="border-2 border-white px-8 py-3 rounded-full font-bold hover:bg-white hover:text-blue-700 transition">Saber Mais</button>
        </div>
    </div>
</header>

<section id="setores" class="container mx-auto px-6 py-20">
    <div class="text-center mb-16">
        <h2 class="text-3xl font-bold text-gray-800">Especialidades Estratégicas</h2>
        <div class="w-20 h-1 bg-blue-600 mx-auto mt-4"></div>
    </div>
    
    <div class="grid md:grid-cols-3 gap-10">
        <div class="bg-white p-8 rounded-2xl shadow-lg border-b-4 border-green-500 hover:-translate-y-2 transition">
            <div class="text-green-500 text-4xl mb-4"><i class="fas fa-seedling"></i></div>
            <h3 class="text-xl font-bold mb-2">Agronegócios</h3>
            <p class="text-gray-600">Desenvolvimento sustentável e suporte à produção agrícola nacional.</p>
        </div>

        <div class="bg-white p-8 rounded-2xl shadow-lg border-b-4 border-blue-500 hover:-translate-y-2 transition">
            <div class="text-blue-500 text-4xl mb-4"><i class="fas fa-boxes-stacked"></i></div>
            <h3 class="text-xl font-bold mb-2">Logística</h3>
            <p class="text-gray-600">Gestão inteligente de fluxos e armazenamento com precisão técnica.</p>
        </div>

        <div class="bg-white p-8 rounded-2xl shadow-lg border-b-4 border-orange-500 hover:-translate-y-2 transition">
            <div class="text-orange-500 text-4xl mb-4"><i class="fas fa-truck-fast"></i></div>
            <h3 class="text-xl font-bold mb-2">Transporte</h3>
            <p class="text-gray-600">Movimentação segura de mercadorias por todo o território angolano.</p>
        </div>
    </div>
</section>

<section id="valores" class="bg-gray-100 py-20">
    <div class="container mx-auto px-6 flex flex-col md:flex-row items-center">
        <div class="md:w-1/2 mb-10 md:mb-0">
            <img src="https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=800&q=80" alt="Logística" class="rounded-lg shadow-2xl">
        </div>
        <div class="md:w-1/2 md:pl-16">
            <h2 class="text-3xl font-bold text-gray-800 mb-6">Compromisso com a Ética</h2>
            <p class="text-gray-600 mb-6 leading-relaxed">
                Na Votokangola, operamos sob a metodologia de <strong>Vendas por Valores</strong>. Nosso objetivo não é apenas a transação, mas o impacto positivo nas comunidades de Benguela e Lobito.
            </p>
            <ul class="space-y-3 text-gray-700">
                <li><i class="fas fa-check-circle text-blue-600 mr-2"></i> Transparência Operacional</li>
                <li><i class="fas fa-check-circle text-blue-600 mr-2"></i> Sustentabilidade no Campo</li>
                <li><i class="fas fa-check-circle text-blue-600 mr-2"></i> Foco no Capital Humano</li>
            </ul>
        </div>
    </div>
</section>

<footer class="bg-gray-900 text-gray-400 py-12">
    <div class="container mx-auto px-6 text-center">
        <p class="mb-4">Votokangola – Comércio e Serviços, (SU), LDA.</p>
        <div class="flex justify-center space-x-6 mb-8 text-xl">
            <a href="#" class="hover:text-white"><i class="fab fa-linkedin"></i></a>
            <a href="#" class="hover:text-white"><i class="fab fa-facebook"></i></a>
        </div>
        <p class="text-sm italic">"Conectando Sonhos, Construindo o Futuro."</p>
    </div>
</footer>

Landing Page

This ad does not have a landing page available

Network Timeline

Performance Summary

Requests

Domains

152KB

Transfer Size

152KB

Content Size

87.0ms

Dom Content Loaded

188.0ms

First Paint

195.0ms

Load Time

Domain Breakdown

Transfer Size (bytes)

Content Size (bytes)

Header Size (bytes)

Requests

Timings (ms)

Total Time

Content Breakdown

Transfer Size (bytes)

Content Size (bytes)

Header Size (bytes)

Requests