naman_panwar_gnpl/Gyannetra_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update website with enhanced features and mobile optimization

Browse Source 
- Enhanced individual training pages with better course layouts
- Updated testimonial sections across multiple pages
- Improved mobile responsiveness and navigation
- Added new testimonial assets and images
- Optimized CSS styling for better user experience
- Updated service and industry pages with latest content
This commit is contained in:
ectasy663
2025-06-06 14:08:36 +05:30
parent 885bacdf4a
commit 1c95e237b3
20 changed files with 451 additions and 328 deletions
Download Patch File Download Diff File Expand all files Collapse all files

256
Education/individual-trainings.html
View File

@@ -178,7 +178,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="Webinars Icon" class="dropdown-icon" / class="gn-responsive-image"><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" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Webinars</span><span class="item-description">Engaging and interactive sessions designed to introduce key AI concepts and practical skills.</span></div></div></a></li>
<li><a href="./individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Training Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized learning programs tailored to your specific needs and learning pace.</span></div></div></a></li> <li><a href="./individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Training Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized learning programs tailored to your specific needs and learning pace.</span></div></div></a></li>
<li><a href="./corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Training Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized training solutions to upskill your teams and drive AI adoption within your organization.</span></div></div></a></li> <li><a href="./corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Training Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized training solutions to upskill your teams and drive AI adoption within your organization.</span></div></div></a></li>
</ul> </ul>
@@ -246,18 +246,19 @@
<h2>What Our Students Say</h2> <h2>What Our Students Say</h2>
<p>Discover how our AI training programs have transformed careers and empowered professionals across industries</p> <p>Discover how our AI training programs have transformed careers and empowered professionals across industries</p>
</div> </div>
<div class="testimonials-track-container"> <div class="testimonials-track-container">
<div class="testimonials-track"> <div class="testimonials-track">
<!-- Testimonial 1 --> <!-- Testimonial 1 - Sagar -->
<div class="testimonial-card"> <div class="testimonial-card">
<i class="fas fa-quote-right quote-icon"></i> <i class="fas fa-quote-right quote-icon"></i>
<div class="customer-info"> <div class="customer-info">
<div class="customer-avatar">RS</div> <div class="customer-avatar">
<img src="../assets/testimonial cards/testimonial card 1 img.jpeg" alt="Sagar" style="width: 60px; height: 60px; border-radius: 50%; object-fit: cover;">
</div>
<div class="customer-details"> <div class="customer-details">
<h4>Rajesh Sharma</h4> <h4>Sagar</h4>
<p class="customer-designation">Senior Data Analyst</p> <p class="customer-designation">Student</p>
<p class="customer-company">TechCorp Solutions</p> <p class="customer-company">JIET Jodhpur</p>
</div> </div>
</div> </div>
<div class="review-content"> <div class="review-content">
@@ -268,12 +269,36 @@
<i class="fas fa-star star"></i> <i class="fas fa-star star"></i>
<i class="fas fa-star star"></i> <i class="fas fa-star star"></i>
</div> </div>
<p class="review-text">Gyannetra's AI Fundamentals course completely transformed my understanding of machine learning. The hands-on projects and expert mentorship helped me transition from traditional data analysis to advanced AI implementation. I got promoted within 3 months!</p> <p class="review-text">During the Solar Data Analytics course, I gained a solid understanding of how to collect, analyze, and interpret solar energy data. It was a great experience exploring real-time data, performance metrics, and tools like Python. This course really helped me connect theory with practical applications in the solar industry.</p>
<span class="course-badge">AI Fundamentals for Business Leaders</span> <span class="course-badge">Solar Data Analytics</span>
</div> </div>
</div> </div>
<!-- Testimonial 2 --> <!-- Testimonial 2 -->
<div class="testimonial-card">
<i class="fas fa-quote-right quote-icon"></i>
<div class="customer-info">
<div class="customer-avatar">RS</div>
<div class="customer-details">
<h4>Rajesh Sharma</h4>
<p class="customer-designation">Senior Data Analyst</p>
<p class="customer-company">TechCorp Solutions</p>
</div>
</div>
<div class="review-content">
<div class="rating">
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
</div>
<p class="review-text">Gyannetra's AI Fundamentals course completely transformed my understanding of machine learning. The hands-on projects and expert mentorship helped me transition from traditional data analysis to advanced AI implementation. I got promoted within 3 months!</p>
<span class="course-badge">AI Fundamentals for Business Leaders</span>
</div>
</div>
<!-- Testimonial 3 -->
<div class="testimonial-card"> <div class="testimonial-card">
<i class="fas fa-quote-right quote-icon"></i> <i class="fas fa-quote-right quote-icon"></i>
<div class="customer-info"> <div class="customer-info">
@@ -297,103 +322,32 @@
</div> </div>
</div> </div>
<!-- Testimonial 3 -->
<div class="testimonial-card">
<i class="fas fa-quote-right quote-icon"></i>
<div class="customer-info">
<div class="customer-avatar">MK</div>
<div class="customer-details">
<h4>Michael Kumar</h4>
<p class="customer-designation">Product Manager</p>
<p class="customer-company">FinTech Innovations</p>
</div>
</div>
<div class="review-content">
<div class="rating">
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
</div>
<p class="review-text">As a non-technical professional, I was hesitant about AI training. Gyannetra's approach made complex concepts accessible. I now effectively collaborate with technical teams and make informed decisions about AI implementations.</p>
<span class="course-badge">AI Strategy & Leadership</span>
</div>
</div>
<!-- Testimonial 4 -->
<div class="testimonial-card">
<i class="fas fa-quote-right quote-icon"></i>
<div class="customer-info">
<div class="customer-avatar">SK</div>
<div class="customer-details">
<h4>Sakshi Khanna</h4>
<p class="customer-designation">Data Scientist</p>
<p class="customer-company">Healthcare Analytics Inc.</p>
</div>
</div>
<div class="review-content">
<div class="rating">
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
</div>
<p class="review-text">The personalized learning approach and one-on-one mentorship set Gyannetra apart. I gained practical skills in deep learning and neural networks that directly applied to my healthcare AI projects. Exceptional quality!</p>
<span class="course-badge">Advanced Deep Learning</span>
</div>
</div>
<!-- Testimonial 5 -->
<div class="testimonial-card">
<i class="fas fa-quote-right quote-icon"></i>
<div class="customer-info">
<div class="customer-avatar">VG</div>
<div class="customer-details">
<h4>Vikram Gupta</h4>
<p class="customer-designation">AI Consultant</p>
<p class="customer-company">Strategic AI Solutions</p>
</div>
</div>
<div class="review-content">
<div class="rating">
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
</div>
<p class="review-text">Gyannetra's comprehensive curriculum and industry connections helped me transition from software development to AI consulting. The practical projects built my portfolio, and I'm now running my own AI consultancy firm.</p>
<span class="course-badge">AI Business Applications</span>
</div>
</div>
<!-- Testimonial 6 -->
<div class="testimonial-card">
<i class="fas fa-quote-right quote-icon"></i>
<div class="customer-info">
<div class="customer-avatar">PM</div>
<div class="customer-details">
<h4>Priya Mehta</h4>
<p class="customer-designation">Research Scientist</p>
<p class="customer-company">National AI Research Lab</p>
</div>
</div>
<div class="review-content">
<div class="rating">
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
</div>
<p class="review-text">The depth of knowledge and research-oriented approach impressed me. The instructors are at the forefront of AI research, and the course content reflects the latest developments in the field. Highly recommend for serious AI practitioners.</p>
<span class="course-badge">AI Research Fundamentals</span>
</div>
</div>
<!-- Duplicate set for seamless loop --> <!-- Duplicate set for seamless loop -->
<div class="testimonial-card">
<i class="fas fa-quote-right quote-icon"></i>
<div class="customer-info">
<div class="customer-avatar">
<img src="../assets/testimonial cards/testimonial card 1 img.jpeg" alt="Sagar" style="width: 60px; height: 60px; border-radius: 50%; object-fit: cover;">
</div>
<div class="customer-details">
<h4>Sagar</h4>
<p class="customer-designation">Student</p>
<p class="customer-company">JIET Jodhpur</p>
</div>
</div>
<div class="review-content">
<div class="rating">
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
</div>
<p class="review-text">During the Solar Data Analytics course, I gained a solid understanding of how to collect, analyze, and interpret solar energy data. It was a great experience exploring real-time data, performance metrics, and tools like Python. This course really helped me connect theory with practical applications in the solar industry.</p>
<span class="course-badge">Solar Data Analytics</span>
</div>
</div>
<div class="testimonial-card"> <div class="testimonial-card">
<i class="fas fa-quote-right quote-icon"></i> <i class="fas fa-quote-right quote-icon"></i>
<div class="customer-info"> <div class="customer-info">
@@ -439,98 +393,6 @@
<span class="course-badge">Practical AI Implementation</span> <span class="course-badge">Practical AI Implementation</span>
</div> </div>
</div> </div>
<div class="testimonial-card">
<i class="fas fa-quote-right quote-icon"></i>
<div class="customer-info">
<div class="customer-avatar">MK</div>
<div class="customer-details">
<h4>Michael Kumar</h4>
<p class="customer-designation">Product Manager</p>
<p class="customer-company">FinTech Innovations</p>
</div>
</div>
<div class="review-content">
<div class="rating">
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
</div>
<p class="review-text">As a non-technical professional, I was hesitant about AI training. Gyannetra's approach made complex concepts accessible. I now effectively collaborate with technical teams and make informed decisions about AI implementations.</p>
<span class="course-badge">AI Strategy & Leadership</span>
</div>
</div>
<div class="testimonial-card">
<i class="fas fa-quote-right quote-icon"></i>
<div class="customer-info">
<div class="customer-avatar">SK</div>
<div class="customer-details">
<h4>Sakshi Khanna</h4>
<p class="customer-designation">Data Scientist</p>
<p class="customer-company">Healthcare Analytics Inc.</p>
</div>
</div>
<div class="review-content">
<div class="rating">
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
</div>
<p class="review-text">The personalized learning approach and one-on-one mentorship set Gyannetra apart. I gained practical skills in deep learning and neural networks that directly applied to my healthcare AI projects. Exceptional quality!</p>
<span class="course-badge">Advanced Deep Learning</span>
</div>
</div>
<div class="testimonial-card">
<i class="fas fa-quote-right quote-icon"></i>
<div class="customer-info">
<div class="customer-avatar">VG</div>
<div class="customer-details">
<h4>Vikram Gupta</h4>
<p class="customer-designation">AI Consultant</p>
<p class="customer-company">Strategic AI Solutions</p>
</div>
</div>
<div class="review-content">
<div class="rating">
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
</div>
<p class="review-text">Gyannetra's comprehensive curriculum and industry connections helped me transition from software development to AI consulting. The practical projects built my portfolio, and I'm now running my own AI consultancy firm.</p>
<span class="course-badge">AI Business Applications</span>
</div>
</div>
<div class="testimonial-card">
<i class="fas fa-quote-right quote-icon"></i>
<div class="customer-info">
<div class="customer-avatar">PM</div>
<div class="customer-details">
<h4>Priya Mehta</h4>
<p class="customer-designation">Research Scientist</p>
<p class="customer-company">National AI Research Lab</p>
</div>
</div>
<div class="review-content">
<div class="rating">
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
<i class="fas fa-star star"></i>
</div>
<p class="review-text">The depth of knowledge and research-oriented approach impressed me. The instructors are at the forefront of AI research, and the course content reflects the latest developments in the field. Highly recommend for serious AI practitioners.</p>
<span class="course-badge">AI Research Fundamentals</span>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>

