| <!DOCTYPE html> |
| <html lang="en" class="scroll-smooth"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Management Evolution Pro | Professional Training Solutions</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> |
| |
| <section class="relative bg-gradient-to-r from-primary-600 to-secondary-500 text-white py-20"> |
| <div class="container mx-auto px-6 md:px-12 relative z-10"> |
| <div class="flex flex-col md:flex-row items-center"> |
| <div class="md:w-1/2 mb-12 md:mb-0"> |
| <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6">Transform Your Team With Ethical Management</h1> |
| <p class="text-xl mb-8">Tailored training programs that develop both personal growth and professional efficiency.</p> |
| <div class="flex flex-col sm:flex-row gap-4"> |
| <a href="#contact" class="bg-white text-primary-600 hover:bg-gray-100 font-semibold py-3 px-8 rounded-lg transition duration-300 text-center">Get Started</a> |
| <a href="#services" 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">Our Services</a> |
| </div> |
| </div> |
| <div class="md:w-1/2"> |
| <img src="http://static.photos/office/640x360/101" alt="Professional workplace" class="rounded-xl shadow-2xl w-full h-auto" loading="lazy"> |
| </div> |
| </div> |
| </div> |
| <div class="absolute bottom-0 left-0 right-0 h-16 bg-white transform skew-y-1 -mb-8 z-0"></div> |
| </section> |
|
|
| |
| <section class="py-20 bg-white"> |
| <div class="container mx-auto px-6 md:px-12"> |
| <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"> |
| <h2 class="text-3xl font-bold text-gray-800 mb-6">About Gill Dean Management</h2> |
| <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> |
| </div> |
| </section> |
|
|
| |
| <section id="services" class="py-20 bg-gray-50"> |
| <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">Our Training Programs</h2> |
| <div class="w-20 h-1 bg-secondary-500 mx-auto"></div> |
| </div> |
|
|
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8"> |
| <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition duration-300"> |
| <img src="http://static.photos/workspace/640x360/1" alt="Team Communication" class="w-full h-48 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-semibold text-gray-800 mb-3">Effective Communication</h3> |
| <p class="text-gray-600">Enhance team dynamics through clear, constructive communication strategies.</p> |
| </div> |
| </div> |
|
|
| <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition duration-300"> |
| <img src="http://static.photos/industry/640x360/2" alt="Leadership" class="w-full h-48 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-semibold text-gray-800 mb-3">Leadership Development</h3> |
| <p class="text-gray-600">Unlock your leadership potential with ethical management practices.</p> |
| </div> |
| </div> |
|
|
| <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition duration-300"> |
| <img src="http://static.photos/education/640x360/3" alt="English Training" class="w-full h-48 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-semibold text-gray-800 mb-3">Business English</h3> |
| <p class="text-gray-600">Master professional English communication for international business success.</p> |
| </div> |
| </div> |
|
|
| <div class="bg-white rounded-xl shadow-md overflow-hidden hover:shadow-xl transition duration-300"> |
| <img src="http://static.photos/finance/640x360/4" alt="Team Efficiency" class="w-full h-48 object-cover"> |
| <div class="p-6"> |
| <h3 class="text-xl font-semibold text-gray-800 mb-3">Team Efficiency</h3> |
| <p class="text-gray-600">Optimize team performance through strategic management techniques.</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-20 bg-primary-600 text-white"> |
| <div class="container mx-auto px-6 md:px-12"> |
| <div class="text-center mb-12"> |
| <h2 class="text-3xl font-bold mb-4">Client Testimonials</h2> |
| <div class="w-20 h-1 bg-white mx-auto"></div> |
| </div> |
|
|
| <div class="grid grid-cols-1 gap-8 max-w-4xl mx-auto"> |
| <div class="bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg rounded-xl p-8 border border-white border-opacity-20"> |
| <div class="flex items-center mb-4"> |
| <div class="text-yellow-400"> |
| <i data-feather="star" class="w-5 h-5 fill-current"></i> |
| <i data-feather="star" class="w-5 h-5 fill-current"></i> |
| <i data-feather="star" class="w-5 h-5 fill-current"></i> |
| <i data-feather="star" class="w-5 h-5 fill-current"></i> |
| <i data-feather="star" class="w-5 h-5 fill-current"></i> |
| </div> |
| </div> |
| <p class="italic mb-6">"For about 6 years of our collaboration, Gill Dean has demonstrated a level of professionalism rarely encountered with other training providers. Gill Dean doesn't just respect specifications, she suggests improvements; she truly puts her experience as a trainer at the service of the company..."</p> |
| <div class="flex items-center"> |
| <div class="bg-white bg-opacity-20 rounded-full w-12 h-12 flex items-center justify-center mr-4"> |
| <i data-feather="user" class="text-white"></i> |
| </div> |
| <div> |
| <h4 class="font-semibold">Satisfied Client</h4> |
| <p class="text-white text-opacity-80 text-sm">Corporate Training Manager</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </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">Why Choose Our Training?</h2> |
| <div class="w-20 h-1 bg-secondary-500 mx-auto"></div> |
| </div> |
|
|
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
| <div class="text-center px-4"> |
| <div class="bg-primary-100 w-20 h-20 mx-auto rounded-full flex items-center justify-center mb-6"> |
| <i data-feather="award" class="text-primary-600 w-10 h-10"></i> |
| </div> |
| <h3 class="text-xl font-semibold text-gray-800 mb-3">Proven Results</h3> |
| <p class="text-gray-600">Our sustainable training delivers lasting change with measurable improvements in team performance.</p> |
| </div> |
|
|
| <div class="text-center px-4"> |
| <div class="bg-primary-100 w-20 h-20 mx-auto rounded-full flex items-center justify-center mb-6"> |
| <i data-feather="users" class="text-primary-600 w-10 h-10"></i> |
| </div> |
| <h3 class="text-xl font-semibold text-gray-800 mb-3">Personalized Approach</h3> |
| <p class="text-gray-600">Each program is tailored to your team's specific needs and business objectives.</p> |
| </div> |
|
|
| <div class="text-center px-4"> |
| <div class="bg-primary-100 w-20 h-20 mx-auto rounded-full flex items-center justify-center mb-6"> |
| <i data-feather="globe" class="text-primary-600 w-10 h-10"></i> |
| </div> |
| <h3 class="text-xl font-semibold text-gray-800 mb-3">Bilingual Advantage</h3> |
| <p class="text-gray-600">Gain business English proficiency while developing essential management skills.</p> |
| </div> |
| </div> |
| </div> |
| </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> |
| <script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> |
| </body> |
| </html> |
