- Reorganized CSS into modular architecture (core.css, pages.css, responsive.css, components.css) - Implemented comprehensive design system with CSS custom properties for theming - Added responsive navigation with hamburger menu and dropdown systems - Created modern card-based component system for courses, expertise, and services - Enhanced all HTML pages with updated styling and improved user experience - Added extensive animation system with smooth transitions and hover effects - Implemented mobile-first responsive design with comprehensive breakpoints - Established industry-specific color theming system - Moved old CSS files to backup folder for reference - Updated all service, education, and industry pages with consistent styling
368 lines
25 KiB
HTML
368 lines
25 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Corporate Trainings - Gyannetra</title> <!-- Consolidated CSS files for optimal performance -->
|
|
<link rel="stylesheet" href="../css/core.css">
|
|
<link rel="stylesheet" href="../css/components.css">
|
|
<link rel="stylesheet" href="../css/pages.css">
|
|
<link rel="stylesheet" href="../css/responsive.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body class="gn-mobile-no-overflow">
|
|
<div class="atmospheric-bg">
|
|
<div class="light-effect-top"></div>
|
|
<div class="light-effect-bottom"></div>
|
|
<div class="small-light-top"></div>
|
|
<div class="small-light-bottom"></div>
|
|
<div class="overlay"></div>
|
|
<div class="noise"></div>
|
|
</div>
|
|
<header class="site-header">
|
|
<nav class="navbar"> <a href="../index.html" class="logo">
|
|
<img src="../assets/Company Icons/GN logo with banner.svg" alt="Gyannetra Logo" class="logo-img" class="gn-responsive-image">
|
|
</a>
|
|
|
|
<!-- Hamburger menu button for mobile -->
|
|
<button class="hamburger-menu" aria-label="Toggle menu">
|
|
<span class="hamburger-line"></span>
|
|
<span class="hamburger-line"></span>
|
|
<span class="hamburger-line"></span>
|
|
</button>
|
|
|
|
<ul class="nav-links">
|
|
<li class="dropdown"><a href="#" class="nav-link">Services ▾</a>
|
|
<ul class="dropdown-menu services-dropdown">
|
|
<li><a href="../Services/machine-learning.html"><div class="dropdown-item-content"><img src="../assets/mlng.png" alt="Machine Learning Icon" class="dropdown-icon" class="gn-responsive-image"><div class="text-content"><span class="item-title">Machine Learning</span><span class="item-description">We build intelligent systems that learn from data to predict outcomes and automate decisions.</span></div></div></a></li>
|
|
<li><a href="../Services/data-analysis.html"><div class="dropdown-item-content"><img src="../assets/data analytics.png" alt="Data Analysis Icon" class="dropdown-icon" class="gn-responsive-image"><div class="text-content"><span class="item-title">Data Analytics</span><span class="item-description">We transform raw data into actionable insights, helping you understand trends and optimize performance.</span></div></div></a></li>
|
|
<li><a href="../Services/generative-ai.html"><div class="dropdown-item-content"><img src="../assets/gen ai.png" alt="Generative AI Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Generative AI</span><span class="item-description">We create novel content, from text and images to code, unlocking new possibilities for creativity and efficiency.</span></div></div></a></li>
|
|
<li><a href="../Services/agentic-ai.html"><div class="dropdown-item-content"><img src="../assets/ai agent.png" alt="Agentic AI Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Agentic AI</span><span class="item-description">We develop autonomous AI agents capable of perceiving their environment and taking actions to achieve specific goals.</span></div></div></a></li>
|
|
<li><a href="../Services/automation-flows.html"><div class="dropdown-item-content"><img src="../assets/automation flows.png" alt="Automation Flows Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Automation Flows</span><span class="item-description">We design and implement intelligent automation solutions to streamline your workflows and boost productivity.</span></div></div></a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="dropdown"><a href="#" class="nav-link">Industries ▾</a>
|
|
<ul class="dropdown-menu industries-dropdown">
|
|
<li><a href="../Industries/finance.html"><div class="dropdown-item-content"><img src="../assets/Finance Ind.png" alt="Finance Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Finance</span><span class="item-description">Applying AI to enhance fraud detection, risk management, and customer experience.</span></div></div></a></li>
|
|
<li><a href="../Industries/healthcare.html"><div class="dropdown-item-content"><img src="../assets/healthcare ind.png" alt="Healthcare Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Healthcare</span><span class="item-description">Leveraging AI for faster diagnoses, personalized treatments, and improved patient care.</span></div></div></a></li>
|
|
<li><a href="../Industries/manufacturing.html"><div class="dropdown-item-content"><img src="../assets/manufacturing ind.png" alt="Manufacturing Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Manufacturing</span><span class="item-description">Optimizing production processes, predicting maintenance needs, and enhancing quality control with AI.</span></div></div></a></li>
|
|
<li><a href="../Industries/marketing.html"><div class="dropdown-item-content"><img src="../assets/marketing ind.png" alt="Marketing Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Marketing</span><span class="item-description">Personalizing campaigns, predicting consumer behavior, and optimizing marketing spend using AI.</span></div></div></a></li>
|
|
<li><a href="../Industries/media-entertainment.html"><div class="dropdown-item-content"><img src="../assets/media and entertainment ind.png" alt="Media & Entertainment Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Media & Entertainment</span><span class="item-description">Creating engaging content, personalizing recommendations, and optimizing content delivery with AI.</span></div></div></a></li>
|
|
<li><a href="../Industries/travel.html"><div class="dropdown-item-content"><img src="../assets/travel ind.png" alt="Travel Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Travel</span><span class="item-description">Enhancing customer journeys, optimizing pricing, and improving operational efficiency through AI.</span></div></div></a></li>
|
|
<li><a href="../Industries/retail.html"><div class="dropdown-item-content"><img src="../assets/retail ind.png" alt="Retail Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Retail</span><span class="item-description">Personalizing shopping experiences, optimizing inventory, and predicting demand with AI.
|
|
</span></div></div></a></li>
|
|
<li><a href="../Industries/case-studies.html"><div class="dropdown-item-content"><img src="../assets/case study ind.png" alt="Case Studies Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Case Studies</span><span class="item-description">Real-world examples showcasing how our AI solutions have delivered tangible results for our clients.</span></div></div></a></li>
|
|
|
|
</ul>
|
|
</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="Webinars Icon" class="dropdown-icon" / class="gn-responsive-image"><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" / class="gn-responsive-image"><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" / class="gn-responsive-image"><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>
|
|
</ul>
|
|
</li>
|
|
<li><a href="../about.html" class="nav-link">About Us</a></li>
|
|
<li><a href="../contact.html" class="nav-link">Contact Us</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
<main> <section class="hero-section gn-responsive-container">
|
|
<h1>AI-Powered Corporate Training</h1>
|
|
<p>We offer customized AI training programs for businesses, designed to meet your specific needs and accelerate your team's AI expertise.</p> <a href="mailto:education@gyannetra.com" class="btn btn-primary">Request a Training Proposal</a> </section>
|
|
|
|
<section id="custom-training-workflow" class="container workflow-section">
|
|
<h2 class="section-heading gn-mobile-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-line"></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>Innovate with us</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> </section> <section id="transform-cta-section" class="why-choose-us-section container benefits-section">
|
|
<div class="workflow-cta">
|
|
<div class="cta-content">
|
|
<h2 class="section-heading gn-mobile-section-heading">READY TO TRANSFORM YOUR TEAM'S AI CAPABILITIES?</h2>
|
|
<p>Let us design a custom training solution that perfectly aligns with your business workflows and objectives. Our expert team will work with you to create tailored AI training programs that deliver measurable results and accelerate your organization's AI adoption journey.</p>
|
|
|
|
<div class="benefits-cards-grid"> <div class="benefit-card">
|
|
<div class="benefit-card-icon">
|
|
<i class="fas fa-pencil-ruler"></i>
|
|
</div>
|
|
<h3>Tailored Content for Industries</h3>
|
|
<p>Our training programs are customized to address your organization's specific needs, goals, and skill gaps.</p>
|
|
</div>
|
|
<div class="benefit-card">
|
|
<div class="benefit-card-icon">
|
|
<i class="fas fa-chalkboard-teacher"></i>
|
|
</div>
|
|
<h3>Expert Instructors</h3>
|
|
<p>Learn from industry professionals with hands-on experience implementing AI solutions across various sectors.</p>
|
|
</div>
|
|
<div class="benefit-card">
|
|
<div class="benefit-card-icon">
|
|
<i class="fas fa-users-cog"></i>
|
|
</div>
|
|
<h3>Upskilled Workforce</h3>
|
|
<p>Equip your team with the knowledge and practical skills they need to leverage AI effectively in their roles.</p>
|
|
</div>
|
|
<div class="benefit-card">
|
|
<div class="benefit-card-icon">
|
|
<i class="fas fa-chart-line"></i>
|
|
</div>
|
|
<h3>ROI-Focused Training</h3>
|
|
<p>Maximize your investment with training that delivers measurable business outcomes and practical implementation skills.</p> </div>
|
|
</div>
|
|
|
|
<div class="transform-cta-buttons">
|
|
<a href="mailto:education@gyannetra.com" class="btn-primary workflow-cta-btn gn-mobile-button">Request a Custom Training Proposal</a>
|
|
<a href="../contact.html" class="btn-primary workflow-cta-btn gn-mobile-button">Get In Touch</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<div class="container gn-responsive-container">
|
|
<div class="footer-content"> <div class="footer-col footer-col-logo">
|
|
<a href="../index.html" class="logo">
|
|
<img src="../assets/Company Icons/company logo square.svg" alt="Gyannetra Logo" class="footer-logo-img" class="gn-responsive-image">
|
|
</a>
|
|
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
|
|
</div>
|
|
<div class="footer-col">
|
|
<h3>Quick Links</h3>
|
|
<ul>
|
|
<li><a href="../index.html">Home</a></li>
|
|
<li><a href="../Services/machine-learning.html">Machine Learning</a></li>
|
|
<li><a href="../Services/data-analysis.html">Data Analysis</a></li>
|
|
<li><a href="../Services/generative-ai.html">Generative AI</a></li>
|
|
<li><a href="../Services/agentic-ai.html">Agentic AI</a></li>
|
|
<li><a href="../Services/automation-flows.html">Automation Flows</a></li>
|
|
<li><a href="../about.html">About Us</a></li>
|
|
<li><a href="../contact.html">Contact Us</a></li>
|
|
</ul>
|
|
</div> <div class="footer-col">
|
|
<h3>Follow Us</h3>
|
|
<p>Stay updated with our latest insights and news.</p> <div class="social-links">
|
|
<a href="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
|
|
<a href="https://wa.me/918949135299" aria-label="WhatsApp" target="_blank"><i class="fab fa-whatsapp"></i></a>
|
|
<a href="https://www.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
|
|
<a href="https://www.youtube.com/@Gyannetra-o3y" aria-label="YouTube" target="_blank"><i class="fab fa-youtube"></i></a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer-col">
|
|
<h3>Contact Us</h3>
|
|
<ul>
|
|
<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>
|
|
|
|
</div>
|
|
</div> <div class="footer-bottom">
|
|
<p>© 2025 Gyannetra. All rights reserved. | <a href="../privacy-policy.html">Privacy Policy</a> | <a href="../terms-of-service.html">Terms and Conditions</a></p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<script>
|
|
// 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>
|
|
<script src="../js/menu-dropdown.js" defer></script>
|
|
<script src="../js/tech-marquee.js" defer></script>
|
|
</html>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|