Shifted custom training workflow section for better centering and improved page flow on corporate training page. Updated CSS for right alignment.

This commit is contained in:
2025-05-31 17:38:22 +05:30
parent b9b8aa67c1
commit 43367d8569
22 changed files with 948 additions and 213 deletions

View File

@@ -48,7 +48,7 @@
</li> </li>
<li class="dropdown"><a href="#" class="nav-link active-nav-link">Education ▾</a> <li class="dropdown"><a href="#" class="nav-link active-nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <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="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> <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>
</ul> </ul>
@@ -221,15 +221,14 @@
<li><a href="../about.html">About Us</a></li> <li><a href="../about.html">About Us</a></li>
<li><a href="../contact.html">Contact Us</a></li> <li><a href="../contact.html">Contact Us</a></li>
</ul> </ul>
</div> </div> <div class="footer-col">
<div class="footer-col">
<h3>Contact Us</h3> <h3>Contact Us</h3>
<ul> <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-map-marker-alt"></i> Pune, Maharashtra, India</p></li>
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</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> <li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul> </ul>
</div> <div class="footer-col"> </div><div class="footer-col">
<h3>Follow Us</h3> <h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p> <div class="social-links"> <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="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>

View File

@@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Workshops - Gyannetra</title> <title>Webinars - Gyannetra</title>
<link rel="stylesheet" href="../css/style.css?v=202412291400"> <link rel="stylesheet" href="../css/style.css?v=202412291400">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
@@ -69,13 +69,12 @@
</nav> </nav>
</header> </header>
<main> <main> <section id="webinars-hero" class="hero-section">
<section id="workshops-hero" class="hero-section">
<div class="container"> <div class="container">
<h1>AI Workshops & Training</h1> <h1>AI Webinars & Training Sessions</h1>
<p>Enhance your skills with our hands-on workshops and training programs in artificial intelligence.</p> <p>Join our live sessions and access our comprehensive library of past webinars to advance your AI knowledge and skills.</p>
</div> </div>
</section> <section id="featured-workshops" class="container"> </section><section id="featured-workshops" class="container">
<h2 class="section-heading">Featured Workshops</h2> <h2 class="section-heading">Featured Workshops</h2>
<div class="benefits-cards-grid"> <div class="benefits-cards-grid">
<!-- Workshop Card 1 --> <!-- Workshop Card 1 -->
@@ -161,16 +160,122 @@
<p>Boost your career prospects in the rapidly growing field of AI with skills that are in high demand.</p> <p>Boost your career prospects in the rapidly growing field of AI with skills that are in high demand.</p>
</div> </div>
</div> </div>
</section> <!-- Upcoming Webinars Section -->
<section class="upcoming-webinars-section">
<div class="container">
<div class="webinar-main-card upcoming-webinars-card">
<div class="webinar-card-header">
<h2><i class="fas fa-calendar-alt"></i> Upcoming Webinars</h2>
<p>Join our upcoming sessions to stay ahead in the AI revolution</p>
</div>
<div class="upcoming-webinars-content">
<!-- Webinar 1 -->
<div class="upcoming-webinar-item">
<div class="webinar-date-badge">
<span class="date">Jan 15</span>
<span class="year">2025</span>
</div>
<div class="webinar-details">
<h3>Generative AI: From Theory to Practice</h3>
<div class="webinar-meta">
<span class="time"><i class="fas fa-clock"></i> 2:00 PM - 4:00 PM EST</span>
<span class="speaker"><i class="fas fa-user"></i> Dr. Sarah Chen, AI Research Lead</span>
</div>
<p class="webinar-description">
Dive deep into the world of Generative AI, exploring cutting-edge models like GPT, DALL-E, and their real-world applications. Learn how to implement these technologies in your business workflows.
</p>
<div class="webinar-takeaways">
<h4>Key Takeaways:</h4>
<ul>
<li>Understanding Transformer architecture and attention mechanisms</li>
<li>Hands-on experience with OpenAI API integration</li>
<li>Best practices for prompt engineering and optimization</li>
<li>Ethical considerations and safety measures in AI deployment</li>
</ul>
</div>
<div class="webinar-actions">
<a href="#" class="btn-primary register-btn">Register Now</a>
<a href="#" class="btn-secondary add-calendar-btn">Add to Calendar</a>
</div>
</div>
</div>
<!-- Webinar 2 -->
<div class="upcoming-webinar-item">
<div class="webinar-date-badge">
<span class="date">Jan 22</span>
<span class="year">2025</span>
</div>
<div class="webinar-details">
<h3>Machine Learning for Business Intelligence</h3>
<div class="webinar-meta">
<span class="time"><i class="fas fa-clock"></i> 3:00 PM - 5:00 PM EST</span>
<span class="speaker"><i class="fas fa-user"></i> Michael Rodriguez, Data Science Director</span>
</div>
<p class="webinar-description">
Transform your business data into actionable insights using machine learning algorithms. This session covers practical applications of ML in business decision-making and strategic planning.
</p>
<div class="webinar-takeaways">
<h4>Key Takeaways:</h4>
<ul>
<li>Predictive analytics for sales forecasting and customer behavior</li>
<li>Implementing recommendation systems for personalization</li>
<li>ROI measurement and KPI tracking for ML initiatives</li>
<li>Building data-driven culture within organizations</li>
</ul>
</div>
<div class="webinar-actions">
<a href="#" class="btn-primary register-btn">Register Now</a>
<a href="#" class="btn-secondary add-calendar-btn">Add to Calendar</a>
</div>
</div>
</div>
<!-- Webinar 3 -->
<div class="upcoming-webinar-item">
<div class="webinar-date-badge">
<span class="date">Feb 05</span>
<span class="year">2025</span>
</div>
<div class="webinar-details">
<h3>AI Automation: Streamlining Business Processes</h3>
<div class="webinar-meta">
<span class="time"><i class="fas fa-clock"></i> 1:00 PM - 3:00 PM EST</span>
<span class="speaker"><i class="fas fa-user"></i> Emma Thompson, Automation Specialist</span>
</div>
<p class="webinar-description">
Discover how AI-powered automation can revolutionize your business operations. Learn to identify automation opportunities and implement intelligent workflows that save time and reduce costs.
</p>
<div class="webinar-takeaways">
<h4>Key Takeaways:</h4>
<ul>
<li>Process mapping and automation opportunity identification</li>
<li>RPA vs. Intelligent automation: choosing the right approach</li>
<li>Integration strategies with existing business systems</li>
<li>Change management and team training for automation adoption</li>
</ul>
</div>
<div class="webinar-actions">
<a href="#" class="btn-primary register-btn">Register Now</a>
<a href="#" class="btn-secondary add-calendar-btn">Add to Calendar</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section> </section>
<!-- Webinar Videos Section --> <!-- Already Done Webinars Section -->
<section class="webinar-videos-section"> <section class="webinar-videos-section">
<div class="container"> <div class="container">
<div class="section-header text-center"> <div class="webinar-main-card already-done-webinars-card">
<h2>Featured Webinar Videos</h2> <div class="webinar-card-header">
<p>Watch our expert-led webinars covering the latest AI and machine learning topics</p> <h2><i class="fas fa-play-circle"></i> Already Done Webinars</h2>
<p>Catch up on our previous sessions and expand your AI knowledge</p>
</div> </div>
<div class="webinar-videos-grid"> <div class="webinar-videos-grid">
<!-- Video 1 -->
<div class="webinar-video-card"> <div class="webinar-video-card">
<div class="video-container"> <div class="video-container">
<iframe src="https://www.youtube.com/embed/aircAruvnKk" <iframe src="https://www.youtube.com/embed/aircAruvnKk"
@@ -182,11 +287,12 @@
</div> </div>
<div class="video-info"> <div class="video-info">
<h3>Neural Networks Explained</h3> <h3>Neural Networks Explained</h3>
<p>A comprehensive introduction to neural networks and how they work</p> <p>A comprehensive introduction to neural networks and how they work in modern AI systems</p>
<span class="video-duration">19:13</span> <span class="video-duration">19:13</span>
</div> </div>
</div> </div>
<!-- Video 2 -->
<div class="webinar-video-card"> <div class="webinar-video-card">
<div class="video-container"> <div class="video-container">
<iframe src="https://www.youtube.com/embed/JcI5Vnw0b2c" <iframe src="https://www.youtube.com/embed/JcI5Vnw0b2c"
@@ -198,11 +304,12 @@
</div> </div>
<div class="video-info"> <div class="video-info">
<h3>Machine Learning Fundamentals</h3> <h3>Machine Learning Fundamentals</h3>
<p>Learn the core concepts and applications of machine learning</p> <p>Learn the core concepts and practical applications of machine learning in business</p>
<span class="video-duration">25:47</span> <span class="video-duration">25:47</span>
</div> </div>
</div> </div>
<!-- Video 3 -->
<div class="webinar-video-card"> <div class="webinar-video-card">
<div class="video-container"> <div class="video-container">
<iframe src="https://www.youtube.com/embed/VyWAvY2CF9c" <iframe src="https://www.youtube.com/embed/VyWAvY2CF9c"
@@ -214,11 +321,12 @@
</div> </div>
<div class="video-info"> <div class="video-info">
<h3>Deep Learning for Beginners</h3> <h3>Deep Learning for Beginners</h3>
<p>An accessible introduction to deep learning concepts and techniques</p> <p>An accessible introduction to deep learning concepts and practical implementation techniques</p>
<span class="video-duration">32:15</span> <span class="video-duration">32:15</span>
</div> </div>
</div> </div>
<!-- Video 4 -->
<div class="webinar-video-card"> <div class="webinar-video-card">
<div class="video-container"> <div class="video-container">
<iframe src="https://www.youtube.com/embed/R9OHn5ZF4Uo" <iframe src="https://www.youtube.com/embed/R9OHn5ZF4Uo"
@@ -230,11 +338,12 @@
</div> </div>
<div class="video-info"> <div class="video-info">
<h3>Data Science in Practice</h3> <h3>Data Science in Practice</h3>
<p>Real-world applications and case studies in data science</p> <p>Real-world applications and case studies showcasing data science impact across industries</p>
<span class="video-duration">28:33</span> <span class="video-duration">28:33</span>
</div> </div>
</div> </div>
<!-- Video 5 -->
<div class="webinar-video-card"> <div class="webinar-video-card">
<div class="video-container"> <div class="video-container">
<iframe src="https://www.youtube.com/embed/I74ymkoNTnw" <iframe src="https://www.youtube.com/embed/I74ymkoNTnw"
@@ -246,11 +355,12 @@
</div> </div>
<div class="video-info"> <div class="video-info">
<h3>AI Ethics and Future</h3> <h3>AI Ethics and Future</h3>
<p>Exploring the ethical implications and future of artificial intelligence</p> <p>Exploring ethical implications and future developments in artificial intelligence technology</p>
<span class="video-duration">22:41</span> <span class="video-duration">22:41</span>
</div> </div>
</div> </div>
<!-- Video 6 -->
<div class="webinar-video-card"> <div class="webinar-video-card">
<div class="video-container"> <div class="video-container">
<iframe src="https://www.youtube.com/embed/7eh4d6sabA0" <iframe src="https://www.youtube.com/embed/7eh4d6sabA0"
@@ -262,16 +372,55 @@
</div> </div>
<div class="video-info"> <div class="video-info">
<h3>Python for Data Analysis</h3> <h3>Python for Data Analysis</h3>
<p>Learn how to use Python for data analysis and visualization</p> <p>Learn how to use Python for comprehensive data analysis and visualization projects</p>
<span class="video-duration">35:29</span> <span class="video-duration">35:29</span>
</div> </div>
</div> </div>
<!-- Video 7 -->
<div class="webinar-video-card">
<div class="video-container">
<iframe src="https://www.youtube.com/embed/kCc8FmEb1nY"
title="Computer Vision Applications"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>
<div class="video-info">
<h3>Computer Vision Applications</h3>
<p>Discover practical applications of computer vision in healthcare, retail, and manufacturing</p>
<span class="video-duration">31:18</span>
</div>
</div>
<!-- Video 8 -->
<div class="webinar-video-card">
<div class="video-container">
<iframe src="https://www.youtube.com/embed/9g-5AUuFyss"
title="Natural Language Processing"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</div>
<div class="video-info">
<h3>Natural Language Processing</h3>
<p>Understanding NLP fundamentals and building intelligent text processing applications</p>
<span class="video-duration">27:45</span>
</div>
</div>
<!--
ADMIN NOTE: To add more videos, simply copy the webinar-video-card structure above and paste it here.
Replace the iframe src with your YouTube embed URL and update the video information accordingly.
The grid will automatically adjust to maintain 4/3/2/1 column layout based on screen size.
-->
</div>
</div> </div>
</div> </div>
</section> </section>
<!-- Add more sections as needed, e.g., testimonials, instructors -->
</main> </main>
<footer class="site-footer"> <footer class="site-footer">
@@ -294,15 +443,14 @@
<li><a href="../about.html">About Us</a></li> <li><a href="../about.html">About Us</a></li>
<li><a href="../contact.html">Contact Us</a></li> <li><a href="../contact.html">Contact Us</a></li>
</ul> </ul>
</div> </div> <div class="footer-col">
<div class="footer-col">
<h3>Contact Us</h3> <h3>Contact Us</h3>
<ul> <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-map-marker-alt"></i> Pune, Maharashtra, India</p></li>
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</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> <li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul> </ul>
</div> <div class="footer-col"> </div><div class="footer-col">
<h3>Follow Us</h3> <h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p> <div class="social-links"> <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="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
@@ -319,13 +467,13 @@
<p>&copy; 2025 Gyannetra. All rights reserved. | <a href="../privacy-policy.html">Privacy Policy</a> | <a href="../terms-of-service.html">Terms and Conditions</a></p> <p>&copy; 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>
</div> </div>
</footer> </footer> <script src="../js/main.js" defer></script>
<script src="../js/main.js" defer></script>
<script src="../js/menu-dropdown.js" defer></script> <script src="../js/menu-dropdown.js" defer></script>
<script src="../js/form-subscribe.js" defer></script> <script src="../js/form-subscribe.js" defer></script>
<script src="../js/unified-neural-interactions.js" defer></script> <script src="../js/unified-neural-interactions.js" defer></script>
<script src="../js/tech-marquee.js" defer></script> <script src="../js/tech-marquee.js" defer></script>
<script src="../js/data-node-interactions.js" defer></script> <script src="../js/data-node-interactions.js" defer></script>
<script src="../js/webinar-interactions.js" defer></script>
<!-- Navbar scroll effect script --> <!-- Navbar scroll effect script -->
<script> <script>