2
Education/workshops.html
View File

@@ -182,7 +182,7 @@
</li> </li>
<li class="dropdown"><a href="#" class="nav-link active">Education ▾</a> <li class="dropdown"><a href="#" class="nav-link active">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="Webinars Icon" class="dropdown-icon" / class="gn-responsive-image"><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" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Webinars</span><span class="item-description">Engaging and interactive sessions designed to introduce key AI concepts and practical skills.</span></div></div></a></li>
<li><a href="./individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Training Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized learning programs tailored to your specific needs and learning pace.</span></div></div></a></li> <li><a href="./individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Training Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized learning programs tailored to your specific needs and learning pace.</span></div></div></a></li>
<li><a href="./corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Training Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized training solutions to upskill your teams and drive AI adoption within your organization. <li><a href="./corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Training Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized training solutions to upskill your teams and drive AI adoption within your organization.
</span></div></div></a></li> </span></div></div></a></li>

2
Industries/finance.html
View File

@@ -180,7 +180,7 @@
</ul> </li> </ul> </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="Webinars Icon" class="dropdown-icon" / class="gn-responsive-image"><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" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Webinars</span><span class="item-description">Engaging and interactive sessions designed to introduce key AI concepts and practical skills.</span></div></div></a></li>
<li><a href="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized learning programs tailored to your specific needs and learning pace.</span></div></div></a></li> <li><a href="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized learning programs tailored to your specific needs and learning pace.</span></div></div></a></li>
<li><a href="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized training solutions to upskill your teams and drive AI adoption within your organization.</span></div></div></a></li> <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" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized training solutions to upskill your teams and drive AI adoption within your organization.</span></div></div></a></li>
</ul> </ul>

