Restructure Learn AI On The Go section: Implement dual-column layout with shortened video containers

- Moved app download links from left column to right column after videos
- Reduced video container height from 16:9 to 14:9 aspect ratio (45% padding-bottom)
- Maintained overall container size and responsive design
- Updated HTML structure in individual-trainings.html
- Modified CSS for .gn-video-container with shorter aspect ratio
- Enhanced mobile app section layout for better visual balance
- Fixed CSS file truncation issue at end of style.css
This commit is contained in:
2025-05-31 19:26:31 +05:30
parent 00c54358bc
commit aa164a1005
30 changed files with 2605 additions and 661 deletions

View File

@@ -1,15 +1,16 @@
<!DOCTYPE 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>
<link rel="stylesheet" href="../css/style.css?v=202412291400">
<link rel="stylesheet" href="../css/style.css?v=202412291400"
<link rel="stylesheet" href="css/gn-mobile-responsive.css?v=202412291400" />>
<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>
<body class="gn-mobile-no-overflow">
<div class="atmospheric-bg">
<div class="light-effect-top"></div>
<div class="light-effect-bottom"></div>
@@ -20,7 +21,7 @@
</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">
<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 -->
@@ -33,32 +34,32 @@
<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"><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"><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" /><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" /><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" /><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>
<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" /><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" /><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" /><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" /><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" /><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" /><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" /><div class="text-content"><span class="item-title">Retail</span><span class="item-description">Personalizing shopping experiences, optimizing inventory, and predicting demand with AI.
<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" /><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>
<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" /><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.
<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>
@@ -69,69 +70,69 @@
</header>
<main>
<section class="hero-section">
<section class="hero-section gn-responsive-container">
<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="mailto:education@gyannetra.com" class="btn-primary">Request a Training Proposal</a>
<a href="mailto:education@gyannetra.com" class="btn-primary" class="btn-primary gn-mobile-button">Request a Training Proposal</a>
</div>
</div>
</section>
<section id="key-training-areas" class="training-programs-section container">
<h2 class="section-heading">KEY TRAINING AREAS</h2>
<h2 class="section-heading gn-mobile-section-heading">KEY TRAINING AREAS</h2>
<div class="benefits-cards-grid">
<div class="benefit-card">
<div class="benefit-card-icon">
<img src="../assets/mlng.png" alt="AI Fundamentals Icon">
<img src="../assets/mlng.png" alt="AI Fundamentals Icon" class="gn-responsive-image">
</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">
<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="mailto:education@gyannetra.com" class="btn-primary">Learn More</a>
<a href="mailto:education@gyannetra.com" class="btn-primary" class="btn-primary gn-mobile-button">Learn More</a>
</div>
<div class="benefit-card">
<div class="benefit-card-icon">
<img src="../assets/gen ai.png" alt="Specific AI Technologies Icon">
<img src="../assets/gen ai.png" alt="Specific AI Technologies Icon" class="gn-responsive-image">
</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">
<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="mailto:education@gyannetra.com" class="btn-primary">Learn More</a>
<a href="mailto:education@gyannetra.com" class="btn-primary" class="btn-primary gn-mobile-button">Learn More</a>
</div>
<div class="benefit-card">
<div class="benefit-card-icon">
<img src="../assets/education-cap-icon.svg" alt="AI Ethics Icon">
<img src="../assets/education-cap-icon.svg" alt="AI Ethics Icon" class="gn-responsive-image">
</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">
<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="mailto:education@gyannetra.com" class="btn-primary">Learn More</a>
<a href="mailto:education@gyannetra.com" class="btn-primary" class="btn-primary gn-mobile-button">Learn More</a>
</div>
<div class="benefit-card">
<div class="benefit-card-icon">
<img src="../assets/ai agent.png" alt="AI Implementation Icon">
<img src="../assets/ai agent.png" alt="AI Implementation Icon" class="gn-responsive-image">
</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">
<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="mailto:education@gyannetra.com" class="btn-primary">Learn More</a>
<a href="mailto:education@gyannetra.com" class="btn-primary" class="btn-primary gn-mobile-button">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>
<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>
@@ -258,13 +259,13 @@
<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>
<a href="mailto:education@gyannetra.com" class="btn-primary workflow-cta-btn" class="btn-primary gn-mobile-button">Request a Custom Training Proposal</a>
</div>
</div>
</section>
<section id="benefits-corporate-training" class="why-choose-us-section container benefits-section">
<h2 class="section-heading">BENEFITS OF OUR CORPORATE TRAINING</h2>
<h2 class="section-heading gn-mobile-section-heading">BENEFITS OF OUR CORPORATE TRAINING</h2>
<div class="benefits-cards-grid">
<div class="benefit-card">
<div class="benefit-card-icon">
@@ -304,15 +305,15 @@
</blockquote>
</div>
</section> <section id="request-proposal" class="container text-center">
<a href="mailto:education@gyannetra.com" class="btn-primary">REQUEST A CORPORATE TRAINING PROPOSAL</a>
<a href="mailto:education@gyannetra.com" class="btn-primary" class="btn-primary gn-mobile-button">REQUEST A CORPORATE TRAINING PROPOSAL</a>
</section>
</main>
<footer class="site-footer">
<div class="container">
<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">
<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>
@@ -431,6 +432,7 @@
</script>
<script src="../js/main.js" defer></script>
<script src="../js/menu-dropdown.js" defer></script>
<script src="js/gn-mobile-navigation.js" defer></script>
<script src="../js/form-subscribe.js" defer></script>
<script src="../js/unified-neural-interactions.js" defer></script>
<script src="../js/tech-marquee.js" defer></script>
@@ -473,3 +475,4 @@