View File

@@ -55,7 +55,7 @@
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <ul class="dropdown-menu education-dropdown">
<li><a href="../Education/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="../Education/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="../Education/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="../Education/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="../Education/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> <li><a href="../Education/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>
</ul> </ul>

View File

@@ -57,7 +57,7 @@
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <ul class="dropdown-menu education-dropdown">
<li><a href="../Education/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="../Education/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="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings 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="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings 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="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings 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> <li><a href="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings 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>
</ul> </ul>

View File

@@ -56,7 +56,7 @@
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <ul class="dropdown-menu education-dropdown">
<li><a href="../Education/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="../Education/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="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings 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="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings 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="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings 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> <li><a href="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings 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>
</ul> </ul>

View File

@@ -55,7 +55,7 @@
</ul> </ul>
</li> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a> </li> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <ul class="dropdown-menu education-dropdown">
<li><a href="../Education/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="../Education/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="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings 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="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings 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="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings 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> <li><a href="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings 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>
</ul> </ul>

View File

@@ -57,7 +57,7 @@
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <ul class="dropdown-menu education-dropdown">
<li><a href="../Education/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="../Education/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="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings 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="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings 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="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings 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="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings 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> </span></div></div></a></li>

View File

@@ -56,7 +56,7 @@
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <ul class="dropdown-menu education-dropdown">
<li><a href="../Education/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="../Education/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="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings 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="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings 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="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings 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> <li><a href="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings 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>
</ul> </ul>