2
Industries/healthcare.html
View File

@@ -185,7 +185,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="Webinars Icon" class="dropdown-icon" / class="gn-responsive-image"><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" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Webinars</span><span class="item-description">Engaging and interactive sessions designed to introduce key AI concepts and practical skills.</span></div></div></a></li>
<li><a href="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized learning programs tailored to your specific needs and learning pace.</span></div></div></a></li> <li><a href="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized learning programs tailored to your specific needs and learning pace.</span></div></div></a></li>
<li><a href="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings Icon" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized training solutions to upskill your teams and drive AI adoption within your organization.</span></div></div></a></li> <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" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized training solutions to upskill your teams and drive AI adoption within your organization.</span></div></div></a></li>
</ul> </ul>

2
Industries/manufacturing.html
View File

@@ -378,7 +378,7 @@
<span class="gn-mobile-nav__arrow">▾</span> <span class="gn-mobile-nav__arrow">▾</span>
</button> </button>
<ul class="gn-mobile-nav__submenu"> <ul class="gn-mobile-nav__submenu">
<li><a href="../Education/workshops.html" class="gn-mobile-nav__sublink">Workshops</a></li> <li><a href="../Education/workshops.html" class="gn-mobile-nav__sublink">Webinars</a></li>
<li><a href="../Education/individual-trainings.html" class="gn-mobile-nav__sublink">Individual Trainings</a></li> <li><a href="../Education/individual-trainings.html" class="gn-mobile-nav__sublink">Individual Trainings</a></li>
<li><a href="../Education/corporate-trainings.html" class="gn-mobile-nav__sublink">Corporate Trainings</a></li> <li><a href="../Education/corporate-trainings.html" class="gn-mobile-nav__sublink">Corporate Trainings</a></li>
</ul> </ul>

2
Industries/marketing.html
View File

@@ -389,7 +389,7 @@
<span class="gn-mobile-nav__arrow">▾</span> <span class="gn-mobile-nav__arrow">▾</span>
</button> </button>
<ul class="gn-mobile-nav__submenu"> <ul class="gn-mobile-nav__submenu">
<li><a href="../Education/workshops.html" class="gn-mobile-nav__sublink">Workshops</a></li> <li><a href="../Education/workshops.html" class="gn-mobile-nav__sublink">Webinars</a></li>
<li><a href="../Education/individual-trainings.html" class="gn-mobile-nav__sublink">Individual Trainings</a></li> <li><a href="../Education/individual-trainings.html" class="gn-mobile-nav__sublink">Individual Trainings</a></li>
<li><a href="../Education/corporate-trainings.html" class="gn-mobile-nav__sublink">Corporate Trainings</a></li> <li><a href="../Education/corporate-trainings.html" class="gn-mobile-nav__sublink">Corporate Trainings</a></li>
</ul> </ul>

2
Industries/media-entertainment.html
View File

@@ -378,7 +378,7 @@
<span class="gn-mobile-nav__arrow">▾</span> <span class="gn-mobile-nav__arrow">▾</span>
</button> </button>
<ul class="gn-mobile-nav__submenu"> <ul class="gn-mobile-nav__submenu">
<li><a href="../Education/workshops.html" class="gn-mobile-nav__sublink">Workshops</a></li> <li><a href="../Education/workshops.html" class="gn-mobile-nav__sublink">Webinars</a></li>
<li><a href="../Education/individual-trainings.html" class="gn-mobile-nav__sublink">Individual Trainings</a></li> <li><a href="../Education/individual-trainings.html" class="gn-mobile-nav__sublink">Individual Trainings</a></li>
<li><a href="../Education/corporate-trainings.html" class="gn-mobile-nav__sublink">Corporate Trainings</a></li> <li><a href="../Education/corporate-trainings.html" class="gn-mobile-nav__sublink">Corporate Trainings</a></li>
</ul> </ul>

2
Industries/retail.html
View File

