|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Altaire AI Training - AI Made Simple for Non-Technical Professionals</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"> |
|
|
<style> |
|
|
.hero-gradient { |
|
|
background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #9333ea 100%); |
|
|
} |
|
|
.course-card:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
|
|
} |
|
|
.testimonial-card { |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
.testimonial-card:hover { |
|
|
transform: scale(1.03); |
|
|
} |
|
|
.animate-float { |
|
|
animation: float 6s 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"> |
|
|
|
|
|
<nav class="bg-white shadow-md sticky top-0 z-50"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="flex justify-between h-16"> |
|
|
<div class="flex items-center"> |
|
|
<div class="flex-shrink-0 flex items-center"> |
|
|
<img class="h-8 w-auto" src="https://via.placeholder.com/150x50?text=Altaire" alt="Altaire Logo"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="hidden md:ml-6 md:flex md:items-center md:space-x-8"> |
|
|
<a href="#about" class="text-gray-900 hover:text-indigo-600 px-3 py-2 text-sm font-medium">About</a> |
|
|
<a href="#course" class="text-gray-900 hover:text-indigo-600 px-3 py-2 text-sm font-medium">Course</a> |
|
|
<a href="#benefits" class="text-gray-900 hover:text-indigo-600 px-3 py-2 text-sm font-medium">Benefits</a> |
|
|
<a href="#testimonials" class="text-gray-900 hover:text-indigo-600 px-3 py-2 text-sm font-medium">Testimonials</a> |
|
|
<a href="#register" class="bg-indigo-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-indigo-700 transition duration-300">Register Now</a> |
|
|
</div> |
|
|
<div class="-mr-2 flex items-center md:hidden"> |
|
|
<button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" aria-controls="mobile-menu" aria-expanded="false"> |
|
|
<span class="sr-only">Open main menu</span> |
|
|
<i class="fas fa-bars"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
|
|
|
<div class="hero-gradient text-white"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20 md:py-32"> |
|
|
<div class="md:flex md:items-center md:justify-between"> |
|
|
<div class="md:w-1/2 mb-10 md:mb-0"> |
|
|
<h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6">AI Training for <span class="text-yellow-300">Non-Technical</span> Professionals</h1> |
|
|
<p class="text-xl mb-8">Master AI concepts in just one day with our hands-on, jargon-free training designed specifically for business professionals.</p> |
|
|
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> |
|
|
<a href="#register" class="bg-white text-indigo-600 px-8 py-3 rounded-md text-lg font-semibold hover:bg-gray-100 transition duration-300 text-center">Register Today</a> |
|
|
<a href="#course" class="border-2 border-white text-white px-8 py-3 rounded-md text-lg font-semibold hover:bg-white hover:text-indigo-600 transition duration-300 text-center">Learn More</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:w-1/2 flex justify-center"> |
|
|
<img src="https://via.placeholder.com/500x400?text=AI+Training" alt="AI Training Illustration" class="rounded-lg shadow-xl animate-float"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white py-12"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-center"> |
|
|
<div class="p-6 border border-gray-200 rounded-lg hover:shadow-lg transition duration-300"> |
|
|
<div class="text-4xl font-bold text-indigo-600 mb-2">1,500+</div> |
|
|
<div class="text-gray-600">Professionals Trained</div> |
|
|
</div> |
|
|
<div class="p-6 border border-gray-200 rounded-lg hover:shadow-lg transition duration-300"> |
|
|
<div class="text-4xl font-bold text-indigo-600 mb-2">94%</div> |
|
|
<div class="text-gray-600">Satisfaction Rate</div> |
|
|
</div> |
|
|
<div class="p-6 border border-gray-200 rounded-lg hover:shadow-lg transition duration-300"> |
|
|
<div class="text-4xl font-bold text-indigo-600 mb-2">1 Day</div> |
|
|
<div class="text-gray-600">To AI Confidence</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="about" class="bg-gray-50 py-20"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-4">Why Learn AI with Altaire?</h2> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Our one-day intensive course is designed specifically for non-technical professionals who want to understand and leverage AI in their work.</p> |
|
|
</div> |
|
|
<div class="grid md:grid-cols-2 gap-12 items-center"> |
|
|
<div> |
|
|
<img src="https://via.placeholder.com/600x400?text=AI+Workshop" alt="AI Workshop" class="rounded-lg shadow-lg"> |
|
|
</div> |
|
|
<div> |
|
|
<div class="mb-8"> |
|
|
<div class="flex items-start mb-4"> |
|
|
<div class="flex-shrink-0 bg-indigo-100 p-2 rounded-full mr-4"> |
|
|
<i class="fas fa-brain text-indigo-600 text-xl"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-xl font-semibold mb-2">No Technical Background Needed</h3> |
|
|
<p class="text-gray-600">We break down complex AI concepts into simple, understandable terms with real-world analogies.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mb-8"> |
|
|
<div class="flex items-start mb-4"> |
|
|
<div class="flex-shrink-0 bg-indigo-100 p-2 rounded-full mr-4"> |
|
|
<i class="fas fa-chart-line text-indigo-600 text-xl"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-xl font-semibold mb-2">Immediate Practical Application</h3> |
|
|
<p class="text-gray-600">Walk away with actionable strategies to implement AI solutions in your specific industry.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div> |
|
|
<div class="flex items-start mb-4"> |
|
|
<div class="flex-shrink-0 bg-indigo-100 p-2 rounded-full mr-4"> |
|
|
<i class="fas fa-users text-indigo-600 text-xl"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-xl font-semibold mb-2">Interactive Learning</h3> |
|
|
<p class="text-gray-600">Engage in hands-on exercises and group discussions tailored to your business challenges.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="course" class="py-20 bg-white"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-4">Your One-Day AI Learning Journey</h2> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto">A carefully structured day that builds from foundational understanding to practical application.</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-2 gap-8 mb-16"> |
|
|
|
|
|
<div class="course-card bg-indigo-50 rounded-xl p-8 transition duration-300"> |
|
|
<div class="flex items-center mb-6"> |
|
|
<div class="bg-indigo-100 p-3 rounded-full mr-4"> |
|
|
<i class="fas fa-sun text-indigo-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-2xl font-bold text-gray-900">Morning Session: AI Fundamentals</h3> |
|
|
</div> |
|
|
<ul class="space-y-4"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check-circle text-indigo-600 mt-1 mr-3"></i> |
|
|
<span>Understanding AI, ML, and Deep Learning without the jargon</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check-circle text-indigo-600 mt-1 mr-3"></i> |
|
|
<span>Current capabilities and limitations of AI technology</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check-circle text-indigo-600 mt-1 mr-3"></i> |
|
|
<span>Industry-specific AI applications and case studies</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check-circle text-indigo-600 mt-1 mr-3"></i> |
|
|
<span>Ethical considerations and responsible AI use</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="course-card bg-yellow-50 rounded-xl p-8 transition duration-300"> |
|
|
<div class="flex items-center mb-6"> |
|
|
<div class="bg-yellow-100 p-3 rounded-full mr-4"> |
|
|
<i class="fas fa-lightbulb text-yellow-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-2xl font-bold text-gray-900">Afternoon Session: Practical Problem Solving</h3> |
|
|
</div> |
|
|
<ul class="space-y-4"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check-circle text-yellow-600 mt-1 mr-3"></i> |
|
|
<span>Hands-on exercises with no-code AI tools</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check-circle text-yellow-600 mt-1 mr-3"></i> |
|
|
<span>Group workshops to solve real business challenges</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check-circle text-yellow-600 mt-1 mr-3"></i> |
|
|
<span>Developing an AI implementation roadmap for your organization</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check-circle text-yellow-600 mt-1 mr-3"></i> |
|
|
<span>Q&A with AI experts and practitioners</span> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="text-center"> |
|
|
<a href="#register" class="bg-indigo-600 text-white px-8 py-3 rounded-md text-lg font-semibold hover:bg-indigo-700 transition duration-300 inline-block">Reserve Your Spot Now</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-gray-900 text-white py-20"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold mb-4">Who Should Attend?</h2> |
|
|
<p class="text-xl text-gray-300 max-w-3xl mx-auto">This course is perfect for professionals who want to understand AI without becoming technical experts.</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-3 gap-8"> |
|
|
<div class="bg-gray-800 p-8 rounded-xl hover:bg-gray-700 transition duration-300"> |
|
|
<div class="text-indigo-400 text-4xl mb-4"> |
|
|
<i class="fas fa-briefcase"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Business Leaders</h3> |
|
|
<p class="text-gray-300">CEOs, managers, and executives who need to make informed decisions about AI adoption.</p> |
|
|
</div> |
|
|
<div class="bg-gray-800 p-8 rounded-xl hover:bg-gray-700 transition duration-300"> |
|
|
<div class="text-indigo-400 text-4xl mb-4"> |
|
|
<i class="fas fa-chart-pie"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Analysts & Strategists</h3> |
|
|
<p class="text-gray-300">Professionals who want to leverage AI for data-driven insights and decision making.</p> |
|
|
</div> |
|
|
<div class="bg-gray-800 p-8 rounded-xl hover:bg-gray-700 transition duration-300"> |
|
|
<div class="text-indigo-400 text-4xl mb-4"> |
|
|
<i class="fas fa-user-tie"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Consultants & Advisors</h3> |
|
|
<p class="text-gray-300">Those who need to advise clients on AI opportunities and implementation strategies.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="benefits" class="py-20 bg-white"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-4">What You'll Gain</h2> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Transform your understanding of AI in just one intensive day.</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> |
|
|
<div class="border border-gray-200 rounded-xl p-8 hover:shadow-lg transition duration-300"> |
|
|
<div class="bg-indigo-100 w-16 h-16 rounded-full flex items-center justify-center mb-6"> |
|
|
<i class="fas fa-eye text-indigo-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Clear Understanding</h3> |
|
|
<p class="text-gray-600">Cut through the hype and understand what AI can and cannot do for your business.</p> |
|
|
</div> |
|
|
<div class="border border-gray-200 rounded-xl p-8 hover:shadow-lg transition duration-300"> |
|
|
<div class="bg-indigo-100 w-16 h-16 rounded-full flex items-center justify-center mb-6"> |
|
|
<i class="fas fa-tools text-indigo-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Practical Tools</h3> |
|
|
<p class="text-gray-600">Access to no-code AI platforms you can start using immediately after the course.</p> |
|
|
</div> |
|
|
<div class="border border-gray-200 rounded-xl p-8 hover:shadow-lg transition duration-300"> |
|
|
<div class="bg-indigo-100 w-16 h-16 rounded-full flex items-center justify-center mb-6"> |
|
|
<i class="fas fa-network-wired text-indigo-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Strategic Framework</h3> |
|
|
<p class="text-gray-600">A step-by-step approach to identifying AI opportunities in your organization.</p> |
|
|
</div> |
|
|
<div class="border border-gray-200 rounded-xl p-8 hover:shadow-lg transition duration-300"> |
|
|
<div class="bg-indigo-100 w-16 h-16 rounded-full flex items-center justify-center mb-6"> |
|
|
<i class="fas fa-comments text-indigo-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Confident Communication</h3> |
|
|
<p class="text-gray-600">Speak knowledgeably about AI with technical teams and stakeholders.</p> |
|
|
</div> |
|
|
<div class="border border-gray-200 rounded-xl p-8 hover:shadow-lg transition duration-300"> |
|
|
<div class="bg-indigo-100 w-16 h-16 rounded-full flex items-center justify-center mb-6"> |
|
|
<i class="fas fa-lightbulb text-indigo-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Innovation Mindset</h3> |
|
|
<p class="text-gray-600">Learn how to foster AI-driven innovation in your team or organization.</p> |
|
|
</div> |
|
|
<div class="border border-gray-200 rounded-xl p-8 hover:shadow-lg transition duration-300"> |
|
|
<div class="bg-indigo-100 w-16 h-16 rounded-full flex items-center justify-center mb-6"> |
|
|
<i class="fas fa-certificate text-indigo-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3">Certificate of Completion</h3> |
|
|
<p class="text-gray-600">Earn a certificate to showcase your new AI competency.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="testimonials" class="py-20 bg-gray-50"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-4">What Our Participants Say</h2> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Hear from professionals who transformed their understanding of AI in just one day.</p> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-3 gap-8"> |
|
|
<div class="testimonial-card bg-white p-8 rounded-xl shadow-md"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="text-yellow-400 mr-2"> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-600 italic mb-6">"I came in skeptical about understanding AI in one day, but the way concepts were broken down made it incredibly accessible. I'm now leading AI initiatives at my company."</p> |
|
|
<div class="flex items-center"> |
|
|
<img class="w-12 h-12 rounded-full mr-4" src="https://randomuser.me/api/portraits/women/43.jpg" alt="Sarah Johnson"> |
|
|
<div> |
|
|
<h4 class="font-bold">Sarah Johnson</h4> |
|
|
<p class="text-gray-500 text-sm">Marketing Director</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="testimonial-card bg-white p-8 rounded-xl shadow-md"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="text-yellow-400 mr-2"> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-600 italic mb-6">"The afternoon workshop was transformative. We solved an actual business problem using AI approaches, and I implemented the solution the very next week."</p> |
|
|
<div class="flex items-center"> |
|
|
<img class="w-12 h-12 rounded-full mr-4" src="https://randomuser.me/api/portraits/men/32.jpg" alt="Michael Chen"> |
|
|
<div> |
|
|
<h4 class="font-bold">Michael Chen</h4> |
|
|
<p class="text-gray-500 text-sm">Operations Manager</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="testimonial-card bg-white p-8 rounded-xl shadow-md"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<div class="text-yellow-400 mr-2"> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-600 italic mb-6">"Finally an AI course that doesn't assume I'm a data scientist! The real-world examples made all the difference in understanding how to apply these concepts."</p> |
|
|
<div class="flex items-center"> |
|
|
<img class="w-12 h-12 rounded-full mr-4" src="https://randomuser.me/api/portraits/women/65.jpg" alt="Priya Patel"> |
|
|
<div> |
|
|
<h4 class="font-bold">Priya Patel</h4> |
|
|
<p class="text-gray-500 text-sm">HR Consultant</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="py-20 bg-indigo-600 text-white"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold mb-4">Simple, Transparent Pricing</h2> |
|
|
<p class="text-xl text-indigo-100 max-w-3xl mx-auto">One day that could transform your career and business.</p> |
|
|
</div> |
|
|
|
|
|
<div class="max-w-md mx-auto bg-white rounded-xl shadow-2xl overflow-hidden md:max-w-2xl"> |
|
|
<div class="md:flex"> |
|
|
<div class="p-8 w-full"> |
|
|
<div class="uppercase tracking-wide text-sm text-indigo-600 font-semibold mb-1">Full-Day Intensive</div> |
|
|
<div class="flex items-baseline mt-2 mb-4"> |
|
|
<span class="text-5xl font-extrabold text-gray-900">$495</span> |
|
|
<span class="ml-1 text-xl text-gray-600">per participant</span> |
|
|
</div> |
|
|
<ul class="mt-6 space-y-4 text-gray-600"> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check-circle text-indigo-500 mt-1 mr-3"></i> |
|
|
<span>8 hours of interactive training</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check-circle text-indigo-500 mt-1 mr-3"></i> |
|
|
<span>Course materials and resources</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check-circle text-indigo-500 mt-1 mr-3"></i> |
|
|
<span>Certificate of completion</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check-circle text-indigo-500 mt-1 mr-3"></i> |
|
|
<span>30-day access to course recordings</span> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<i class="fas fa-check-circle text-indigo-500 mt-1 mr-3"></i> |
|
|
<span>Invitation to alumni network</span> |
|
|
</li> |
|
|
</ul> |
|
|
<div class="mt-8"> |
|
|
<a href="#register" class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 px-4 rounded-lg shadow-lg transition duration-300 block text-center">Enroll Now</a> |
|
|
</div> |
|
|
<p class="mt-4 text-sm text-gray-500 text-center">Group discounts available for 3+ participants</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="py-20 bg-white"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-900 mb-4">Frequently Asked Questions</h2> |
|
|
<p class="text-xl text-gray-600 max-w-3xl mx-auto">Everything you need to know about the AI training course.</p> |
|
|
</div> |
|
|
|
|
|
<div class="max-w-3xl mx-auto"> |
|
|
<div class="space-y-4"> |
|
|
<div class="border border-gray-200 rounded-lg overflow-hidden"> |
|
|
<button class="w-full flex justify-between items-center p-6 text-left focus:outline-none"> |
|
|
<span class="text-lg font-medium text-gray-900">Do I need any technical background to attend?</span> |
|
|
<i class="fas fa-chevron-down text-indigo-600 transition-transform duration-300"></i> |
|
|
</button> |
|
|
<div class="px-6 pb-6 hidden"> |
|
|
<p class="text-gray-600">Not at all! This course is specifically designed for non-technical professionals. We start from the very basics and use real-world analogies to explain concepts without any technical jargon.</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="border border-gray-200 rounded-lg overflow-hidden"> |
|
|
<button class="w-full flex justify-between items-center p-6 text-left focus:outline-none"> |
|
|
<span class="text-lg font-medium text-gray-900">What's the format of the training?</span> |
|
|
<i class="fas fa-chevron-down text-indigo-600 transition-transform duration-300"></i> |
|
|
</button> |
|
|
<div class="px-6 pb-6 hidden"> |
|
|
<p class="text-gray-600">The training is conducted live online via Zoom. The morning session focuses on understanding AI concepts through presentations and discussions. The afternoon is hands-on with group exercises and problem-solving workshops.</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="border border-gray-200 rounded-lg overflow-hidden"> |
|
|
<button class="w-full flex justify-between items-center p-6 text-left focus:outline-none"> |
|
|
<span class="text-lg font-medium text-gray-900">Will I need to install any software?</span> |
|
|
<i class="fas fa-chevron-down text-indigo-600 transition-transform duration-300"></i> |
|
|
</button> |
|
|
<div class="px-6 pb-6 hidden"> |
|
|
<p class="text-gray-600">No special software is required. We'll use browser-based tools that don't require installation. You'll receive all access details after registration.</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="border border-gray-200 rounded-lg overflow-hidden"> |
|
|
<button class="w-full flex justify-between items-center p-6 text-left focus:outline-none"> |
|
|
<span class="text-lg font-medium text-gray-900">Can I get a refund if I'm not satisfied?</span> |
|
|
<i class="fas fa-chevron-down text-indigo-600 transition-transform duration-300"></i> |
|
|
</button> |
|
|
<div class="px-6 pb-6 hidden"> |
|
|
<p class="text-gray-600">We offer a 100% satisfaction guarantee. If you're not completely satisfied with the training after the first hour, you can request a full refund.</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="border border-gray-200 rounded-lg overflow-hidden"> |
|
|
<button class="w-full flex justify-between items-center p-6 text-left focus:outline-none"> |
|
|
<span class="text-lg font-medium text-gray-900">Will there be follow-up support after the course?</span> |
|
|
<i class="fas fa-chevron-down text-indigo-600 transition-transform duration-300"></i> |
|
|
</button> |
|
|
<div class="px-6 pb-6 hidden"> |
|
|
<p class="text-gray-600">Yes! All participants get access to our alumni network and can join monthly Q&A sessions with our instructors for three months after the course.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div id="register" class="py-20 bg-gray-900 text-white"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="md:flex md:items-center md:justify-between"> |
|
|
<div class="md:w-1/2 mb-10 md:mb-0"> |
|
|
<h2 class="text-3xl font-bold mb-6">Ready to Demystify AI?</h2> |
|
|
<p class="text-xl text-gray-300 mb-8">Join our next training session and gain the AI knowledge you need to stay competitive in today's business landscape.</p> |
|
|
<div class="flex items-center"> |
|
|
<i class="fas fa-calendar-alt text-indigo-400 text-2xl mr-4"></i> |
|
|
<div> |
|
|
<div class="font-bold">Next Session:</div> |
|
|
<div class="text-gray-300">June 15, 2023 | 9:00 AM - 5:00 PM (EST)</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:w-1/2"> |
|
|
<div class="bg-white rounded-lg shadow-xl p-8 text-gray-800"> |
|
|
<h3 class="text-2xl font-bold mb-6">Register Now</h3> |
|
|
<form> |
|
|
<div class="mb-4"> |
|
|
<label class="block text-gray-700 text-sm font-bold mb-2" for="name">Full Name</label> |
|
|
<input class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500" id="name" type="text" placeholder="Your name"> |
|
|
</div> |
|
|
<div class="mb-4"> |
|
|
<label class="block text-gray-700 text-sm font-bold mb-2" for="email">Email</label> |
|
|
<input class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500" id="email" type="email" placeholder="your@email.com"> |
|
|
</div> |
|
|
<div class="mb-6"> |
|
|
<label class="block text-gray-700 text-sm font-bold mb-2" for="company">Company (Optional)</label> |
|
|
<input class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500" id="company" type="text" placeholder="Your company"> |
|
|
</div> |
|
|
<button class="w-full bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 px-4 rounded-md transition duration-300" type="button"> |
|
|
Secure My Spot |
|
|
</button> |
|
|
</form> |
|
|
<p class="mt-4 text-sm text-gray-500 text-center">You'll receive confirmation and details within 24 hours.</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<footer class="bg-gray-800 text-white py-12"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="grid md:grid-cols-4 gap-8"> |
|
|
<div> |
|
|
<h3 class="text-lg font-semibold mb-4">Altaire AI Training</h3> |
|
|
<p class="text-gray-400">Empowering non-technical professionals with practical AI knowledge since 2018.</p> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-lg font-semibold mb-4">Quick Links</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#about" class="text-gray-400 hover:text-white transition duration-300">About</a></li> |
|
|
<li><a href="#course" class="text-gray-400 hover:text-white transition duration-300">Course Details</a></li> |
|
|
<li><a href="#benefits" class="text-gray-400 hover:text-white transition duration-300">Benefits</a></li> |
|
|
<li><a href="#register" class="text-gray-400 hover:text-white transition duration-300">Register</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-lg font-semibold mb-4">Contact</h3> |
|
|
<ul class="space-y-2 text-gray-400"> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-envelope mr-2"></i> |
|
|
<span>training@altiare.com</span> |
|
|
</li> |
|
|
<li class="flex items |
|
|
</html> |