View File

@@ -56,7 +56,7 @@
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <ul class="dropdown-menu education-dropdown">
<li><a href="../Education/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="../Education/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="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings 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="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings 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="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings 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> <li><a href="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings 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>
</ul> </ul>

View File

@@ -56,7 +56,7 @@
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <ul class="dropdown-menu education-dropdown">
<li><a href="../Education/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="../Education/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="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings 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="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings 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="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings 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> <li><a href="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings 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>
</ul> </ul>

View File

@@ -51,7 +51,7 @@
</ul> </ul>
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <ul class="dropdown-menu education-dropdown"> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <ul class="dropdown-menu education-dropdown">
<li><a href="../Education/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="../Education/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="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings 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="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings 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="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings 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> <li><a href="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings 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>
</ul> </ul>

View File

@@ -51,7 +51,7 @@
</ul> </ul>
</li> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a> </li> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <ul class="dropdown-menu education-dropdown">
<li><a href="../Education/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="../Education/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="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings 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="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings 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="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings 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> <li><a href="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings 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>
</ul> </ul>

View File

@@ -54,7 +54,7 @@
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <ul class="dropdown-menu education-dropdown">
<li><a href="../Education/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="../Education/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="../Education/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="../Education/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="../Education/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> <li><a href="../Education/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>
</ul> </ul>

View File

@@ -50,7 +50,7 @@
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <ul class="dropdown-menu education-dropdown">
<li><a href="../Education/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="../Education/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="../Education/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="../Education/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="../Education/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> <li><a href="../Education/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>
</ul> </ul>

View File

@@ -51,7 +51,7 @@
</ul> </ul>
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <ul class="dropdown-menu education-dropdown"> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <ul class="dropdown-menu education-dropdown">
<li><a href="../Education/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="../Education/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="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings 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="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings 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="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings 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> <li><a href="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings 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>
</ul> </ul>
@@ -245,13 +245,13 @@
<p>&copy; 2025 Gyannetra. All rights reserved. | <a href="../privacy-policy.html">Privacy Policy</a> | <a href="../terms-of-service.html">Terms and Conditions</a></p> <p>&copy; 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>
</div> </div>
</footer> </footer> <script src="../js/main.js" defer></script>
<script src="../js/main.js" defer></script>
<script src="../js/menu-dropdown.js" defer></script> <script src="../js/menu-dropdown.js" defer></script>
<script src="../js/form-subscribe.js" defer></script> <script src="../js/form-subscribe.js" defer></script>
<script src="../js/unified-neural-interactions.js" defer></script> <script src="../js/unified-neural-interactions.js" defer></script>
<script src="../js/tech-marquee.js" defer></script> <script src="../js/tech-marquee.js" defer></script>
<script src="../js/data-node-interactions.js" defer></script> <script src="../js/data-node-interactions.js" defer></script>
<script src="../js/mobile-fix.js" defer></script>
<!-- Navbar scroll effect script --> <!-- Navbar scroll effect script -->
<script> <script>

View File

