Elfiroh's picture
fix bug and errors
a6c48c1 verified
Raw History Blame Contribute Delete
5.98 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About | Management Evolution Pro</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
primary: '#3B82F6',
secondary: '#0D9488'
}
}
}
}
</script>
</head>
<body class="bg-gray-50 font-sans antialiased">
<custom-header></custom-header>
<main class="pt-20">
<!-- About Section -->
<section class="py-20 bg-white">
<div class="container mx-auto px-6 md:px-12">
<div class="text-center mb-16">
<h2 class="text-3xl font-bold text-gray-800 mb-4">About Gill Dean Management</h2>
<div class="w-20 h-1 bg-secondary-500 mx-auto"></div>
</div>
<div class="flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-12 md:mb-0 md:pr-12">
<img src="http://static.photos/people/640x360/42" alt="Gill Dean" class="rounded-xl shadow-lg w-full h-auto" loading="lazy">
</div>
<div class="md:w-1/2">
<p class="text-gray-600 mb-6 leading-relaxed">Management is an indispensable concept at all levels of our society. Today it seems essential to give it an ethical meaning in both its learning and practice.</p>
<p class="text-gray-600 mb-6 leading-relaxed">With her experience and approach to management, Gill DEAN is committed to offering thoughtful training programs adapted to the real needs of your collaborators and your company.</p>
<div class="bg-primary-50 border-l-4 border-primary-500 p-4 rounded-r-lg mb-6">
<p class="text-primary-800 italic">"For every collaborator there is training; for better communication, team efficiency, potential emergence, and achieving results and objectives."</p>
</div>
<p class="text-gray-600 leading-relaxed">Originally from London, Gill DEAN offers all her training programs in English to help professionals master this essential business language.</p>
</div>
</div>
<!-- Mission Section -->
<div class="mt-20">
<div class="bg-gray-50 rounded-xl p-8 md:p-12">
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div>
<h3 class="text-2xl font-semibold text-gray-800 mb-4">Our Mission</h3>
<p class="text-gray-600">To empower organizations through ethical management training that fosters both personal growth and professional excellence.</p>
</div>
<div>
<h3 class="text-2xl font-semibold text-gray-800 mb-4">Our Values</h3>
<ul class="space-y-2 text-gray-600">
<li class="flex items-start">
<i data-feather="check-circle" class="text-primary-600 w-5 h-5 mr-2 mt-1"></i>
<span>Ethical business practices</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-primary-600 w-5 h-5 mr-2 mt-1"></i>
<span>Personalized learning experiences</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="text-primary-600 w-5 h-5 mr-2 mt-1"></i>
<span>Measurable results</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section id="contact" class="py-16 bg-gradient-to-r from-primary-600 to-secondary-500 text-white">
<div class="container mx-auto px-6 md:px-12 text-center">
<h2 class="text-3xl font-bold mb-6">Ready to Transform Your Team?</h2>
<p class="text-xl mb-8 max-w-2xl mx-auto">Contact us today to discuss customized training solutions for your organization.</p>
<div class="flex flex-col sm:flex-row justify-center gap-4">
<a href="mailto:contact@gilldean-management.com" class="bg-white text-primary-600 hover:bg-gray-100 font-semibold py-3 px-8 rounded-lg transition duration-300 text-center">
<i data-feather="mail" class="inline mr-2"></i> Email Us
</a>
<a href="tel:+1234567890" class="border-2 border-white hover:bg-white hover:text-primary-600 font-semibold py-3 px-8 rounded-lg transition duration-300 text-center">
<i data-feather="phone" class="inline mr-2"></i> Call Us
</a>
</div>
</div>
</section>
</main>
<custom-footer></custom-footer>
<script src="components/header.js"></script>
<script src="components/footer.js"></script>
<script src="script.js"></script>
<script>feather.replace();</script>
</body>
</html>