@@ -384,7 +384,7 @@
<span class="gn-mobile-nav__arrow">▾</span> <span class="gn-mobile-nav__arrow">▾</span>
</button> </button>
<ul class="gn-mobile-nav__submenu"> <ul class="gn-mobile-nav__submenu">
<li><a href="../Education/workshops.html" class="gn-mobile-nav__sublink">Workshops</a></li> <li><a href="../Education/workshops.html" class="gn-mobile-nav__sublink">Webinars</a></li>
<li><a href="../Education/individual-trainings.html" class="gn-mobile-nav__sublink">Individual Trainings</a></li> <li><a href="../Education/individual-trainings.html" class="gn-mobile-nav__sublink">Individual Trainings</a></li>
<li><a href="../Education/corporate-trainings.html" class="gn-mobile-nav__sublink">Corporate Trainings</a></li> <li><a href="../Education/corporate-trainings.html" class="gn-mobile-nav__sublink">Corporate Trainings</a></li>
</ul> </ul>

2
Services/agentic-ai.html
View File

@@ -414,7 +414,7 @@
<span class="gn-mobile-nav__arrow">▾</span> <span class="gn-mobile-nav__arrow">▾</span>
</button> </button>
<ul class="gn-mobile-nav__submenu"> <ul class="gn-mobile-nav__submenu">
<li><a href="../Education/workshops.html" class="gn-mobile-nav__sublink">Workshops</a></li> <li><a href="../Education/workshops.html" class="gn-mobile-nav__sublink">Webinars</a></li>
<li><a href="../Education/individual-trainings.html" class="gn-mobile-nav__sublink">Individual Trainings</a></li> <li><a href="../Education/individual-trainings.html" class="gn-mobile-nav__sublink">Individual Trainings</a></li>
<li><a href="../Education/corporate-trainings.html" class="gn-mobile-nav__sublink">Corporate Trainings</a></li> <li><a href="../Education/corporate-trainings.html" class="gn-mobile-nav__sublink">Corporate Trainings</a></li>
</ul> </ul>

4
Services/automation-flows.html
View File

@@ -186,7 +186,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="Webinars Icon" class="dropdown-icon gn-responsive-image"><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 gn-responsive-image"><div class="text-content"><span class="item-title">Webinars</span><span class="item-description">Engaging and interactive sessions designed to introduce key AI concepts and practical skills.</span></div></div></a></li>
<li><a href="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings Icon" class="dropdown-icon gn-responsive-image"><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized learning programs tailored to your specific needs and learning pace.</span></div></div></a></li> <li><a href="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Trainings Icon" class="dropdown-icon gn-responsive-image"><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized learning programs tailored to your specific needs and learning pace.</span></div></div></a></li>
<li><a href="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Trainings Icon" class="dropdown-icon gn-responsive-image"><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized training solutions to upskill your teams and drive AI adoption within your organization.</span></div></div></a></li> <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 gn-responsive-image"><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized training solutions to upskill your teams and drive AI adoption within your organization.</span></div></div></a></li>
</ul> </ul>
@@ -444,7 +444,7 @@
<span class="gn-mobile-nav__arrow">▾</span> <span class="gn-mobile-nav__arrow">▾</span>
</button> </button>
<ul class="gn-mobile-nav__submenu"> <ul class="gn-mobile-nav__submenu">
<li><a href="../Education/workshops.html" class="gn-mobile-nav__sublink">Workshops</a></li> <li><a href="../Education/workshops.html" class="gn-mobile-nav__sublink">Webinars</a></li>
<li><a href="../Education/individual-trainings.html" class="gn-mobile-nav__sublink">Individual Trainings</a></li> <li><a href="../Education/individual-trainings.html" class="gn-mobile-nav__sublink">Individual Trainings</a></li>
<li><a href="../Education/corporate-trainings.html" class="gn-mobile-nav__sublink">Corporate Trainings</a></li> <li><a href="../Education/corporate-trainings.html" class="gn-mobile-nav__sublink">Corporate Trainings</a></li>
</ul> </ul>

2
Services/data-analysis.html
View File

@@ -429,7 +429,7 @@
<span class="gn-mobile-nav__arrow">▾</span> <span class="gn-mobile-nav__arrow">▾</span>
</button> </button>
<ul class="gn-mobile-nav__submenu"> <ul class="gn-mobile-nav__submenu">
<li><a href="../Education/workshops.html" class="gn-mobile-nav__sublink">Workshops</a></li> <li><a href="../Education/workshops.html" class="gn-mobile-nav__sublink">Webinars</a></li>
<li><a href="../Education/individual-trainings.html" class="gn-mobile-nav__sublink">Individual Trainings</a></li> <li><a href="../Education/individual-trainings.html" class="gn-mobile-nav__sublink">Individual Trainings</a></li>
<li><a href="../Education/corporate-trainings.html" class="gn-mobile-nav__sublink">Corporate Trainings</a></li> <li><a href="../Education/corporate-trainings.html" class="gn-mobile-nav__sublink">Corporate Trainings</a></li>
</ul> </ul>

2
Services/generative-ai.html
View File

@@ -276,7 +276,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="Webinars Icon" class="dropdown-icon" class="gn-responsive-image"><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" class="gn-responsive-image"><div class="text-content"><span class="item-title">Webinars</span><span class="item-description">Engaging and interactive sessions designed to introduce key AI concepts and practical skills.</span></div></div></a></li>
<li><a href="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Training Icon" class="dropdown-icon" class="gn-responsive-image"><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized learning programs tailored to your specific needs and learning pace.</span></div></div></a></li> <li><a href="../Education/individual-trainings.html"><div class="dropdown-item-content"><img src="../assets/indi training.png" alt="Individual Training Icon" class="dropdown-icon" class="gn-responsive-image"><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized learning programs tailored to your specific needs and learning pace.</span></div></div></a></li>
<li><a href="../Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="../assets/corpo training.png" alt="Corporate Training Icon" class="dropdown-icon" class="gn-responsive-image"><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized training solutions to upskill your teams and drive AI adoption within your organization.</span></div></div></a></li> <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" class="gn-responsive-image"><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized training solutions to upskill your teams and drive AI adoption within your organization.</span></div></div></a></li>
</ul> </ul>

