|
|
<!DOCTYPE html> |
|
|
<html lang="pt-BR"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>ISAB Consultoria & Serviços - Conectando ideias a grandes resultados</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"> |
|
|
<script> |
|
|
tailwind.config = { |
|
|
theme: { |
|
|
extend: { |
|
|
colors: { |
|
|
primary: '#003366', |
|
|
secondary: '#FF6600', |
|
|
accent: '#0099CC', |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
<style> |
|
|
.hero-bg { |
|
|
background: linear-gradient(rgba(0, 51, 102, 0.8), rgba(0, 153, 204, 0.8)), url('https://images.unsplash.com/photo-1454165804606-3aedd6f0bb07?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80'); |
|
|
background-size: cover; |
|
|
background-position: center; |
|
|
} |
|
|
|
|
|
.service-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); |
|
|
} |
|
|
|
|
|
.team-card:hover { |
|
|
transform: scale(1.05); |
|
|
} |
|
|
|
|
|
.animate-float { |
|
|
animation: float 3s ease-in-out infinite; |
|
|
} |
|
|
|
|
|
@keyframes float { |
|
|
0% { transform: translateY(0px); } |
|
|
50% { transform: translateY(-15px); } |
|
|
100% { transform: translateY(0px); } |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="font-sans antialiased text-gray-800"> |
|
|
|
|
|
<header class="fixed w-full bg-white shadow-md z-50"> |
|
|
<div class="container mx-auto px-4 py-3 flex justify-between items-center"> |
|
|
<div class="flex items-center"> |
|
|
<div class="bg-primary p-2 rounded-lg mr-3"> |
|
|
<i class="fas fa-chart-line text-white text-2xl"></i> |
|
|
</div> |
|
|
<h1 class="text-2xl font-bold text-primary">ISAB <span class="text-secondary">Consultoria</span></h1> |
|
|
</div> |
|
|
|
|
|
<nav class="hidden md:flex space-x-8"> |
|
|
<a href="#inicio" class="text-primary font-medium hover:text-secondary transition">Início</a> |
|
|
<a href="#sobre" class="text-primary font-medium hover:text-secondary transition">Sobre Nós</a> |
|
|
<a href="#servicos" class="text-primary font-medium hover:text-secondary transition">Serviços</a> |
|
|
<a href="#equipa" class="text-primary font-medium hover:text-secondary transition">Equipa</a> |
|
|
<a href="#contato" class="text-primary font-medium hover:text-secondary transition">Contato</a> |
|
|
</nav> |
|
|
|
|
|
<button class="md:hidden text-primary" id="mobile-menu-button"> |
|
|
<i class="fas fa-bars text-2xl"></i> |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="hidden md:hidden bg-white w-full py-4 px-4 shadow-lg" id="mobile-menu"> |
|
|
<a href="#inicio" class="block py-2 text-primary hover:text-secondary">Início</a> |
|
|
<a href="#sobre" class="block py-2 text-primary hover:text-secondary">Sobre Nós</a> |
|
|
<a href="#servicos" class="block py-2 text-primary hover:text-secondary">Serviços</a> |
|
|
<a href="#equipa" class="block py-2 text-primary hover:text-secondary">Equipa</a> |
|
|
<a href="#contato" class="block py-2 text-primary hover:text-secondary">Contato</a> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
|
|
|
<section id="inicio" class="hero-bg min-h-screen flex items-center pt-20"> |
|
|
<div class="container mx-auto px-4 py-20 text-white"> |
|
|
<div class="max-w-2xl"> |
|
|
<h2 class="text-4xl md:text-5xl font-bold mb-6">Conectando ideias a <span class="text-secondary">grandes resultados</span></h2> |
|
|
<p class="text-xl mb-8">Soluções integradas que combinam excelência, criatividade e impacto social para sua organização.</p> |
|
|
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> |
|
|
<a href="#contato" class="bg-secondary hover:bg-orange-700 text-white font-bold py-3 px-6 rounded-lg transition duration-300 text-center">Fale Conosco</a> |
|
|
<a href="#servicos" class="bg-transparent hover:bg-white hover:text-primary border-2 border-white text-white font-bold py-3 px-6 rounded-lg transition duration-300 text-center">Nossos Serviços</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="sobre" class="py-20 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="flex flex-col lg:flex-row items-center"> |
|
|
<div class="lg:w-1/2 mb-12 lg:mb-0 lg:pr-12"> |
|
|
<div class="relative"> |
|
|
<img src="https://images.unsplash.com/photo-1552664730-d307ca884978?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Equipe ISAB" class="rounded-xl shadow-xl w-full"> |
|
|
<div class="absolute -bottom-6 -right-6 bg-primary p-6 rounded-xl shadow-lg hidden md:block"> |
|
|
<div class="text-white text-3xl font-bold">2024</div> |
|
|
<div class="text-white">Fundação</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="lg:w-1/2"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-primary mb-6">Bem-Vindo à <span class="text-secondary">ISAB</span></h2> |
|
|
<p class="text-gray-600 mb-6">A ISAB Consultoria e Serviços é uma empresa privada criada em 2024, vocacionada em diferentes áreas de consultoria e prestação de serviços, sediada na cidade de Nampula, EN 104 no bairro de Muahivire, Rua das Forças Popular de Libertação de Moçambique (FPLM).</p> |
|
|
<p class="text-gray-600 mb-8">Somos uma empresa de consultoria versátil, dedicada a fornecer soluções integradas que combinam excelência, criatividade e impacto social para empresas, organizações, instituições e comunidades.</p> |
|
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 gap-6 mb-8"> |
|
|
<div class="flex items-start"> |
|
|
<div class="bg-primary bg-opacity-10 p-2 rounded-full mr-4"> |
|
|
<i class="fas fa-bullseye text-primary"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold text-primary mb-1">Missão</h4> |
|
|
<p class="text-gray-600">Oferecer consultoria e serviços de qualidade, contribuindo para o desenvolvimento sustentável das organizações e capacitação por meio de serviços personalizados.</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-start"> |
|
|
<div class="bg-primary bg-opacity-10 p-2 rounded-full mr-4"> |
|
|
<i class="fas fa-eye text-primary"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold text-primary mb-1">Visão</h4> |
|
|
<p class="text-gray-600">Ser uma empresa líder, de referência em soluções estratégicas, destacando-se pela inovação, excelência e pela capacidade de transformar desafios em oportunidades.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="bg-primary bg-opacity-10 p-6 rounded-lg mb-8"> |
|
|
<h4 class="font-bold text-primary mb-3">Aboochama Vontade</h4> |
|
|
<p class="text-gray-600 italic">"Como parceiro estratégico, apoiamos os nossos clientes na concretização do seu máximo potencial, desenvolvendo soluções personalizadas que aliam a eficiência e inovação às suas necessidades específicas."</p> |
|
|
<p class="text-primary font-medium mt-2">DIRECTOR GERAL</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="servicos" class="py-20 bg-gray-50"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">Nossos <span class="text-secondary">Serviços</span></h2> |
|
|
<p class="max-w-2xl mx-auto text-lg text-gray-600">Soluções integradas para impulsionar seu negócio e alcançar excelência operacional.</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="bg-white rounded-xl shadow-lg p-8 service-card transition duration-300"> |
|
|
<div class="bg-primary bg-opacity-10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6"> |
|
|
<i class="fas fa-balance-scale text-primary text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-primary mb-3">Jurídica e Forense</h3> |
|
|
<p class="text-gray-600 mb-4">Suporte legal, análise de conformidade, representação em litígios e consultoria em direitos e deveres legais das empresas.</p> |
|
|
<a href="#contato" class="text-secondary font-medium flex items-center"> |
|
|
Saiba mais <i class="fas fa-arrow-right ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-xl shadow-lg p-8 service-card transition duration-300"> |
|
|
<div class="bg-primary bg-opacity-10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6"> |
|
|
<i class="fas fa-briefcase text-primary text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-primary mb-3">Assessoria Empresarial</h3> |
|
|
<p class="text-gray-600 mb-4">Suporte no Registo, planeamento, finanças, marketing, recursos humanos, operações, tecnologia, e sustentabilidade para melhorar performance.</p> |
|
|
<a href="#contato" class="text-secondary font-medium flex items-center"> |
|
|
Saiba mais <i class="fas fa-arrow-right ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-xl shadow-lg p-8 service-card transition duration-300"> |
|
|
<div class="bg-primary bg-opacity-10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6"> |
|
|
<i class="fas fa-dna text-primary text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-primary mb-3">Biologia Aplicada</h3> |
|
|
<p class="text-gray-600 mb-4">Abrange saúde, agricultura, meio ambiente, biotecnologia, educação, políticas públicas e inovação para soluções práticas.</p> |
|
|
<a href="#contato" class="text-secondary font-medium flex items-center"> |
|
|
Saiba mais <i class="fas fa-arrow-right ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-xl shadow-lg p-8 service-card transition duration-300"> |
|
|
<div class="bg-primary bg-opacity-10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6"> |
|
|
<i class="fas fa-file-invoice-dollar text-primary text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-primary mb-3">Contabilidade</h3> |
|
|
<p class="text-gray-600 mb-4">Suporte em gestão financeira, elaboração de relatórios, planeamento tributário, auditoria e conformidade fiscal, garantindo transparência e eficiência.</p> |
|
|
<a href="#contato" class="text-secondary font-medium flex items-center"> |
|
|
Saiba mais <i class="fas fa-arrow-right ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-xl shadow-lg p-8 service-card transition duration-300"> |
|
|
<div class="bg-primary bg-opacity-10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6"> |
|
|
<i class="fas fa-users text-primary text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-primary mb-3">Recrutamento e Seleção</h3> |
|
|
<p class="text-gray-600 mb-4">Identificação de talentos, triagem de currículos, entrevistas, avaliações de habilidades e integração de novos colaboradores nas empresas parceiras.</p> |
|
|
<a href="#contato" class="text-secondary font-medium flex items-center"> |
|
|
Saiba mais <i class="fas fa-arrow-right ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-xl shadow-lg p-8 service-card transition duration-300"> |
|
|
<div class="bg-primary bg-opacity-10 p-4 rounded-full w-16 h-16 flex items-center justify-center mb-6"> |
|
|
<i class="fas fa-graduation-cap text-primary text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-primary mb-3">Formação e Capacitação</h3> |
|
|
<p class="text-gray-600 mb-4">Treinamentos, workshops e cursos para desenvolver habilidades, promover conhecimento e melhorar o desempenho profissional.</p> |
|
|
<a href="#contato" class="text-secondary font-medium flex items-center"> |
|
|
Saiba mais <i class="fas fa-arrow-right ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="equipa" class="py-20 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">Nossa <span class="text-secondary">Equipa</span></h2> |
|
|
<p class="max-w-2xl mx-auto text-lg text-gray-600">Trabalhamos com muito cuidado e dedicação pensando em si!</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"> |
|
|
|
|
|
<div class="bg-gray-50 rounded-xl shadow-md p-6 text-center team-card transition duration-300"> |
|
|
<div class="w-32 h-32 mx-auto rounded-full overflow-hidden mb-4 border-4 border-primary"> |
|
|
<img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Aboochama Vontade" class="w-full h-full object-cover"> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-primary mb-1">Aboochama Vontade</h3> |
|
|
<p class="text-secondary font-medium mb-3">Director Geral</p> |
|
|
<p class="text-gray-600 italic mb-4">"Seu crescimento, minha missão"</p> |
|
|
<div class="flex justify-center space-x-3"> |
|
|
<a href="#" class="text-primary hover:text-secondary"><i class="fab fa-linkedin"></i></a> |
|
|
<a href="#" class="text-primary hover:text-secondary"><i class="fas fa-envelope"></i></a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-50 rounded-xl shadow-md p-6 text-center team-card transition duration-300"> |
|
|
<div class="w-32 h-32 mx-auto rounded-full overflow-hidden mb-4 border-4 border-primary"> |
|
|
<img src="https://randomuser.me/api/portraits/men/44.jpg" alt="Isac Bernardino Cabo" class="w-full h-full object-cover"> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-primary mb-1">Isac Bernardino Cabo</h3> |
|
|
<p class="text-secondary font-medium mb-3">Director Executivo</p> |
|
|
<p class="text-gray-600 italic mb-4">"O corpo alcança o que a mente projecta"</p> |
|
|
<div class="flex justify-center space-x-3"> |
|
|
<a href="#" class="text-primary hover:text-secondary"><i class="fab fa-linkedin"></i></a> |
|
|
<a href="#" class="text-primary hover:text-secondary"><i class="fas fa-envelope"></i></a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-50 rounded-xl shadow-md p-6 text-center team-card transition duration-300"> |
|
|
<div class="w-32 h-32 mx-auto rounded-full overflow-hidden mb-4 border-4 border-primary"> |
|
|
<img src="https://randomuser.me/api/portraits/women/43.jpg" alt="Isadora Caetano José" class="w-full h-full object-cover"> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-primary mb-1">Isadora Caetano José</h3> |
|
|
<p class="text-secondary font-medium mb-3">Gestora Financeira</p> |
|
|
<p class="text-gray-600 italic mb-4">"Não há maior força no mundo do que a motivação"</p> |
|
|
<div class="flex justify-center space-x-3"> |
|
|
<a href="#" class="text-primary hover:text-secondary"><i class="fab fa-linkedin"></i></a> |
|
|
<a href="#" class="text-primary hover:text-secondary"><i class="fas fa-envelope"></i></a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-50 rounded-xl shadow-md p-6 text-center team-card transition duration-300"> |
|
|
<div class="w-32 h-32 mx-auto rounded-full overflow-hidden mb-4 border-4 border-primary"> |
|
|
<img src="https://randomuser.me/api/portraits/men/65.jpg" alt="Aderito Dionisio" class="w-full h-full object-cover"> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-primary mb-1">Aderito Dionisio</h3> |
|
|
<p class="text-secondary font-medium mb-3">Comunicação e Imagem</p> |
|
|
<p class="text-gray-600 italic mb-4">"Excelência em cada detalhe"</p> |
|
|
<div class="flex justify-center space-x-3"> |
|
|
<a href="#" class="text-primary hover:text-secondary"><i class="fab fa-linkedin"></i></a> |
|
|
<a href="#" class="text-primary hover:text-secondary"><i class="fas fa-envelope"></i></a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-gray-50"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="text-center mb-12"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-primary mb-4">Nossos <span class="text-secondary">Clientes</span></h2> |
|
|
<p class="max-w-2xl mx-auto text-lg text-gray-600">Atendemos PMEs, empresas familiares, ONGs, organizações e instituições públicas e privadas em Moçambique.</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-8"> |
|
|
<div class="flex items-center justify-center p-4 bg-white rounded-lg shadow-sm h-24"> |
|
|
<img src="https://via.placeholder.com/150x60?text=Cliente+1" alt="Cliente" class="max-h-12"> |
|
|
</div> |
|
|
<div class="flex items-center justify-center p-4 bg-white rounded-lg shadow-sm h-24"> |
|
|
<img src="https://via.placeholder.com/150x60?text=Cliente+2" alt="Cliente" class="max-h-12"> |
|
|
</div> |
|
|
<div class="flex items-center justify-center p-4 bg-white rounded-lg shadow-sm h-24"> |
|
|
<img src="https://via.placeholder.com/150x60?text=Cliente+3" alt="Cliente" class="max-h-12"> |
|
|
</div> |
|
|
<div class="flex items-center justify-center p-4 bg-white rounded-lg shadow-sm h-24"> |
|
|
<img src="https://via.placeholder.com/150x60?text=Cliente+4" alt="Cliente" class="max-h-12"> |
|
|
</div> |
|
|
<div class="flex items-center justify-center p-4 bg-white rounded-lg shadow-sm h-24"> |
|
|
<img src="https://via.placeholder.com/150x60?text=Cliente+5" alt="Cliente" class="max-h-12"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-16 bg-primary text-white"> |
|
|
<div class="container mx-auto px-4 text-center"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold mb-6">Pronto para transformar seu negócio?</h2> |
|
|
<p class="text-xl mb-8 max-w-2xl mx-auto">Nossa equipe está pronta para entender suas necessidades e oferecer a melhor solução para seu negócio.</p> |
|
|
<a href="#contato" class="bg-secondary hover:bg-orange-700 text-white font-bold py-3 px-8 rounded-lg transition duration-300 inline-flex items-center text-lg"> |
|
|
Agende uma consultoria <i class="fas fa-calendar-check ml-3"></i> |
|
|
</a> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="contato" class="py-20 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="flex flex-col lg:flex-row"> |
|
|
<div class="lg:w-1/2 mb-12 lg:mb-0 lg:pr-12"> |
|
|
<h2 class="text-3xl md:text-4xl font-bold text-primary mb-6">Entre em <span class="text-secondary">Contato</span></h2> |
|
|
<p class="text-gray-600 mb-8">Preencha o formulário ao lado ou utilize nossos outros canais de comunicação. Retornaremos em até 24 horas.</p> |
|
|
|
|
|
<div class="space-y-6"> |
|
|
<div class="flex items-start"> |
|
|
<div class="bg-primary bg-opacity-10 p-3 rounded-full mr-4"> |
|
|
<i class="fas fa-map-marker-alt text-primary"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold text-primary mb-1">Endereço</h4> |
|
|
<p class="text-gray-600">EN 104, Bairro Muahivire<br>Rua das FPLM, Nampula - Moçambique</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start"> |
|
|
<div class="bg-primary bg-opacity-10 p-3 rounded-full mr-4"> |
|
|
<i class="fas fa-phone-alt text-primary"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold text-primary mb-1">Telefone</h4> |
|
|
<p class="text-gray-600">+258 878162682<br>+258 846209525<br>+258 863625135</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start"> |
|
|
<div class="bg-primary bg-opacity-10 p-3 rounded-full mr-4"> |
|
|
<i class="fas fa-envelope text-primary"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold text-primary mb-1">E-mail</h4> |
|
|
<p class="text-gray-600">isabconsu@gmail.com</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start"> |
|
|
<div class="bg-primary bg-opacity-10 p-3 rounded-full mr-4"> |
|
|
<i class="fas fa-clock text-primary"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h4 class="font-bold text-primary mb-1">Horário de Atendimento</h4> |
|
|
<p class="text-gray-600">Segunda a Sexta: 8h às 18h<br>Sábado: 8h às 12h</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="mt-8"> |
|
|
<h4 class="font-bold text-primary mb-4">Redes Sociais</h4> |
|
|
<div class="flex space-x-4"> |
|
|
<a href="#" class="bg-blue-600 hover:bg-blue-700 text-white p-3 rounded-full w-12 h-12 flex items-center justify-center"> |
|
|
<i class="fab fa-facebook-f"></i> |
|
|
</a> |
|
|
<a href="#" class="bg-blue-400 hover:bg-blue-500 text-white p-3 rounded-full w-12 h-12 flex items-center justify-center"> |
|
|
<i class="fab fa-twitter"></i> |
|
|
</a> |
|
|
<a href="#" class="bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 text-white p-3 rounded-full w-12 h-12 flex items-center justify-center"> |
|
|
<i class="fab fa-instagram"></i> |
|
|
</a> |
|
|
<a href="#" class="bg-blue-500 hover:bg-blue-600 text-white p-3 rounded-full w-12 h-12 flex items-center justify-center"> |
|
|
<i class="fab fa-linkedin-in"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="lg:w-1/2"> |
|
|
<form class="bg-gray-50 p-8 rounded-xl shadow-md"> |
|
|
<div class="mb-6"> |
|
|
<label for="name" class="block text-gray-700 font-medium mb-2">Nome Completo</label> |
|
|
<input type="text" id="name" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent" placeholder="Seu nome"> |
|
|
</div> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<label for="email" class="block text-gray-700 font-medium mb-2">E-mail</label> |
|
|
<input type="email" id="email" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent" placeholder="seu@email.com"> |
|
|
</div> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<label for="phone" class="block text-gray-700 font-medium mb-2">Telefone</label> |
|
|
<input type="tel" id="phone" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent" placeholder="(00) 00000-0000"> |
|
|
</div> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<label for="service" class="block text-gray-700 font-medium mb-2">Serviço de Interesse</label> |
|
|
<select id="service" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"> |
|
|
<option value="">Selecione um serviço</option> |
|
|
<option value="juridica">Jurídica e Forense</option> |
|
|
<option value="assessoria">Assessoria Empresarial</option> |
|
|
<option value="biologia">Biologia Aplicada</option> |
|
|
<option value="contabilidade">Contabilidade</option> |
|
|
<option value="recrutamento">Recrutamento e Seleção</option> |
|
|
<option value="formacao">Formação e Capacitação</option> |
|
|
</select> |
|
|
</div> |
|
|
|
|
|
<div class="mb-6"> |
|
|
<label for="message" class="block text-gray-700 font-medium mb-2">Mensagem</label> |
|
|
<textarea id="message" rows="5" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent" placeholder="Descreva brevemente suas necessidades..."></textarea> |
|
|
</div> |
|
|
|
|
|
<button type="submit" class="w-full bg-primary hover:bg-blue-800 text-white font-bold py-3 px-6 rounded-lg transition duration-300"> |
|
|
Enviar Mensagem <i class="fas fa-paper-plane ml-2"></i> |
|
|
</button> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<footer class="bg-gray-900 text-white pt-12 pb-6"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8"> |
|
|
<div> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="bg-primary p-2 rounded-lg mr-3"> |
|
|
<i class="fas fa-chart-line text-white text-xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold">ISAB <span class="text-secondary">Consultoria</span></h3> |
|
|
</div> |
|
|
<p class="text-gray-400 mb-4">Conectando ideias a grandes resultados através de soluções integradas e personalizadas.</p> |
|
|
<div class="flex space-x-4"> |
|
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-facebook-f"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram"></i></a> |
|
|
<a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin-in"></i></a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h4 class="text-lg font-bold mb-4">Serviços</h4> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition">Jurídica e Forense</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition">Assessoria Empresarial</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition">Biologia Aplicada</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition">Contabilidade</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition">Recrutamento e Seleção</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white transition">Formação e Capacitação</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h4 class="text-lg font-bold mb-4">Links Úteis</h4> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#inicio" class="text-gray-400 hover:text-white transition">Início</a></li> |
|
|
<li><a href="#sobre" class="text-gray-400 hover:text-white transition">Sobre Nós</a></li> |
|
|
<li><a href="#servicos" class="text-gray-400 hover:text-white transition">Serviços</a></li> |
|
|
<li><a href="#equipa" class="text-gray-400 hover:text-white transition">Equipa</a></li> |
|
|
<li><a href="#contato" class="text-gray-400 hover:text-white transition">Contato</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h4 class="text-lg font-bold mb-4">Contactos</h4> |
|
|
<ul class="space-y-2 text-gray-400"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-phone-alt mt-1 mr-2 text-sm"></i> |
|
|
<span>+258 878162682</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-envelope mt-1 mr-2 text-sm"></i> |
|
|
<span>isabconsu@gmail.com</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-map-marker-alt mt-1 mr-2 text-sm"></i> |
|
|
<span>EN 104, Muahivire, Nampula</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="border-t border-gray-800 pt-6 flex flex-col md:flex-row justify-between items-center"> |
|
|
<p class="text-gray-400 mb-4 md:mb-0">© 2024 ISAB Consultoria e Serviços. Todos os direitos reservados.</p> |
|
|
<div class="flex space-x-6"> |
|
|
<a href="#" class="text-gray-400 hover:text-white">Termos de Uso</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white">Política de Privacidade</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
|
|
|
<div class="fixed bottom-6 right-6 z-50 animate-float"> |
|
|
<a href="https://wa.me/258878162682" class="bg-green-500 hover:bg-green-600 text-white p-4 rounded-full shadow-lg flex items-center justify-center w-16 h-16"> |
|
|
<i class="fab fa-whatsapp text-2xl"></i> |
|
|
</a> |
|
|
</div> |
|
|
|
|
|
<script> |
|
|
|
|
|
document.getElementById('mobile-menu-button').addEventListener('click', function() { |
|
|
const menu = document.getElementById('mobile-menu'); |
|
|
menu.classList.toggle('hidden'); |
|
|
}); |
|
|
|
|
|
|
|
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
|
|
anchor.addEventListener('click', function (e) { |
|
|
e.preventDefault(); |
|
|
|
|
|
const targetId = this.getAttribute('href'); |
|
|
const targetElement = document.querySelector(targetId); |
|
|
|
|
|
if (targetElement) { |
|
|
window.scrollTo({ |
|
|
top: targetElement.offsetTop - 80, |
|
|
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=aderitods/www-isabconsultoria-com" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