@@ -6,6 +6,78 @@
<title>About Us - Gyannetra</title> <link rel="stylesheet" href="css/style.css?v=202412291400" /> <title>About Us - Gyannetra</title> <link rel="stylesheet" href="css/style.css?v=202412291400" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/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"> <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">
<!-- EMERGENCY HAMBURGER MENU FIX - INLINE CSS TO OVERRIDE EVERYTHING -->
<style>
@media (max-width: 768px) {
.hamburger-menu {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
position: relative !important;
z-index: 99999 !important;
width: 50px !important;
height: 50px !important;
background: rgba(82, 238, 245, 0.5) !important;
border: 3px solid rgba(82, 238, 245, 0.9) !important;
border-radius: 8px !important;
cursor: pointer !important;
touch-action: manipulation !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
padding: 0 !important;
margin: 0 !important;
outline: none !important;
-webkit-user-select: none !important;
user-select: none !important;
}
.hamburger-line {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 70% !important;
height: 3px !important;
background: #ffffff !important;
margin: 2px 0 !important;
transition: all 0.3s ease !important;
border-radius: 2px !important;
}
.navbar {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 1rem 2rem !important;
position: relative !important;
}
.nav-links {
position: fixed !important;
top: 0 !important;
left: -100% !important;
width: 100% !important;
height: 100vh !important;
background: rgba(15, 15, 30, 0.98) !important;
backdrop-filter: blur(25px) !important;
z-index: 88888 !important;
transition: left 0.4s ease !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: center !important;
padding-top: 100px !important;
overflow-y: auto !important;
}
.nav-links.active,
.nav-links.show {
left: 0 !important;
}
}
</style>
</head> </head>
<body> <body>
<div class="atmospheric-bg"> <div class="atmospheric-bg">
@@ -22,9 +94,8 @@
<a href="index.html" class="logo"> <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">
</a> </a>
<!-- Hamburger menu button for mobile --> <!-- Hamburger menu button for mobile -->
<button class="hamburger-menu" aria-label="Toggle menu"> <button class="hamburger-menu" aria-label="Toggle menu" onclick="toggleMobileMenu(event)">
<span class="hamburger-line"></span> <span class="hamburger-line"></span>
<span class="hamburger-line"></span> <span class="hamburger-line"></span>
<span class="hamburger-line"></span> <span class="hamburger-line"></span>
@@ -57,7 +128,7 @@
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <ul class="dropdown-menu education-dropdown">
<li><a href="#"><div class="dropdown-item-content"><img src="assets/workshops.png" alt="" 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="#"><div class="dropdown-item-content"><img src="assets/workshops.png" alt="" 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="#"><div class="dropdown-item-content"><img src="assets/indi training.png" alt="" 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="#"><div class="dropdown-item-content"><img src="assets/indi training.png" alt="" 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="#"><div class="dropdown-item-content"><img src="assets/corpo training.png" alt="" 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="#"><div class="dropdown-item-content"><img src="assets/corpo training.png" alt="" 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> </span></div></div></a></li>

View File

@@ -2,9 +2,81 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" /> <title>Contact Us - Gyannetra</title> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="stylesheet" href="css/style.css?v=202412291400" /> <title>Contact Us - Gyannetra</title> <link rel="stylesheet" href="css/style.css?v=202412291400" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<!-- EMERGENCY HAMBURGER MENU FIX - INLINE CSS TO OVERRIDE EVERYTHING -->
<style>
@media (max-width: 768px) {
.hamburger-menu {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
position: relative !important;
z-index: 99999 !important;
width: 50px !important;
height: 50px !important;
background: rgba(82, 238, 245, 0.5) !important;
border: 3px solid rgba(82, 238, 245, 0.9) !important;
border-radius: 8px !important;
cursor: pointer !important;
touch-action: manipulation !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
padding: 0 !important;
margin: 0 !important;
outline: none !important;
-webkit-user-select: none !important;
user-select: none !important;
}
.hamburger-line {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 70% !important;
height: 3px !important;
background: #ffffff !important;
margin: 2px 0 !important;
transition: all 0.3s ease !important;
border-radius: 2px !important;
}
.navbar {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 1rem 2rem !important;
position: relative !important;
}
.nav-links {
position: fixed !important;
top: 0 !important;
left: -100% !important;
width: 100% !important;
height: 100vh !important;
background: rgba(15, 15, 30, 0.98) !important;
backdrop-filter: blur(25px) !important;
z-index: 88888 !important;
transition: left 0.4s ease !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: center !important;
padding-top: 100px !important;
overflow-y: auto !important;
}
.nav-links.active,
.nav-links.show {
left: 0 !important;
}
}
</style>
</head> </head>
<body class="contact-page"> <body class="contact-page">
<div class="atmospheric-bg"> <div class="atmospheric-bg">
@@ -13,8 +85,7 @@
<div class="small-light-top"></div> <div class="small-light-top"></div>
<div class="small-light-bottom"></div> <div class="small-light-bottom"></div>
<div class="overlay"></div> <div class="overlay"></div>
<div class="noise"></div> <div class="noise"></div> </div>
</div>
<!-- NAVBAR --> <!-- NAVBAR -->
<header class="site-header"> <header class="site-header">
<nav class="navbar"> <nav class="navbar">
@@ -22,9 +93,8 @@
<a href="index.html" class="logo"> <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">
</a> </a>
<!-- Hamburger menu button for mobile --> <!-- Hamburger menu button for mobile -->
<button class="hamburger-menu" aria-label="Toggle menu"> <button class="hamburger-menu" aria-label="Toggle menu" onclick="toggleMobileMenu(event)">
<span class="hamburger-line"></span> <span class="hamburger-line"></span>
<span class="hamburger-line"></span> <span class="hamburger-line"></span>
<span class="hamburger-line"></span> <span class="hamburger-line"></span>
@@ -46,21 +116,13 @@
<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/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/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/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/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="" 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.</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="" 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/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="" 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.
</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="" 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>
</ul> </ul>
</li> </li>
<li class="dropdown"><a href="#" class="nav-link">Education ▾</a> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <ul class="dropdown-menu education-dropdown">
<li><a href="Education/workshops.html"><div class="dropdown-item-content"><img src="assets/workshops.png" alt="" 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="Education/workshops.html"><div class="dropdown-item-content"><img src="assets/workshops.png" alt="" 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="Education/individual-trainings.html"><div class="dropdown-item-content"><img src="assets/indi training.png" alt="" 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="Education/individual-trainings.html"><div class="dropdown-item-content"><img src="assets/indi training.png" alt="" 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="Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="assets/corpo training.png" alt="" 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>
<li><a href="Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="assets/corpo training.png" alt="" 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>
</ul> </ul>
</li> </li>
<li><a href="about.html" class="nav-link">About Us</a></li> <li><a href="about.html" class="nav-link">About Us</a></li>
@@ -73,9 +135,9 @@
<section id="contact-us-section"> <section id="contact-us-section">
<div class="contact-header"> <div class="contact-header">
<h1>CONTACT US</h1> <h1>CONTACT US</h1>
<p>Reach out to our team for inquiries, consultations, or partnership opportunities.</p> <p>Reach out to our team for inquiries, consultations, or partnership opportunities.</p> </div>
</div> <div class="contact-content">
<div class="contact-content"> <div class="contact-form-container"> <div class="contact-form-container">
<h2>Get In Touch</h2> <h2>Get In Touch</h2>
<div id="form-message" class="form-message"></div> <div id="form-message" class="form-message"></div>
<form id="contact-form"> <form id="contact-form">
@@ -122,9 +184,9 @@
</section> </section>
</main> </main>
<footer class="site-footer"> <footer class="site-footer"> <div class="container">
<div class="container"> <div class="footer-content">
<div class="footer-content"> <div class="footer-col footer-col-logo"> <div class="footer-col footer-col-logo">
<a href="index.html" class="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">
</a> </a>
@@ -149,10 +211,11 @@
<li><p><i class="fas fa-map-marker-alt"></i> Pune, Maharashtra, India</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-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> <li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul> </ul> </div>
</div> <div class="footer-col"> <div class="footer-col">
<h3>Follow Us</h3> <h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p> <div class="social-links"> <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="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://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.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
@@ -166,12 +229,12 @@
</div> </div>
<div class="footer-bottom"> <div class="footer-bottom">
<p>&copy; 2025 Gyannetra. All rights reserved. | <a href="privacy-policy.html">Privacy Policy</a> | <a href="terms-of-service.html">Terms and Conditions</a></p> <p>&copy; 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> </div>
</div>
</footer> <script src="js/menu-dropdown.js" defer></script> </footer> <script src="js/menu-dropdown.js" defer></script>
<script src="js/main.js" defer></script> <script src="js/main.js" defer></script>
<script src="js/form-handler.js" defer></script> <script src="js/form-handler.js" defer></script>
<script src="js/data-node-interactions.js" defer></script> <script src="js/data-node-interactions.js" defer></script>
<script src="js/contact-page-fix.js" defer></script>
<!-- Navbar scroll effect script --> <!-- Navbar scroll effect script -->
<script> <script>

