Improve corporate training page flow and center custom training section
- Repositioned custom training workflow section between key training areas and benefits for better page flow - Added CSS rule to shift custom training section container slightly right for improved visual centering - Enhanced logical progression: what we offer how we customize why choose us testimonial CTA
This commit is contained in:
@@ -56,7 +56,7 @@
|
||||
</li>
|
||||
<li class="dropdown"><a href="#" class="nav-link active">Education ▾</a>
|
||||
<ul class="dropdown-menu education-dropdown">
|
||||
<li><a href="./workshops.html"><div class="dropdown-item-content"><img src="../assets/workshops.png" alt="Workshops Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Workshops</span><span class="item-description">Engaging and interactive sessions designed to introduce key AI concepts and practical skills.</span></div></div></a></li>
|
||||
<li><a href="./workshops.html"><div class="dropdown-item-content"><img src="../assets/workshops.png" alt="Webinars Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Webinars</span><span class="item-description">Engaging and interactive sessions designed to introduce key AI concepts and practical skills.</span></div></div></a></li>
|
||||
<li><a href="./individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Training Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized learning programs tailored to your specific needs and learning pace.</span></div></div></a></li>
|
||||
<li><a href="./corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Training Icon" class="dropdown-icon" /><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized training solutions to upskill your teams and drive AI adoption within your organization.
|
||||
</span></div></div></a></li>
|
||||
@@ -70,11 +70,10 @@
|
||||
|
||||
<main>
|
||||
<section class="hero-section">
|
||||
<div class="container hero-content-columns">
|
||||
<div class="hero-text-content">
|
||||
<div class="container hero-content-columns"> <div class="hero-text-content">
|
||||
<h1>CORPORATE TRAINING</h1>
|
||||
<p>We offer customized AI training programs for businesses, designed to meet your specific needs</p>
|
||||
<a href="../contact.html" class="btn-primary">Request a Training Proposal</a>
|
||||
<a href="mailto:education@gyannetra.com" class="btn-primary">Request a Training Proposal</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -87,12 +86,11 @@
|
||||
<img src="../assets/mlng.png" alt="AI Fundamentals Icon">
|
||||
</div>
|
||||
<h3>AI Fundamentals</h3>
|
||||
<p>Comprehensive introduction to AI concepts, machine learning basics, and practical applications in business contexts. Tailored for all experience levels.</p>
|
||||
<div class="program-highlights">
|
||||
<p>Comprehensive introduction to AI concepts, machine learning basics, and practical applications in business contexts. Tailored for all experience levels.</p> <div class="program-highlights">
|
||||
<span class="highlight-item"><i class="fas fa-users"></i> For all teams</span>
|
||||
<span class="highlight-item"><i class="fas fa-calendar"></i> 2-5 days</span>
|
||||
</div>
|
||||
<a href="../contact.html" class="btn-primary">Learn More</a>
|
||||
<a href="mailto:education@gyannetra.com" class="btn-primary">Learn More</a>
|
||||
</div>
|
||||
|
||||
<div class="benefit-card">
|
||||
@@ -100,12 +98,11 @@
|
||||
<img src="../assets/gen ai.png" alt="Specific AI Technologies Icon">
|
||||
</div>
|
||||
<h3>Generative AI for Business</h3>
|
||||
<p>Focused training on generative AI tools and technologies that can transform content creation, product development, and customer experiences.</p>
|
||||
<div class="program-highlights">
|
||||
<p>Focused training on generative AI tools and technologies that can transform content creation, product development, and customer experiences.</p> <div class="program-highlights">
|
||||
<span class="highlight-item"><i class="fas fa-users"></i> Technical teams</span>
|
||||
<span class="highlight-item"><i class="fas fa-calendar"></i> 3-7 days</span>
|
||||
</div>
|
||||
<a href="../contact.html" class="btn-primary">Learn More</a>
|
||||
<a href="mailto:education@gyannetra.com" class="btn-primary">Learn More</a>
|
||||
</div>
|
||||
|
||||
<div class="benefit-card">
|
||||
@@ -113,12 +110,11 @@
|
||||
<img src="../assets/education-cap-icon.svg" alt="AI Ethics Icon">
|
||||
</div>
|
||||
<h3>AI Ethics for Business</h3>
|
||||
<p>Understanding ethical considerations, responsible AI implementation, and governance frameworks to ensure your AI initiatives align with company values.</p>
|
||||
<div class="program-highlights">
|
||||
<p>Understanding ethical considerations, responsible AI implementation, and governance frameworks to ensure your AI initiatives align with company values.</p> <div class="program-highlights">
|
||||
<span class="highlight-item"><i class="fas fa-users"></i> Leadership</span>
|
||||
<span class="highlight-item"><i class="fas fa-calendar"></i> 1-3 days</span>
|
||||
</div>
|
||||
<a href="../contact.html" class="btn-primary">Learn More</a>
|
||||
<a href="mailto:education@gyannetra.com" class="btn-primary">Learn More</a>
|
||||
</div>
|
||||
|
||||
<div class="benefit-card">
|
||||
@@ -126,12 +122,143 @@
|
||||
<img src="../assets/ai agent.png" alt="AI Implementation Icon">
|
||||
</div>
|
||||
<h3>AI Implementation Strategy</h3>
|
||||
<p>Strategic training for leadership on how to effectively implement AI solutions, manage change, and measure ROI from AI initiatives.</p>
|
||||
<div class="program-highlights">
|
||||
<p>Strategic training for leadership on how to effectively implement AI solutions, manage change, and measure ROI from AI initiatives.</p> <div class="program-highlights">
|
||||
<span class="highlight-item"><i class="fas fa-users"></i> Executives</span>
|
||||
<span class="highlight-item"><i class="fas fa-calendar"></i> 2-4 days</span>
|
||||
</div>
|
||||
<a href="../contact.html" class="btn-primary">Learn More</a>
|
||||
<a href="mailto:education@gyannetra.com" class="btn-primary">Learn More</a>
|
||||
</div>
|
||||
</div> </section>
|
||||
|
||||
<section id="custom-training-workflow" class="container workflow-section">
|
||||
<h2 class="section-heading">CUSTOM TRAINING MODULES: TAILORED TO YOUR WORKFLOW</h2>
|
||||
<div class="workflow-intro">
|
||||
<p>At Gyannetra, we believe that effective corporate training goes beyond generic content. Our custom training modules are meticulously designed to integrate with your existing workflows, addressing your unique business challenges and maximizing the relevance and impact of every learning session.</p>
|
||||
</div>
|
||||
|
||||
<div class="workflow-benefits">
|
||||
<h3>Why Choose Custom Training Modules?</h3>
|
||||
<div class="benefits-list">
|
||||
<div class="benefit-item">
|
||||
<i class="fas fa-bullseye"></i>
|
||||
<div>
|
||||
<h4>Direct Applicability</h4>
|
||||
<p>Training content mirrors your actual work scenarios and business processes</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="benefit-item">
|
||||
<i class="fas fa-rocket"></i>
|
||||
<div>
|
||||
<h4>Higher Engagement</h4>
|
||||
<p>Employees connect better with familiar contexts and real-world examples</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="benefit-item">
|
||||
<i class="fas fa-chart-growth"></i>
|
||||
<div>
|
||||
<h4>Improved ROI</h4>
|
||||
<p>Immediate implementation leads to faster results and measurable business impact</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="benefit-item">
|
||||
<i class="fas fa-puzzle-piece"></i>
|
||||
<div>
|
||||
<h4>Seamless Integration</h4>
|
||||
<p>Training seamlessly fits into your existing workflows without disruption</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="workflow-process">
|
||||
<h3>Our Custom Training Development Process</h3>
|
||||
<div class="workflow-visualization">
|
||||
<div class="workflow-step" data-step="1">
|
||||
<div class="step-icon">
|
||||
<i class="fas fa-search"></i>
|
||||
</div>
|
||||
<div class="step-content">
|
||||
<h4>Needs Assessment</h4>
|
||||
<p>We conduct comprehensive analysis of your current workflows, team capabilities, and business objectives to identify specific training requirements and learning gaps.</p>
|
||||
<div class="step-details">
|
||||
<span>• Workflow mapping sessions</span>
|
||||
<span>• Skill gap analysis</span>
|
||||
<span>• Stakeholder interviews</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="step-connector"></div>
|
||||
</div>
|
||||
|
||||
<div class="workflow-step" data-step="2">
|
||||
<div class="step-icon">
|
||||
<i class="fas fa-pencil-alt"></i>
|
||||
</div>
|
||||
<div class="step-content">
|
||||
<h4>Content Curation & Customization</h4>
|
||||
<p>Our experts develop bespoke curriculum, real-world case studies, and practical examples directly relevant to your industry and operational context.</p>
|
||||
<div class="step-details">
|
||||
<span>• Industry-specific content</span>
|
||||
<span>• Custom case studies</span>
|
||||
<span>• Relevant datasets</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="step-connector"></div>
|
||||
</div>
|
||||
|
||||
<div class="workflow-step" data-step="3">
|
||||
<div class="step-icon">
|
||||
<i class="fas fa-code"></i>
|
||||
</div>
|
||||
<div class="step-content">
|
||||
<h4>Module Development</h4>
|
||||
<p>We build comprehensive training materials including interactive presentations, hands-on exercises, and practical simulations that mirror your actual work environment.</p>
|
||||
<div class="step-details">
|
||||
<span>• Interactive presentations</span>
|
||||
<span>• Practical exercises</span>
|
||||
<span>• Simulation environments</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="step-connector"></div>
|
||||
</div>
|
||||
|
||||
<div class="workflow-step" data-step="4">
|
||||
<div class="step-icon">
|
||||
<i class="fas fa-chalkboard-teacher"></i>
|
||||
</div>
|
||||
<div class="step-content">
|
||||
<h4>Delivery & Feedback</h4>
|
||||
<p>Expert instructors deliver the training with continuous feedback collection and real-time adjustments to ensure maximum learning effectiveness and engagement.</p>
|
||||
<div class="step-details">
|
||||
<span>• Expert-led sessions</span>
|
||||
<span>• Real-time feedback</span>
|
||||
<span>• Continuous optimization</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="step-connector"></div>
|
||||
</div>
|
||||
|
||||
<div class="workflow-step" data-step="5">
|
||||
<div class="step-icon">
|
||||
<i class="fas fa-life-ring"></i>
|
||||
</div>
|
||||
<div class="step-content">
|
||||
<h4>Post-Training Support</h4>
|
||||
<p>We provide ongoing support including implementation guidance, troubleshooting assistance, and additional resources to ensure sustained learning impact.</p>
|
||||
<div class="step-details">
|
||||
<span>• Implementation support</span>
|
||||
<span>• Follow-up sessions</span>
|
||||
<span>• Resource library access</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="workflow-cta">
|
||||
<div class="cta-content">
|
||||
<h3>Ready to Transform Your Team's AI Capabilities?</h3>
|
||||
<p>Let us design a custom training solution that perfectly aligns with your business workflows and objectives.</p>
|
||||
<a href="mailto:education@gyannetra.com" class="btn-primary workflow-cta-btn">Request a Custom Training Proposal</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -167,8 +294,7 @@
|
||||
<h3>ROI-Focused Training</h3>
|
||||
<p>Maximize your investment with training that delivers measurable business outcomes and practical implementation skills.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div> </section>
|
||||
|
||||
<section id="testimonial" class="container">
|
||||
<div class="testimonial-container">
|
||||
@@ -177,10 +303,8 @@
|
||||
<footer>- Operations Manager at a Fortune 500 Company</footer>
|
||||
</blockquote>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="request-proposal" class="container text-center">
|
||||
<a href="../contact.html" class="btn-primary">REQUEST A CORPORATE TRAINING PROPOSAL</a>
|
||||
</section> <section id="request-proposal" class="container text-center">
|
||||
<a href="mailto:education@gyannetra.com" class="btn-primary">REQUEST A CORPORATE TRAINING PROPOSAL</a>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
@@ -204,12 +328,11 @@
|
||||
<li><a href="../about.html">About Us</a></li>
|
||||
<li><a href="../contact.html">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
</div> <div class="footer-col">
|
||||
<h3>Contact Us</h3>
|
||||
<ul>
|
||||
<li><p><i class="fas fa-map-marker-alt"></i> 123 AI Street, Innovation City, Techland</p></li>
|
||||
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</p></li>
|
||||
<li><p><i class="fas fa-map-marker-alt"></i> Pune, Maharashtra, India</p></li>
|
||||
<li><p><i class="fas fa-phone"></i>+91 89491-35299</p></li>
|
||||
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
|
||||
</ul>
|
||||
</div><div class="footer-col">
|
||||
@@ -234,6 +357,76 @@
|
||||
// Add any page-specific JS here if needed
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
// Initialize any scripts needed for this page
|
||||
|
||||
// Custom Training Workflow Interactive Features
|
||||
const workflowSteps = document.querySelectorAll('.workflow-step');
|
||||
|
||||
// Add scroll-triggered animation
|
||||
const observerOptions = {
|
||||
threshold: 0.3,
|
||||
rootMargin: '0px 0px -50px 0px'
|
||||
};
|
||||
|
||||
const stepObserver = new IntersectionObserver((entries) => {
|
||||
entries.forEach(entry => {
|
||||
if (entry.isIntersecting) {
|
||||
entry.target.style.opacity = '1';
|
||||
entry.target.style.transform = 'translateX(0)';
|
||||
|
||||
// Add staggered animation delay
|
||||
const stepNumber = entry.target.dataset.step;
|
||||
entry.target.style.animationDelay = `${stepNumber * 0.2}s`;
|
||||
entry.target.classList.add('animate-in');
|
||||
}
|
||||
});
|
||||
}, observerOptions);
|
||||
|
||||
// Initialize workflow steps with initial hidden state
|
||||
workflowSteps.forEach((step, index) => {
|
||||
step.style.opacity = '0';
|
||||
step.style.transform = 'translateX(-50px)';
|
||||
step.style.transition = 'all 0.6s ease-out';
|
||||
stepObserver.observe(step);
|
||||
|
||||
// Add click interaction for mobile users
|
||||
step.addEventListener('click', function() {
|
||||
// Add a subtle pulse effect when clicked
|
||||
this.style.transform = 'scale(1.02)';
|
||||
setTimeout(() => {
|
||||
this.style.transform = 'scale(1)';
|
||||
}, 200);
|
||||
});
|
||||
});
|
||||
|
||||
// Add floating animation to step icons
|
||||
const stepIcons = document.querySelectorAll('.step-icon');
|
||||
stepIcons.forEach((icon, index) => {
|
||||
icon.style.animation = `float 3s ease-in-out infinite`;
|
||||
icon.style.animationDelay = `${index * 0.5}s`;
|
||||
});
|
||||
|
||||
// Add CSS for floating animation
|
||||
const style = document.createElement('style');
|
||||
style.textContent = `
|
||||
@keyframes float {
|
||||
0%, 100% { transform: translateY(0px); }
|
||||
50% { transform: translateY(-10px); }
|
||||
}
|
||||
.animate-in {
|
||||
animation: slideInLeft 0.6s ease-out forwards;
|
||||
}
|
||||
@keyframes slideInLeft {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateX(-50px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
`;
|
||||
document.head.appendChild(style);
|
||||
});
|
||||
</script>
|
||||
<script src="../js/main.js" defer></script>
|
||||
|
||||
1039
css/style.css
1039
css/style.css
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user