4
about.html
View File

@@ -257,7 +257,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="" class="dropdown-icon" / class="gn-responsive-image"><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" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Webinars</span><span class="item-description">Engaging and interactive sessions designed to introduce key AI concepts and practical skills.</span></div></div></a></li>
<li><a href="Education/individual-trainings.html"><div class="dropdown-item-content"><img src="assets/indi training.png" alt="" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized learning programs tailored to your specific needs and learning pace.</span></div></div></a></li> <li><a href="Education/individual-trainings.html"><div class="dropdown-item-content"><img src="assets/indi training.png" alt="" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized learning programs tailored to your specific needs and learning pace.</span></div></div></a></li>
<li><a href="Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="assets/corpo training.png" alt="" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized training solutions to upskill your teams and drive AI adoption within your organization. <li><a href="Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="assets/corpo training.png" alt="" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized training solutions to upskill your teams and drive AI adoption within your organization.
</span></div></div></a></li> </span></div></div></a></li>
@@ -390,7 +390,7 @@
<span class="gn-mobile-nav__arrow">▾</span> <span class="gn-mobile-nav__arrow">▾</span>
</button> </button>
<ul class="gn-mobile-nav__submenu"> <ul class="gn-mobile-nav__submenu">
<li><a href="Education/workshops.html" class="gn-mobile-nav__sublink">Workshops</a></li> <li><a href="Education/workshops.html" class="gn-mobile-nav__sublink">Webinars</a></li>
<li><a href="Education/individual-trainings.html" class="gn-mobile-nav__sublink">Individual Trainings</a></li> <li><a href="Education/individual-trainings.html" class="gn-mobile-nav__sublink">Individual Trainings</a></li>
<li><a href="Education/corporate-trainings.html" class="gn-mobile-nav__sublink">Corporate Trainings</a></li> <li><a href="Education/corporate-trainings.html" class="gn-mobile-nav__sublink">Corporate Trainings</a></li>
</ul> </ul>

BIN
assets/testimonial cards/testimonial card 1 img.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

2
contact.html
View File

@@ -252,7 +252,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="" class="dropdown-icon" / class="gn-responsive-image"><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" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Webinars</span><span class="item-description">Engaging and interactive sessions designed to introduce key AI concepts and practical skills.</span></div></div></a></li>
<li><a href="Education/individual-trainings.html"><div class="dropdown-item-content"><img src="assets/indi training.png" alt="" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized learning programs tailored to your specific needs and learning pace.</span></div></div></a></li> <li><a href="Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="assets/corpo training.png" alt="" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized training solutions to upskill your teams and drive AI adoption within your organization.</span></div></div></a></li> <li><a href="Education/individual-trainings.html"><div class="dropdown-item-content"><img src="assets/indi training.png" alt="" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Individual Trainings</span><span class="item-description">Personalized learning programs tailored to your specific needs and learning pace.</span></div></div></a></li> <li><a href="Education/corporate-trainings.html"><div class="dropdown-item-content"><img src="assets/corpo training.png" alt="" class="dropdown-icon" / class="gn-responsive-image"><div class="text-content"><span class="item-title">Corporate Trainings</span><span class="item-description">Customized training solutions to upskill your teams and drive AI adoption within your organization.</span></div></div></a></li>
</ul> </ul>
</li> </li>

158
css/components.css
View File