View File

@@ -9,6 +9,78 @@
<link rel="stylesheet" href="css/style.css?v=202412291400" /> <link rel="stylesheet" href="css/style.css?v=202412291400" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/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"> <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">
<!-- EMERGENCY HAMBURGER MENU FIX - INLINE CSS TO OVERRIDE EVERYTHING -->
<style>
@media (max-width: 768px) {
.hamburger-menu {
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
position: relative !important;
z-index: 99999 !important;
width: 50px !important;
height: 50px !important;
background: rgba(82, 238, 245, 0.5) !important;
border: 3px solid rgba(82, 238, 245, 0.9) !important;
border-radius: 8px !important;
cursor: pointer !important;
touch-action: manipulation !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
padding: 0 !important;
margin: 0 !important;
outline: none !important;
-webkit-user-select: none !important;
user-select: none !important;
}
.hamburger-line {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 70% !important;
height: 3px !important;
background: #ffffff !important;
margin: 2px 0 !important;
transition: all 0.3s ease !important;
border-radius: 2px !important;
}
.navbar {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 1rem 2rem !important;
position: relative !important;
}
.nav-links {
position: fixed !important;
top: 0 !important;
left: -100% !important;
width: 100% !important;
height: 100vh !important;
background: rgba(15, 15, 30, 0.98) !important;
backdrop-filter: blur(25px) !important;
z-index: 88888 !important;
transition: left 0.4s ease !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: center !important;
padding-top: 100px !important;
overflow-y: auto !important;
}
.nav-links.active,
.nav-links.show {
left: 0 !important;
}
}
</style>
<!-- Hero section layout stabilization script --> <!-- Hero section layout stabilization script -->
<script> <script>
// Immediate layout stabilization // Immediate layout stabilization
@@ -125,9 +197,8 @@
<nav class="navbar"> <a href="index.html" class="logo"> <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">
</a> </a>
<!-- Hamburger menu button for mobile --> <!-- Hamburger menu button for mobile -->
<button class="hamburger-menu" aria-label="Toggle menu"> <button class="hamburger-menu" aria-label="Toggle menu" onclick="toggleMobileMenu(event)">
<span class="hamburger-line"></span> <span class="hamburger-line"></span>
<span class="hamburger-line"></span> <span class="hamburger-line"></span>
<span class="hamburger-line"></span> <span class="hamburger-line"></span>
@@ -156,7 +227,7 @@
</ul> </ul>
</li> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a> </li> <li class="dropdown"><a href="#" class="nav-link">Education ▾</a>
<ul class="dropdown-menu education-dropdown"> <ul class="dropdown-menu education-dropdown">
<li><a href="Education/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="Education/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="Education/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="Education/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="Education/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="Education/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> </span></div></div></a></li>
@@ -170,7 +241,7 @@
<div class="hero-overlay"></div> <div class="hero-overlay"></div>
<div class="hero-container"> <div class="hero-content"> <div class="hero-container"> <div class="hero-content">
<h1>AI SERVICES<br />AND SOLUTIONS</h1> <h1>AI SERVICES<br />AND <span class="typewriter-text" id="typewriter">SOLUTIONS</span><span class="cursor"></span></h1>
<p>Inventing the future, powered by intelligence: We unlock the infinite potential of artificial intelligence to create groundbreaking solutions that anticipate tomorrow's needs.</p> <p>Inventing the future, powered by intelligence: We unlock the infinite potential of artificial intelligence to create groundbreaking solutions that anticipate tomorrow's needs.</p>
<a href="contact.html" class="btn-primary">Get Started</a> <a href="contact.html" class="btn-primary">Get Started</a>
</div> </div>
@@ -446,23 +517,75 @@
</div> </div>
</div> </div>
</div> </div>
</section> </section> <!-- OUR SPECIALIZATIONS -->
<section id="specializations" class="container">
<h2 class="section-heading">OUR SPECIALIZATIONS</h2>
<div class="specializations-grid">
<div class="specialization-card">
<div class="specialization-icon">
<img src="assets/ai agent.png" alt="Self-Directed Agents Icon" />
</div>
<h3>Self-Directed Agents</h3>
<p class="specialization-description">We create autonomous AI agents that operate independently, making intelligent decisions and adapting to complex environments without constant human intervention. These agents continuously learn from their interactions, evolving to become more effective at achieving your business objectives while maintaining ethical and responsible operation standards.</p>
<div class="specialization-highlights">
<span class="highlight-badge">Autonomous Decision-Making</span>
<span class="highlight-badge">Adaptive Learning</span>
<span class="highlight-badge">Goal-Oriented Actions</span>
</div>
</div>
<!-- EXPERTISE --> <div class="specialization-card">
<div class="specialization-icon">
<img src="assets/automation flows.png" alt="Workflow Automation Icon" />
</div>
<h3>Workflow Automation</h3>
<p class="specialization-description">We design and implement intelligent automation systems that streamline your business processes from end to end. Our solutions go beyond simple task automation, incorporating AI-driven decision-making, exception handling, and process optimization to create seamless workflows that adapt and improve over time, dramatically boosting operational efficiency.</p>
<div class="specialization-highlights">
<span class="highlight-badge">End-to-End Automation</span>
<span class="highlight-badge">Smart Process Optimization</span>
<span class="highlight-badge">Exception Handling</span>
</div>
</div>
<div class="specialization-card">
<div class="specialization-icon">
<img src="assets/mlng.png" alt="Continuous Learning Icon" />
</div>
<h3>Continuous Learning</h3>
<p class="specialization-description">We develop AI systems that never stop evolving, continuously learning from new data, user interactions, and changing environments. Our continuous learning frameworks ensure your AI solutions become more accurate, efficient, and valuable over time, providing sustained competitive advantages and adapting to emerging market trends and business requirements.</p>
<div class="specialization-highlights">
<span class="highlight-badge">Real-Time Adaptation</span>
<span class="highlight-badge">Performance Optimization</span>
<span class="highlight-badge">Future-Ready Systems</span>
</div>
</div>
</div>
</section> <!-- EXPERTISE -->
<section id="expertise" class="container"> <section id="expertise" class="container">
<h2 class="section-heading">OUR EXPERTISE</h2> <h2 class="section-heading">OUR EXPERTISE</h2>
<div class="exp-grid"> <div class="exp-item"> <div class="exp-grid">
<img src="assets/predictive.png" alt="Predictive Analytics Icon" /> <div class="exp-item">
<p>Predictive Analytics</p> <img src="assets/predictive.png" alt="Innovation First Icon" />
<p class="exp-description">Using statistical algorithms and machine learning techniques to forecast future outcomes.</p> <p>Innovation First</p>
</div> <div class="exp-item"> <p class="exp-description">We prioritize cutting-edge innovation, staying ahead of industry trends to deliver groundbreaking AI solutions.</p>
<img src="assets/technology.png" alt="Automation Icon" /> </div>
<p>Automation</p>
<p class="exp-description">Designing and implementing intelligent systems to streamline workflows and boost productivity.</p> <div class="exp-item">
</div> <div class="exp-item"> <img src="assets/technology.png" alt="Ethical AI Icon" />
<img src="assets/analytics (1).png" alt="Data Analysis Icon" /> <p>Ethical AI</p>
<p>Data Analysis</p> <p class="exp-description">We develop responsible AI systems with transparency, fairness, and accountability at the core of our solutions.</p>
<p class="exp-description">Transforming raw data into actionable insights to inform strategic decisions.</p> </div>
<div class="exp-item">
<img src="assets/analytics (1).png" alt="AI Training Icon" />
<p>AI Training</p>
<p class="exp-description">Comprehensive training programs to empower your team with essential AI skills and knowledge for successful implementation.</p>
</div>
<div class="exp-item">
<img src="assets/gen ai.png" alt="Ongoing Support Icon" />
<p>Ongoing Support</p>
<p class="exp-description">Continuous support and maintenance to ensure your AI solutions perform optimally and evolve with your business needs.</p>
</div> </div>
</div> </div>
</section> </section>
@@ -510,13 +633,13 @@
</div> <div class="footer-bottom"> </div> <div class="footer-bottom">
<p>&copy; 2025 Gyannetra. All rights reserved. | <a href="privacy-policy.html">Privacy Policy</a> | <a href="terms-of-service.html">Terms and Conditions</a></p> <p>&copy; 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>
</div> </footer> </div> </footer> <script src="js/menu-dropdown.js" defer></script>
<script src="js/menu-dropdown.js" defer></script>
<script src="js/main.js" defer></script> <script src="js/main.js" defer></script>
<script src="js/tech-marquee.js" defer></script> <script src="js/tech-marquee.js" defer></script>
<script src="js/page-specific.js" defer></script> <script src="js/page-specific.js" defer></script>
<script src="js/dynamic-content.js" defer></script> <script src="js/dynamic-content.js" defer></script>
<script src="js/form-handler.js" defer></script> <script src="js/form-handler.js" defer></script>
<script src="js/mobile-fix.js" defer></script>
<!-- Navbar scroll effect script --> <!-- Navbar scroll effect script -->
<script> <script>
@@ -546,10 +669,90 @@
} }
window.addEventListener('scroll', onScroll, { passive: true }); window.addEventListener('scroll', onScroll, { passive: true });
// Initial check // Initial check
handleScroll(); handleScroll();
}); });
</script> </script>
<!-- Typewriter Effect Script -->
<script>
class TypewriterEffect {
constructor(element, words, options = {}) {
this.element = element;
this.words = words;
this.currentWordIndex = 0;
this.currentCharIndex = 0;
this.isDeleting = false;
this.typeSpeed = options.typeSpeed || 120;
this.deleteSpeed = options.deleteSpeed || 60;
this.delayBetweenWords = options.delayBetweenWords || 3000;
this.initialDelay = options.initialDelay || 2000;
setTimeout(() => this.type(), this.initialDelay);
}
type() {
const currentWord = this.words[this.currentWordIndex];
if (this.isDeleting) {
this.element.textContent = currentWord.substring(0, this.currentCharIndex - 1);
this.currentCharIndex--;
if (this.currentCharIndex === 0) {
this.isDeleting = false;
this.currentWordIndex = (this.currentWordIndex + 1) % this.words.length;
setTimeout(() => this.type(), 500);
return;
}
} else {
this.element.textContent = currentWord.substring(0, this.currentCharIndex + 1);
this.currentCharIndex++;
if (this.currentCharIndex === currentWord.length) {
setTimeout(() => {
this.isDeleting = true;
this.type();
}, this.delayBetweenWords);
return;
}
}
const speed = this.isDeleting ? this.deleteSpeed : this.typeSpeed;
setTimeout(() => this.type(), speed);
}
}
// Initialize when page loads
document.addEventListener('DOMContentLoaded', function() {
const typewriterElement = document.getElementById('typewriter');
const words = ['SOLUTIONS', 'GENERATIVE AI', 'AUTOMATION FLOWS', 'AGENTIC AI'];
new TypewriterEffect(typewriterElement, words);
});
// EMERGENCY: Direct hamburger menu toggle function
function toggleMobileMenu(event) {
console.log('🍔 Direct hamburger toggle called!');
event.preventDefault();
event.stopPropagation();
const hamburger = document.querySelector('.hamburger-menu');
const navLinks = document.querySelector('.nav-links');
if (hamburger && navLinks) {
hamburger.classList.toggle('active');
navLinks.classList.toggle('active');
navLinks.classList.toggle('show');
const isOpen = navLinks.classList.contains('active') || navLinks.classList.contains('show');
document.body.style.overflow = isOpen ? 'hidden' : '';
console.log('🍔 Menu toggled directly - open:', isOpen);
console.log('🍔 Hamburger classes:', hamburger.className);
console.log('🍔 Nav classes:', navLinks.className);
} else {
console.error('🍔 Hamburger or nav elements not found!');
}
}
</script>
</body> </body>
</html> </html>

0
js/contact-page-fix.js Normal file
View File

View File

@@ -1,42 +1,104 @@
// Fallback: Enhance dropdowns with fade/slide effect if not handled elsewhere // Fallback: Enhance dropdowns with fade/slide effect if not handled elsewhere
// (dropdown.js already handles logic, so this is for extra UI polish) // (dropdown.js already handles logic, so this is for extra UI polish)
document.addEventListener('DOMContentLoaded', function() {
// Hamburger menu functionality // Global function for onclick handlers - ESSENTIAL FOR RESPONSIVENESS
function toggleMobileMenu(event) {
console.log('🍔 toggleMobileMenu called directly!');
if (event) {
event.preventDefault();
event.stopPropagation();
}
const hamburgerMenu = document.querySelector('.hamburger-menu'); const hamburgerMenu = document.querySelector('.hamburger-menu');
const navLinks = document.querySelector('.nav-links'); const navLinks = document.querySelector('.nav-links');
if (hamburgerMenu && navLinks) { if (hamburgerMenu && navLinks) {
hamburgerMenu.addEventListener('click', function() { console.log('🍔 Toggling menu state...');
hamburgerMenu.classList.toggle('active'); hamburgerMenu.classList.toggle('active');
navLinks.classList.toggle('active'); navLinks.classList.toggle('active');
navLinks.classList.toggle('show');
const isOpen = navLinks.classList.contains('active');
console.log('🍔 Menu is now:', isOpen ? 'OPEN' : 'CLOSED');
// Prevent body scrolling when menu is open // Prevent body scrolling when menu is open
if (navLinks.classList.contains('active')) { document.body.style.overflow = isOpen ? 'hidden' : '';
return false; // Prevent default action
} else {
console.error('❌ Hamburger menu or nav links not found!');
}
}
// Make sure function is globally available
window.toggleMobileMenu = toggleMobileMenu;
document.addEventListener('DOMContentLoaded', function() {
console.log('🚀 DOM loaded, initializing hamburger menu...');
console.log('📱 Screen width:', window.innerWidth);
console.log('📱 Is mobile:', window.innerWidth <= 768);
// Hamburger menu functionality with enhanced error handling
const hamburgerMenu = document.querySelector('.hamburger-menu');
const navLinks = document.querySelector('.nav-links');
console.log('🍔 Hamburger menu found:', !!hamburgerMenu);
console.log('🔗 Nav links found:', !!navLinks);
if (hamburgerMenu) {
console.log('🍔 Hamburger menu element:', hamburgerMenu);
console.log('🍔 Hamburger menu styles:', window.getComputedStyle(hamburgerMenu).display);
}
if (navLinks) {
console.log('🔗 Nav links element:', navLinks);
console.log('🔗 Nav links styles:', window.getComputedStyle(navLinks).display);
}
if (hamburgerMenu && navLinks) {hamburgerMenu.addEventListener('click', function(e) {
e.stopPropagation(); // Prevent event bubbling
hamburgerMenu.classList.toggle('active');
navLinks.classList.toggle('active');
navLinks.classList.toggle('show'); // Support both class names
// Prevent body scrolling when menu is open
if (navLinks.classList.contains('active') || navLinks.classList.contains('show')) {
document.body.style.overflow = 'hidden'; document.body.style.overflow = 'hidden';
} else { } else {
document.body.style.overflow = ''; document.body.style.overflow = '';
} }
});
// Close menu when clicking on nav links console.log('Hamburger menu clicked - active state:', hamburgerMenu.classList.contains('active')); // Debug
}); // Close menu when clicking on nav links (but not dropdowns)
navLinks.addEventListener('click', function(e) { navLinks.addEventListener('click', function(e) {
if (e.target.classList.contains('nav-link') && !e.target.closest('.dropdown')) { if (e.target.classList.contains('nav-link') && !e.target.closest('.dropdown')) {
hamburgerMenu.classList.remove('active'); hamburgerMenu.classList.remove('active');
navLinks.classList.remove('active'); navLinks.classList.remove('active');
navLinks.classList.remove('show');
document.body.style.overflow = ''; document.body.style.overflow = '';
} }
}); });
// Handle dropdown toggles in mobile menu // Close menu when clicking outside
const dropdownToggles = document.querySelectorAll('.dropdown > .nav-link'); document.addEventListener('click', function(e) {
dropdownToggles.forEach(toggle => { if (!hamburgerMenu.contains(e.target) && !navLinks.contains(e.target)) {
toggle.addEventListener('click', function(e) { hamburgerMenu.classList.remove('active');
if (window.innerWidth <= 768) { navLinks.classList.remove('active');
e.preventDefault(); navLinks.classList.remove('show');
const dropdownMenu = this.nextElementSibling; document.body.style.overflow = '';
dropdownMenu.classList.toggle('show');
} }
}); });
// Handle window resize
window.addEventListener('resize', function() {
if (window.innerWidth > 768) {
hamburgerMenu.classList.remove('active');
navLinks.classList.remove('active');
navLinks.classList.remove('show');
document.body.style.overflow = '';
}
}); });
} }
@@ -51,4 +113,160 @@ document.addEventListener('DOMContentLoaded', function() {
menu.style.display = 'block'; menu.style.display = 'block';
}); });
}); });
// ADDITIONAL: Enhanced mobile dropdown functionality for Services and Industries
function initializeMobileDropdowns() {
const dropdowns = document.querySelectorAll('.nav-links .dropdown');
dropdowns.forEach(dropdown => {
const trigger = dropdown.querySelector('.nav-link');
const menu = dropdown.querySelector('.dropdown-menu');
if (trigger && menu) {
// Add click handler for mobile dropdown toggle
trigger.addEventListener('click', function(e) {
if (window.innerWidth <= 768) {
e.preventDefault();
e.stopPropagation();
// Close other dropdowns first
dropdowns.forEach(otherDropdown => {
if (otherDropdown !== dropdown) {
otherDropdown.classList.remove('active');
const otherMenu = otherDropdown.querySelector('.dropdown-menu');
if (otherMenu) {
otherMenu.classList.remove('show');
}
}
});
// Toggle current dropdown
dropdown.classList.toggle('active');
menu.classList.toggle('show');
console.log('Mobile dropdown toggled:', dropdown.classList.contains('active'));
}
});
// Add visual feedback on touch
trigger.addEventListener('touchstart', function() {
if (window.innerWidth <= 768) {
this.style.transform = 'scale(0.98)';
}
});
trigger.addEventListener('touchend', function() {
if (window.innerWidth <= 768) {
this.style.transform = '';
}
});
}
});
}
// Initialize mobile dropdowns
initializeMobileDropdowns();
// FIXED: Consolidated hamburger menu logic - no duplicate event listeners
if (hamburgerMenu && navLinks) {
// Remove any existing click handlers to prevent conflicts
hamburgerMenu.onclick = null;
// Single, comprehensive click handler
hamburgerMenu.addEventListener('click', function(e) {
e.preventDefault();
e.stopPropagation();
// Toggle hamburger and navigation states
hamburgerMenu.classList.toggle('active');
navLinks.classList.toggle('active');
navLinks.classList.toggle('show');
const isMenuOpen = navLinks.classList.contains('active') || navLinks.classList.contains('show');
// Handle body scroll
document.body.style.overflow = isMenuOpen ? 'hidden' : '';
// Close all dropdowns when hamburger menu closes
if (!isMenuOpen) {
const dropdowns = document.querySelectorAll('.nav-links .dropdown');
dropdowns.forEach(dropdown => {
dropdown.classList.remove('active');
const menu = dropdown.querySelector('.dropdown-menu');
if (menu) {
menu.classList.remove('show');
}
});
}
console.log('Hamburger menu clicked - active state:', isMenuOpen);
});
} else {
console.warn('Hamburger menu or nav links not found! Retrying in 500ms...');
// Backup initialization after a short delay
setTimeout(function() {
const retryHamburger = document.querySelector('.hamburger-menu');
const retryNavLinks = document.querySelector('.nav-links');
if (retryHamburger && retryNavLinks) {
console.log('Retry successful - initializing hamburger menu...');
retryHamburger.addEventListener('click', function(e) {
e.preventDefault();
e.stopPropagation();
retryHamburger.classList.toggle('active');
retryNavLinks.classList.toggle('active');
retryNavLinks.classList.toggle('show');
const isMenuOpen = retryNavLinks.classList.contains('active') || retryNavLinks.classList.contains('show');
document.body.style.overflow = isMenuOpen ? 'hidden' : '';
console.log('Retry hamburger clicked - active state:', isMenuOpen);
});
} else {
console.error('Hamburger menu initialization failed even after retry!');
}
}, 500);
}
// ADDITIONAL: Direct fallback click handler for hamburger menu
// This ensures the hamburger works even if other scripts interfere
document.addEventListener('click', function(e) {
if (e.target.closest('.hamburger-menu')) {
e.preventDefault();
e.stopPropagation();
const hamburger = e.target.closest('.hamburger-menu');
const nav = document.querySelector('.nav-links');
if (hamburger && nav) {
hamburger.classList.toggle('active');
nav.classList.toggle('active');
nav.classList.toggle('show');
const isOpen = nav.classList.contains('active') || nav.classList.contains('show');
document.body.style.overflow = isOpen ? 'hidden' : '';
console.log('Fallback hamburger handler triggered - menu open:', isOpen);
}
}
});
// Ensure hamburger lines are visible
document.querySelectorAll('.hamburger-line').forEach(line => {
line.style.display = 'block';
line.style.opacity = '1';
});
// Add window resize handler to close dropdowns when switching to desktop
window.addEventListener('resize', function() {
if (window.innerWidth > 768) {
const dropdowns = document.querySelectorAll('.nav-links .dropdown');
dropdowns.forEach(dropdown => {
dropdown.classList.remove('active');
const menu = dropdown.querySelector('.dropdown-menu');
if (menu) {
menu.classList.remove('show');
}
});
}
});
}); });