@@ -17,6 +17,7 @@
background: none; background: none;
visibility: visible !important; visibility: visible !important;
opacity: 1 !important; opacity: 1 !important;
z-index: 1; /* Ensure hero is below navbar */
} }
.hero-container { .hero-container {
@@ -145,6 +146,69 @@
51%, 100% { opacity: 0; } 51%, 100% { opacity: 0; }
} }
/* ===== MOBILE TYPEWRITER ADJUSTMENTS ===== */
@media (max-width: 768px) {
.typewriter-container {
font-size: 2.2rem;
min-height: 2.8rem;
padding: 0.1rem 0.5rem;
line-height: 1.1;
overflow-wrap: break-word;
word-break: break-word;
}
.typewriter-text {
max-width: 100%;
text-align: center;
word-wrap: break-word;
overflow-wrap: break-word;
}
.hero-subheading {
font-size: 1.1rem;
}
.hero-supporting-text {
font-size: 1.1rem;
line-height: 1.5;
max-width: 95%;
padding: 0 0.5rem;
}
}
@media (max-width: 480px) {
.typewriter-container {
font-size: 1.8rem;
min-height: 2.2rem;
padding: 0.1rem 0.25rem;
}
.hero-subheading {
font-size: 1rem;
}
.hero-supporting-text {
font-size: 1rem;
max-width: 98%;
padding: 0 0.25rem;
}
}
@media (max-width: 360px) {
.typewriter-container {
font-size: 1.5rem;
min-height: 1.8rem;
}
.hero-subheading {
font-size: 0.9rem;
}
.hero-supporting-text {
font-size: 0.95rem;
}
}
/* ===== HERO CTA BUTTONS ===== */ /* ===== HERO CTA BUTTONS ===== */
.hero-cta-buttons { .hero-cta-buttons {
display: flex; display: flex;
@@ -510,19 +574,6 @@ button.animate-on-scroll.animated {
#technologies .section-heading { #technologies .section-heading {
margin-bottom: 20px; margin-bottom: 20px;
position: relative;
overflow: hidden;
}
#technologies .section-heading::before {
content: "";
position: absolute;
width: 100%;
height: 3px;
background: linear-gradient(90deg, transparent, var(--primary-color), transparent);
bottom: -10px;
left: 0;
animation: glowLine 3s ease-in-out infinite;
} }
@keyframes glowLine { @keyframes glowLine {
@@ -2002,7 +2053,7 @@ body.contact-page {
/* Individual Testimonial Card */ /* Individual Testimonial Card */
.testimonial-card { .testimonial-card {
flex: 0 0 600px; /* Increased width for landscape layout */ flex: 0 0 600px; /* Increased width for landscape layout */
height: 350px; /* Increased height for bigger cards */ height: 420px; /* Further increased height to ensure course badges are fully visible */
background: linear-gradient(135deg, rgba(25, 35, 55, 0.95) 0%, rgba(35, 45, 65, 0.98) 100%); background: linear-gradient(135deg, rgba(25, 35, 55, 0.95) 0%, rgba(35, 45, 65, 0.98) 100%);
border: 1px solid rgba(82, 238, 245, 0.2); border: 1px solid rgba(82, 238, 245, 0.2);
border-radius: 20px; border-radius: 20px;
@@ -2202,11 +2253,12 @@ body.contact-page {
@media (max-width: 992px) { @media (max-width: 992px) {
.testimonials-track-container { .testimonials-track-container {
height: 400px; /* Reduced from 500px to 400px */ height: 470px; /* Increased to accommodate taller cards */
} }
.testimonial-card { .testimonial-card {
flex: 0 0 320px; flex: 0 0 320px;
height: 420px; /* Increased height for better visibility */
padding: 2rem; padding: 2rem;
} }
@@ -2221,13 +2273,17 @@ body.contact-page {
} }
.testimonials-track-container { .testimonials-track-container {
height: 350px; /* Reduced from 450px to 350px */ height: 650px; /* Increased height for complete card visibility */
} }
.testimonial-card { .testimonial-card {
flex: 0 0 280px; flex: 0 0 300px; /* Portrait width - narrower than landscape */
height: 600px; /* Increased height for full card visibility including course badges */
padding: 1.5rem; padding: 1.5rem;
margin: 0.5rem 0; margin: 0.5rem 0;
flex-direction: column; /* Switch to vertical layout for portrait */
text-align: center; /* Center content for portrait */
gap: 1.5rem; /* Vertical gap between sections */
} }
.testimonials-heading h2 { .testimonials-heading h2 {
@@ -2239,18 +2295,30 @@ body.contact-page {
} }
.customer-info { .customer-info {
flex-direction: row; flex-direction: column; /* Stack customer info vertically */
text-align: left; text-align: center;
margin-bottom: 0;
min-width: auto; /* Remove minimum width constraint */
} }
.customer-avatar { .customer-avatar {
width: 50px; width: 60px;
height: 50px; height: 60px;
font-size: 1.2rem; font-size: 1.4rem;
margin: 0 auto 1rem auto; /* Center the avatar */
}
.review-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
} }
.review-text { .review-text {
font-size: 1rem; font-size: 1rem;
line-height: 1.6;
margin-bottom: 1rem;
} }
} }
@@ -2260,13 +2328,57 @@ body.contact-page {
} }
.testimonial-card { .testimonial-card {
flex: 0 0 260px; flex: 0 0 280px; /* Slightly narrower for smaller screens */
height: 580px; /* Increased height for complete visibility including course badges */
padding: 1.2rem; padding: 1.2rem;
gap: 1.2rem; /* Slightly reduced gap */
} }
.testimonials-heading h2 { .testimonials-heading h2 {
font-size: 2rem; font-size: 2rem;
} }
.customer-avatar {
width: 55px;
height: 55px;
font-size: 1.3rem;
}
.review-text {
font-size: 0.95rem;
line-height: 1.5;
}
}
@media (max-width: 360px) {
.testimonial-card {
flex: 0 0 260px; /* Even narrower for very small screens */
height: 560px; /* Increased height for complete card visibility including course badges */
padding: 1rem;
gap: 1rem;
}
.customer-avatar {
width: 50px;
height: 50px;
font-size: 1.2rem;
}
.review-text {
font-size: 0.9rem;
}
.customer-details h4 {
font-size: 1.1rem;
}
.customer-designation {
font-size: 0.85rem;
}
.customer-company {
font-size: 0.8rem;
}
} }
/* Additional Visual Effects */ /* Additional Visual Effects */

24
css/core.css
View File

@@ -1219,12 +1219,11 @@ footer {
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7); text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
position: relative; position: relative;
z-index: 2; z-index: 2;
max-width: 100%; max-width: 100%; opacity: 0.9;
opacity: 0.9;
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
} }
/* Expertise card headings - prevent wrapping */ /* Expertise card headings - allow wrapping on mobile */
.exp-item h3 { .exp-item h3 {
font-size: 1.8rem; font-size: 1.8rem;
line-height: 1.2; line-height: 1.2;
@@ -1233,15 +1232,22 @@ footer {
color: #52eef5; color: #52eef5;
font-weight: 600; font-weight: 600;
letter-spacing: 0.5px; letter-spacing: 0.5px;
white-space: nowrap; white-space: normal;
overflow: visible; word-wrap: break-word;
text-overflow: clip; overflow-wrap: break-word;
text-align: center; text-align: center;
position: relative; position: relative;
z-index: 2; z-index: 2;
text-shadow: 0 3px 8px rgba(0, 0, 0, 0.9); text-shadow: 0 3px 8px rgba(0, 0, 0, 0.9);
} }
/* Prevent wrapping on larger screens */
@media (min-width: 769px) {
.exp-item h3 {
white-space: nowrap;
}
}
/* Responsive design for expertise cards */ /* Responsive design for expertise cards */
@media (max-width: 1024px) { @media (max-width: 1024px) {
.exp-grid { .exp-grid {
@@ -1271,10 +1277,8 @@ footer {
font-size: 1rem; font-size: 1rem;
line-height: 1.4; line-height: 1.4;
} }
.exp-item h3 { .exp-item h3 {
font-size: 1.6rem; font-size: 1.6rem;
white-space: nowrap;
} }
} }
@@ -1305,11 +1309,9 @@ footer {
line-height: 1.4; line-height: 1.4;
margin-top: 0.5rem; margin-top: 0.5rem;
} }
.exp-item h3 { .exp-item h3 {
font-size: 1.5rem; font-size: 1.5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
white-space: nowrap;
} }
} }
@@ -1341,11 +1343,9 @@ footer {
line-height: 1.5; line-height: 1.5;
margin-top: 0.5rem; margin-top: 0.5rem;
} }
.exp-item h3 { .exp-item h3 {
font-size: 1.4rem; font-size: 1.4rem;
margin-bottom: 0.8rem; margin-bottom: 0.8rem;
white-space: nowrap;
} }
} }