33
js/mobile-fix.js Normal file
View File

@@ -0,0 +1,33 @@
/**
* Mobile navigation fix - ensures hamburger menu works properly on mobile devices
*/
document.addEventListener('DOMContentLoaded', function() {
// Get hamburger menu element
const hamburgerMenu = document.querySelector('.hamburger-menu');
if (hamburgerMenu) {
// Add additional click handler with logging
hamburgerMenu.addEventListener('touchstart', function(e) {
console.log('Hamburger touchstart triggered');
// Prevent default touch behavior if needed
e.preventDefault();
}, { passive: false });
// Log that the script has loaded
console.log('Mobile navigation fix loaded');
// Add visible indicator for debugging
if (window.innerWidth <= 768) {
hamburgerMenu.setAttribute('data-mobile-enhanced', 'true');
}
// Handle window resize
window.addEventListener('resize', function() {
if (window.innerWidth <= 768) {
hamburgerMenu.style.display = 'flex';
} else {
hamburgerMenu.style.display = 'none';
}
});
}
});

View File

@@ -164,13 +164,13 @@ function initAboutPage() {
} }
} }
// Contact page specific animations // Contact page specific functionality (animations removed)
function initContactPage() { function initContactPage() {
// Form input effects // Basic form input handling without animations
const formInputs = document.querySelectorAll('input, textarea'); const formInputs = document.querySelectorAll('input, textarea');
if (formInputs.length > 0) { if (formInputs.length > 0) {
formInputs.forEach(input => { formInputs.forEach(input => {
// Add focus effect // Add simplified focus effect (keep functionality but remove animations)
input.addEventListener('focus', function() { input.addEventListener('focus', function() {
this.parentElement.classList.add('input-focused'); this.parentElement.classList.add('input-focused');
}); });
@@ -181,7 +181,7 @@ function initContactPage() {
} }
}); });
// Check for pre-filled inputs // Check for pre-filled inputs (functionality preserved)
if (input.value) { if (input.value) {
input.parentElement.classList.add('input-focused'); input.parentElement.classList.add('input-focused');
} }