37
css/pages.css
View File

@@ -1789,43 +1789,6 @@ section#transform-cta-section.container {
font-size: 1.1rem !important; font-size: 1.1rem !important;
} }
} }
/* Expertise Cards Heading Styles */
.exp-item h3 {
font-size: 1.8rem;
line-height: 1.2;
margin-top: 0.5rem;
margin-bottom: 1.2rem;
color: #52eef5;
font-weight: 600;
letter-spacing: 0.5px;
white-space: nowrap;
overflow: visible;
text-overflow: clip;
}
/* Responsive adjustments */
@media (max-width: 1024px) {
.exp-item h3 {
font-size: 1.6rem;
white-space: nowrap;
}
}
@media (max-width: 768px) {
.exp-item h3 {
font-size: 1.5rem;
margin-bottom: 1rem;
white-space: nowrap;
}
}
@media (max-width: 480px) {
.exp-item h3 {
font-size: 1.4rem;
margin-bottom: 0.8rem;
white-space: nowrap;
}
}
/* Fix for section-subheading readability in specializations section */ /* Fix for section-subheading readability in specializations section */
#specializations .section-subheading { #specializations .section-subheading {
/* Remove any gradient or transparent text */ /* Remove any gradient or transparent text */

254
css/responsive.css
View File

@@ -70,11 +70,11 @@
#hero { #hero {
min-height: calc(100vh - 80px); min-height: calc(100vh - 80px);
height: calc(100vh - 80px); height: calc(100vh - 80px);
padding-top: 2rem; padding-top: 1rem;
} }
.hero-container { .hero-container {
padding: 3rem 5% 2rem 5%; padding: 2rem 4% 1rem 4%;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
@@ -82,33 +82,68 @@
.hero-content { .hero-content {
text-align: center; text-align: center;
max-width: 100%; max-width: 100%;
padding: 0 1rem; padding: 0 0.5rem;
margin-top: 1rem; margin-top: 0.5rem;
} }
.hero-content h1 { .hero-content h1 {
font-size: 4.5rem; font-size: 2.8rem;
font-weight: 100; font-weight: 100;
line-height: 1.2; line-height: 1.1;
margin-bottom: 1.5rem; margin-bottom: 1rem;
letter-spacing: 0.5px; letter-spacing: 0.3px;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7); text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
} }
.hero-content p { /* Hero typewriter section mobile */
font-size: 1.4rem; .hero-typewriter-section {
line-height: 1.4; margin: 0.5rem 0 1rem 0;
margin-bottom: 2rem; width: 100%;
color: rgba(255, 255, 255, 0.9);
max-width: 90%;
margin-left: auto;
margin-right: auto;
} }
.hero-subheading {
font-size: 1.1rem;
margin-bottom: 0.4rem;
}
.typewriter-container {
font-size: 2.2rem;
min-height: 2.8rem;
line-height: 1.1;
padding: 0;
width: 100%;
overflow: hidden;
}
.typewriter-text {
display: inline-block;
word-break: break-word;
text-align: center;
max-width: 100%;
}
.hero-supporting-text {
font-size: 1.1rem;
line-height: 1.5;
margin: 1rem auto 1.5rem auto;
color: rgba(255, 255, 255, 0.9);
max-width: 95%;
padding: 0 0.5rem;
}
.hero-content .btn-primary { .hero-content .btn-primary {
padding: 1rem 2rem; padding: 0.9rem 1.5rem;
font-size: 1.2rem; font-size: 1rem;
border-radius: 12px; border-radius: 10px;
min-width: 200px; min-width: 180px;
margin: 0.3rem;
}
/* Hero CTA buttons mobile */
.hero-cta-buttons {
gap: 0.8rem;
margin-top: 1rem;
flex-direction: column;
align-items: center;
} }
/* Navigation mobile styles */ /* Navigation mobile styles */
@@ -342,38 +377,66 @@
/* ===== EXTRA SMALL MOBILE (480px and below) ===== */ /* ===== EXTRA SMALL MOBILE (480px and below) ===== */
@media (max-width: 480px) { @media (max-width: 480px) {
#hero { #hero {
height: 65vh; height: auto;
min-height: 450px; min-height: calc(100vh - 80px);
padding-top: 1.5rem; padding-top: 1rem;
} }
.hero-container { .hero-container {
padding: 2.5rem 3% 1rem 3%; padding: 1.5rem 3% 1rem 3%;
} }
.hero-content { .hero-content {
margin-top: 1.5rem; margin-top: 1rem;
padding: 0 0.25rem;
} }
.hero-content h1 { .hero-content h1 {
font-size: 4.5rem; font-size: 2.2rem;
font-weight: 100; font-weight: 100;
line-height: 1.1; line-height: 1.1;
margin-bottom: 0.8rem; margin-bottom: 0.8rem;
text-shadow: none !important; text-shadow: none !important;
letter-spacing: 0.3px; letter-spacing: 0.2px;
filter: brightness(1.08); filter: brightness(1.08);
} }
.hero-content p {
font-size: 1.3rem; /* Extra small mobile typewriter */
margin-bottom: 1.2rem; .hero-typewriter-section {
line-height: 1.8; margin: 0.4rem 0 0.8rem 0;
}
.hero-subheading {
font-size: 1rem;
margin-bottom: 0.3rem;
}
.typewriter-container {
font-size: 1.8rem;
min-height: 2.2rem;
line-height: 1.0;
}
.hero-supporting-text {
font-size: 1rem;
margin: 0.8rem auto 1.2rem auto;
line-height: 1.6;
max-width: 98%;
padding: 0 0.25rem;
} }
.hero-content .btn-primary { .hero-content .btn-primary {
padding: 0.8rem 1.5rem; padding: 0.8rem 1.2rem;
font-size: 1.1rem; font-size: 0.95rem;
min-width: 160px;
margin: 0.25rem;
} }
/* Hero CTA buttons extra small */
.hero-cta-buttons {
gap: 0.6rem;
margin-top: 1rem;
}
/* Logo extra small */ /* Logo extra small */
.logo-img { .logo-img {
height: 45px; height: 45px;
@@ -397,6 +460,37 @@
max-width: 50px; max-width: 50px;
max-height: 50px; max-height: 50px;
} }
}
/* ===== VERY SMALL MOBILE (360px and below) ===== */
@media (max-width: 360px) {
.hero-content h1 {
font-size: 1.9rem;
margin-bottom: 0.6rem;
}
.hero-subheading {
font-size: 0.9rem;
}
.typewriter-container {
font-size: 1.5rem;
min-height: 1.8rem;
}
.hero-supporting-text {
font-size: 0.95rem;
margin: 0.6rem auto 1rem auto;
}
.hero-content .btn-primary {
padding: 0.7rem 1rem;
font-size: 0.9rem;
min-width: 140px;
}
.hero-container {
padding: 1rem 2% 0.5rem 2%;
}
/* Expertise grid extra small */ /* Expertise grid extra small */
.exp-grid { .exp-grid {
@@ -404,6 +498,7 @@
padding: 0 1rem; padding: 0 1rem;
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.exp-item { .exp-item {
padding: 1.2rem; padding: 1.2rem;
max-width: 350px; max-width: 350px;
@@ -968,7 +1063,7 @@
} }
} }
/* ===== SPECIALIZED CARDS ANIMATIONS ===== */ /* ===== SPECIALIZATION CARDS ANIMATIONS ===== */
.hero-content h1, .hero-content h1,
.hero-content p, .hero-content p,
.section-heading, .section-heading,
@@ -1454,3 +1549,94 @@ button.animate-on-scroll.animated {
transform: scale(1.02); transform: scale(1.02);
box-shadow: 0 6px 16px rgba(82, 238, 245, 0.15); box-shadow: 0 6px 16px rgba(82, 238, 245, 0.15);
} }
/* Hero section mobile adjustments - Fix excessive padding */
.hero-section,
#automation-flows-hero {
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.case-studies-hero {
padding: 4rem 0 3rem 0 !important;
min-height: 50vh !important;
}
#generative-ai {
padding-top: 4.5rem !important;
padding-bottom: 3rem !important;
}
/* Hero headings mobile adjustments */
.hero-section h1,
#automation-flows-hero h1 {
font-size: 2.8rem !important;
margin-bottom: 1.5rem !important;
}
.case-studies-hero h1 {
font-size: 2.5rem !important;
letter-spacing: 2px !important;
margin-bottom: 1.5rem !important;
}
.generative-ai-header h1 {
font-size: 2.5rem !important;
margin-bottom: 1.5rem !important;
}
/* Hero text mobile adjustments */
.hero-section p,
#automation-flows-hero p,
.case-studies-hero p,
.generative-ai-header p {
font-size: 1.1rem !important;
line-height: 1.6 !important;
margin-bottom: 1.5rem !important;
}
/* Hero sections extra small mobile - Further reduce padding */
.hero-section,
#automation-flows-hero {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.case-studies-hero {
padding: 3rem 0 2rem 0 !important;
min-height: 40vh !important;
}
#generative-ai {
padding-top: 3.5rem !important;
padding-bottom: 2.5rem !important;
}
/* Hero headings extra small mobile */
.hero-section h1,
#automation-flows-hero h1 {
font-size: 2.2rem !important;
margin-bottom: 1rem !important;
}
.case-studies-hero h1 {
font-size: 2rem !important;
letter-spacing: 1px !important;
margin-bottom: 1rem !important;
}
.generative-ai-header h1 {
font-size: 2rem !important;
margin-bottom: 1rem !important;
}
/* Hero text extra small mobile */
.hero-section p,
#automation-flows-hero p,
.case-studies-hero p,
.generative-ai-header p,
.industry-hero p {
font-size: 0.95rem !important;
line-height: 1.5 !important;
margin-bottom: 1rem !important;
}

4
index.html
View File

@@ -193,7 +193,7 @@
<li class="dropdown"> <li class="dropdown">
<a href="#" class="nav-link">Education ▾</a> <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="Webinars 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>
@@ -576,7 +576,7 @@
<span class="gn-mobile-nav__arrow">▾</span> <span class="gn-mobile-nav__arrow">▾</span>
</button> </button>
<ul class="gn-mobile-nav__submenu"> <ul class="gn-mobile-nav__submenu">
<li><a href="Education/workshops.html" class="gn-mobile-nav__sublink">Workshops</a></li> <li><a href="Education/workshops.html" class="gn-mobile-nav__sublink">Webinars</a></li>
<li><a href="Education/individual-trainings.html" class="gn-mobile-nav__sublink">Individual Trainings</a></li> <li><a href="Education/individual-trainings.html" class="gn-mobile-nav__sublink">Individual Trainings</a></li>
<li><a href="Education/corporate-trainings.html" class="gn-mobile-nav__sublink">Corporate Trainings</a></li> <li><a href="Education/corporate-trainings.html" class="gn-mobile-nav__sublink">Corporate Trainings</a></li>
</ul> </ul>