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

Enhance hero button styling for improved visibility and user engagement

Browse Source 
- Add enhanced gradient backgrounds with multi-color transitions
- Implement interactive hover effects with scale and lift animations
- Add subtle pulse animation to draw attention (3s cycle)
- Improve button styling with better shadows, borders, and backdrop blur
- Enhance text styling with increased font weight and letter spacing
- Add active/pressed states for better user feedback
- Fix CSS compilation errors and remove conflicting styles
- Ensure consistent button behavior across all screen sizes
- Maintain accessibility with high contrast and proper text shadows
This commit is contained in:
ectasy663
2025-05-28 17:49:52 +05:30
parent 5361e2f800
commit d4dcda5f3f
22 changed files with 873 additions and 486 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
Education/corporate-trainings.html
View File

@@ -180,9 +180,8 @@
<div class="noise"></div>
</div>
<header class="site-header">
<nav class="navbar">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
<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">
</a>
<!-- Hamburger menu button for mobile -->
@@ -348,18 +347,11 @@
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-col footer-col-logo">
<div class="footer-content"> <div class="footer-col footer-col-logo">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN logo with banner.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>
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
@@ -381,18 +373,21 @@
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</p></li>
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul>
</div>
<div class="footer-col">
</div> <div class="footer-col">
<h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p>
<p>Stay updated with our latest insights and news.</p> <div class="social-links">
<a href="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="https://wa.me/918949135299" aria-label="WhatsApp" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@Gyannetra-o3y" aria-label="YouTube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
<form action="#" method="post" class="newsletter-form" style="display: none;">
<input type="email" name="email" placeholder="Enter your email" required>
<button type="submit" class="btn btn-secondary">Subscribe</button>
</form>
</div>
</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 of Service</a></p>
</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>
</div>
</div>
</footer>

28
Education/individual-trainings.html
View File

@@ -129,7 +129,7 @@
<header class="site-header">
<nav class="navbar">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
<img src="../assets/Company Icons/GN logo with banner.svg" alt="Gyannetra Logo" class="logo-img">
</a>
<!-- Hamburger menu button for mobile -->
@@ -318,18 +318,11 @@
<!-- FOOTER -->
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-col footer-col-logo">
<div class="footer-content"> <div class="footer-col footer-col-logo">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN logo with banner.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>
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
@@ -351,18 +344,21 @@
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</p></li>
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul>
</div>
<div class="footer-col">
</div> <div class="footer-col">
<h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p>
<p>Stay updated with our latest insights and news.</p> <div class="social-links">
<a href="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="https://wa.me/918949135299" aria-label="WhatsApp" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@Gyannetra-o3y" aria-label="YouTube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
<form action="#" method="post" class="newsletter-form" style="display: none;">
<input type="email" name="email" placeholder="Enter your email" required>
<button type="submit" class="btn btn-secondary">Subscribe</button>
</form>
</div>
</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 of Service</a></p>
</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>
</div>
</div>
</footer>

28
Education/workshops.html
View File

@@ -120,7 +120,7 @@
<header class="site-header">
<nav class="navbar">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
<img src="../assets/Company Icons/GN logo with banner.svg" alt="Gyannetra Logo" class="logo-img">
</a>
<!-- Hamburger menu button for mobile -->
@@ -268,18 +268,11 @@
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-col footer-col-logo">
<div class="footer-content"> <div class="footer-col footer-col-logo">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN logo with banner.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>
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
@@ -301,18 +294,21 @@
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</p></li>
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul>
</div>
<div class="footer-col">
</div> <div class="footer-col">
<h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p>
<p>Stay updated with our latest insights and news.</p> <div class="social-links">
<a href="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="https://wa.me/918949135299" aria-label="WhatsApp" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@Gyannetra-o3y" aria-label="YouTube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
<form action="#" method="post" class="newsletter-form" style="display: none;">
<input type="email" name="email" placeholder="Enter your email" required>
<button type="submit" class="btn btn-secondary">Subscribe</button>
</form>
</div>
</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 of Service</a></p>
</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>
</div>
</div>
</footer>

28
Industries/case-studies.html
View File

@@ -261,7 +261,7 @@
<header class="site-header">
<nav class="navbar">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
<img src="../assets/Company Icons/GN logo with banner.svg" alt="Gyannetra Logo" class="logo-img">
</a>
<!-- Hamburger menu button for mobile -->
@@ -379,18 +379,11 @@
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-col footer-col-logo">
<div class="footer-content"> <div class="footer-col footer-col-logo">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN logo with banner.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>
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
@@ -411,18 +404,21 @@
<li><p><i class="fas fa-phone"></i>+91 89491-35299</p></li>
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul>
</div>
<div class="footer-col">
</div> <div class="footer-col">
<h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p>
<p>Stay updated with our latest insights and news.</p> <div class="social-links">
<a href="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="https://wa.me/918949135299" aria-label="WhatsApp" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@Gyannetra-o3y" aria-label="YouTube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
<form action="#" method="post" class="newsletter-form" style="display: none;">
<input type="email" name="email" placeholder="Enter your email" required>
<button type="submit" class="btn btn-secondary">Subscribe</button>
</form>
</div>
</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 of Service</a></p>
</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>
</div>
</div>
</footer>

42
Industries/finance.html
View File

@@ -56,20 +56,12 @@
/* Ensure body has top padding to account for fixed navbar */
body {
padding-top: 80px;
}
/* Finance Page Specific Styles - Using standardized theme class */
body {
/* You can add body-specific styles here if needed */
}
.finance-page-container .hero-section.finance-hero {
} /* Finance Page Specific Styles - Using standardized theme class */.finance-page-container .hero-section.finance-hero {
text-align: center;
padding: 80px 20px 60px; /* Adjusted padding */
background: linear-gradient(rgba(10, 20, 40, 0.8), rgba(10, 20, 40, 0.95)), url('../assets/finance_hero_bg.jpg') no-repeat center center;
background: url('../assets/finance_hero_bg.jpg') no-repeat center center;
background-size: cover;
border-bottom: 2px solid var(--primary-color-glow);
} .finance-page-container .hero-section.finance-hero h1 {
}.finance-page-container .hero-section.finance-hero h1 {
font-size: 3.2rem; /* Slightly adjusted */
margin-bottom: 15px;
/* Inherit the beautiful gradient and glow from main h1 styling */
@@ -298,7 +290,7 @@
<nav class="navbar">
<script src="../js/dropdown.js"></script>
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
<img src="../assets/Company Icons/GN logo with banner.svg" alt="Gyannetra Logo" class="logo-img">
</a>
<!-- Hamburger menu button for mobile -->
@@ -430,18 +422,11 @@
<!-- FOOTER -->
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-col footer-col-logo">
<div class="footer-content"> <div class="footer-col footer-col-logo">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN logo with banner.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>
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
@@ -462,18 +447,21 @@
<li><p><i class="fas fa-phone"></i>+91 89491-35299</p></li>
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul>
</div>
<div class="footer-col">
</div> <div class="footer-col">
<h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p>
<p>Stay updated with our latest insights and news.</p> <div class="social-links">
<a href="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="https://wa.me/918949135299" aria-label="WhatsApp" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@Gyannetra-o3y" aria-label="YouTube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
<form action="#" method="post" class="newsletter-form" style="display: none;">
<input type="email" name="email" placeholder="Enter your email" required>
<button type="submit" class="btn btn-secondary">Subscribe</button>
</form>
</div>
</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 of Service</a></p>
</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>
</div>
</div>
</footer>

28
Industries/healthcare.html
View File

@@ -211,7 +211,7 @@
<header class="site-header">
<nav class="navbar">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
<img src="../assets/Company Icons/GN logo with banner.svg" alt="Gyannetra Logo" class="logo-img">
</a>
<!-- Hamburger menu button for mobile -->
@@ -374,18 +374,11 @@
<!-- FOOTER -->
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-col footer-col-logo">
<div class="footer-content"> <div class="footer-col footer-col-logo">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN logo with banner.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>
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
@@ -406,18 +399,21 @@
<li><p><i class="fas fa-phone"></i>+91 89491-35299</p></li>
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul>
</div>
<div class="footer-col">
</div> <div class="footer-col">
<h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p>
<p>Stay updated with our latest insights and news.</p> <div class="social-links">
<a href="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="https://wa.me/918949135299" aria-label="WhatsApp" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@Gyannetra-o3y" aria-label="YouTube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
<form action="#" method="post" class="newsletter-form" style="display: none;">
<input type="email" name="email" placeholder="Enter your email" required>
<button type="submit" class="btn btn-secondary">Subscribe</button>
</form>
</div>
</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 of Service</a></p>
</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>
</div>
</div>
</footer>

37
Industries/manufacturing.html
View File

@@ -58,16 +58,13 @@
padding-top: 80px;
}
/* Manufacturing Page Specific Styles */
/* Hero section */
/* Manufacturing Page Specific Styles */ /* Hero section */
.manufacturing-hero {
text-align: center;
padding: 80px 20px 60px;
background: linear-gradient(rgba(10, 20, 40, 0.8), rgba(10, 20, 40, 0.95)), url('../assets/manufacturing_hero_bg.jpg') no-repeat center center;
background: url('../assets/manufacturing_hero_bg.jpg') no-repeat center center;
background-size: cover;
border-bottom: 2px solid var(--primary-color-glow);
} .manufacturing-hero h1 {
}.manufacturing-hero h1 {
font-size: 3.2rem;
margin-bottom: 15px;
/* Inherit the beautiful gradient and glow from main h1 styling */
@@ -248,7 +245,7 @@
<header class="site-header">
<nav class="navbar">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
<img src="../assets/Company Icons/GN logo with banner.svg" alt="Gyannetra Logo" class="logo-img">
</a>
<!-- Hamburger menu button for mobile -->
@@ -383,18 +380,11 @@
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-col footer-col-logo">
<div class="footer-content"> <div class="footer-col footer-col-logo">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN logo with banner.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>
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
@@ -415,18 +405,21 @@
<li><p><i class="fas fa-phone"></i>+91 89491-35299</p></li>
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul>
</div>
<div class="footer-col">
</div> <div class="footer-col">
<h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p>
<p>Stay updated with our latest insights and news.</p> <div class="social-links">
<a href="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="https://wa.me/918949135299" aria-label="WhatsApp" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@Gyannetra-o3y" aria-label="YouTube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
<form action="#" method="post" class="newsletter-form" style="display: none;">
<input type="email" name="email" placeholder="Enter your email" required>
<button type="submit" class="btn btn-secondary">Subscribe</button>
</form>
</div>
</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 of Service</a></p>
</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>
</div>
</div>
</footer>

25
Industries/marketing.html
View File

@@ -266,7 +266,7 @@
<header class="site-header">
<nav class="navbar">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
<img src="../assets/Company Icons/GN logo with banner.svg" alt="Gyannetra Logo" class="logo-img">
</a>
<!-- Hamburger menu button for mobile -->
@@ -423,18 +423,11 @@
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-col footer-col-logo">
<div class="footer-content"> <div class="footer-col footer-col-logo">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN logo with banner.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>
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
@@ -455,10 +448,14 @@
<li><p><i class="fas fa-phone"></i>+91 89491-35299</p></li>
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul>
</div>
<div class="footer-col">
</div> <div class="footer-col">
<h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p>
<p>Stay updated with our latest insights and news.</p> <div class="social-links">
<a href="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="https://wa.me/918949135299" aria-label="WhatsApp" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@Gyannetra-o3y" aria-label="YouTube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
<form action="#" method="post" class="newsletter-form" style="display: none;">
<input type="email" name="email" placeholder="Enter your email" required>
<button type="submit" class="btn btn-secondary">Subscribe</button>
@@ -466,7 +463,7 @@
</div>
</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 of Service</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>
</footer>

35
Industries/media-entertainment.html
View File

@@ -7,16 +7,12 @@
<link rel="stylesheet" href="../css/benefits-cards.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"> <style>
/* Media & Entertainment Page Specific Styles */
/* Hero section */
.media-hero {
/* Media & Entertainment Page Specific Styles */ /* Hero section */ .media-hero {
text-align: center;
padding: 80px 20px 60px;
background: linear-gradient(rgba(10, 20, 40, 0.8), rgba(10, 20, 40, 0.95)), url('../assets/media_hero_bg.jpg') no-repeat center center;
background: url('../assets/media_hero_bg.jpg') no-repeat center center;
background-size: cover;
border-bottom: 2px solid var(--primary-color-glow);
} .media-hero h1 {
}.media-hero h1 {
font-size: 3.2rem;
margin-bottom: 15px;
/* Inherit the beautiful gradient and glow from main h1 styling */
@@ -204,7 +200,7 @@
<header class="site-header">
<nav class="navbar container">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
<img src="../assets/Company Icons/GN logo with banner.svg" alt="Gyannetra Logo" class="logo-img">
</a>
<!-- Hamburger menu button for mobile -->
@@ -345,18 +341,11 @@
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-col footer-col-logo">
<div class="footer-content"> <div class="footer-col footer-col-logo">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN logo with banner.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>
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
@@ -377,10 +366,14 @@
<li><p><i class="fas fa-phone"></i>+91 89491-35299</p></li>
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul>
</div>
<div class="footer-col">
</div> <div class="footer-col">
<h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p>
<p>Stay updated with our latest insights and news.</p> <div class="social-links">
<a href="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="https://wa.me/918949135299" aria-label="WhatsApp" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@Gyannetra-o3y" aria-label="YouTube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
<form action="#" method="post" class="newsletter-form" style="display: none;">
<input type="email" name="email" placeholder="Enter your email" required>
<button type="submit" class="btn btn-secondary">Subscribe</button>
@@ -388,7 +381,7 @@
</div>
</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 of Service</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>
</footer>

35
Industries/retail.html
View File

@@ -58,16 +58,12 @@
padding-top: 80px;
}
/* Retail Page Specific Styles */
/* Hero section */
.retail-hero {
/* Retail Page Specific Styles */ /* Hero section */ .retail-hero {
text-align: center;
padding: 80px 20px 60px;
background: linear-gradient(rgba(10, 20, 40, 0.8), rgba(10, 20, 40, 0.95)), url('../assets/retail_hero_bg.jpg') no-repeat center center;
background: url('../assets/retail_hero_bg.jpg') no-repeat center center;
background-size: cover;
border-bottom: 2px solid var(--primary-color-glow);
} .retail-hero h1 {
}.retail-hero h1 {
font-size: 3.2rem;
margin-bottom: 15px;
/* Inherit the beautiful gradient and glow from main h1 styling */
@@ -343,7 +339,7 @@
<header class="site-header">
<nav class="navbar">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
<img src="../assets/Company Icons/GN logo with banner.svg" alt="Gyannetra Logo" class="logo-img">
</a>
<!-- Hamburger menu button for mobile -->
@@ -486,18 +482,11 @@
<!-- FOOTER -->
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-col footer-col-logo">
<div class="footer-content"> <div class="footer-col footer-col-logo">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN logo with banner.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>
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
@@ -518,10 +507,14 @@
<li><p><i class="fas fa-phone"></i>+91 89491-35299</p></li>
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul>
</div>
<div class="footer-col">
</div> <div class="footer-col">
<h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p>
<p>Stay updated with our latest insights and news.</p> <div class="social-links">
<a href="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="https://wa.me/918949135299" aria-label="WhatsApp" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@Gyannetra-o3y" aria-label="YouTube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
<form action="#" method="post" class="newsletter-form" style="display: none;">
<input type="email" name="email" placeholder="Enter your email" required>
<button type="submit" class="btn btn-secondary">Subscribe</button>
@@ -529,7 +522,7 @@
</div>
</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 of Service</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>
</footer>

34
Industries/travel.html
View File

@@ -58,14 +58,11 @@
padding-top: 80px;
}
/* Travel Page Specific Styles */
/* Hero section */
.travel-hero {
/* Travel Page Specific Styles */ /* Hero section */ .travel-hero {
text-align: center;
padding: 80px 20px 60px; background: linear-gradient(rgba(10, 20, 40, 0.8), rgba(10, 20, 40, 0.95)), url('../assets/travel_hero_bg.jpg') no-repeat center center;
padding: 80px 20px 60px;
background: url('../assets/travel_hero_bg.jpg') no-repeat center center;
background-size: cover;
border-bottom: 2px solid var(--primary-color-glow);
}
.travel-hero h1 {
@@ -255,7 +252,7 @@
<header class="site-header">
<nav class="navbar">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
<img src="../assets/Company Icons/GN logo with banner.svg" alt="Gyannetra Logo" class="logo-img">
</a>
<!-- Hamburger menu button for mobile -->
@@ -400,18 +397,11 @@
<!-- FOOTER -->
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-col footer-col-logo">
<div class="footer-content"> <div class="footer-col footer-col-logo">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN logo with banner.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>
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
@@ -432,10 +422,14 @@
<li><p><i class="fas fa-phone"></i>+91 89491-35299</p></li>
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul>
</div>
<div class="footer-col">
</div> <div class="footer-col">
<h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p>
<p>Stay updated with our latest insights and news.</p> <div class="social-links">
<a href="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="https://wa.me/918949135299" aria-label="WhatsApp" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@Gyannetra-o3y" aria-label="YouTube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
<form action="#" method="post" class="newsletter-form" style="display: none;">
<input type="email" name="email" placeholder="Enter your email" required>
<button type="submit" class="btn btn-secondary">Subscribe</button>
@@ -443,7 +437,7 @@
</div>
</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 of Service</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>
</footer>

25
Services/agentic-ai.html
View File

@@ -344,7 +344,7 @@
<header class="site-header">
<nav class="navbar">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
<img src="../assets/Company Icons/GN logo with banner.svg" alt="Gyannetra Logo" class="logo-img">
</a>
<!-- Hamburger menu button for mobile -->
@@ -529,18 +529,11 @@
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-col footer-col-logo">
<div class="footer-content"> <div class="footer-col footer-col-logo">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN logo with banner.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>
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
@@ -561,10 +554,14 @@
<li><p><i class="fas fa-phone"></i>+91 89491-35299</p></li>
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul>
</div>
<div class="footer-col">
</div> <div class="footer-col">
<h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p>
<p>Stay updated with our latest insights and news.</p> <div class="social-links">
<a href="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="https://wa.me/918949135299" aria-label="WhatsApp" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@Gyannetra-o3y" aria-label="YouTube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
<form action="#" method="post" class="newsletter-form" style="display: none;">
<input type="email" name="email" placeholder="Enter your email" required>
<button type="submit" class="btn btn-secondary">Subscribe</button>
@@ -572,7 +569,7 @@
</div>
</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 of Service</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>
</footer>

25
Services/automation-flows.html
View File

@@ -353,7 +353,7 @@
<header class="site-header">
<nav class="navbar">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
<img src="../assets/Company Icons/GN logo with banner.svg" alt="Gyannetra Logo" class="logo-img">
</a>
<!-- Hamburger menu button for mobile -->
@@ -540,18 +540,11 @@
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-col footer-col-logo">
<div class="footer-content"> <div class="footer-col footer-col-logo">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN logo with banner.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>
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
@@ -572,10 +565,14 @@
<li><p><i class="fas fa-phone"></i>+91 89491-35299</p></li>
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul>
</div>
<div class="footer-col">
</div> <div class="footer-col">
<h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p>
<p>Stay updated with our latest insights and news.</p> <div class="social-links">
<a href="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="https://wa.me/918949135299" aria-label="WhatsApp" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@Gyannetra-o3y" aria-label="YouTube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
<!-- Optional: Newsletter signup form -->
<form action="#" method="post" class="newsletter-form" style="display: none;"> <!-- Hidden for now -->
<input type="email" name="email" placeholder="Enter your email" required>
@@ -584,7 +581,7 @@
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2024 Gyannetra. All rights reserved. | <a href="../privacy-policy.html">Privacy Policy</a> | <a href="../terms-of-service.html">Terms of Service</a></p>
<p>&copy; 2024 Gyannetra. All rights reserved. | <a href="../privacy-policy.html">Privacy Policy</a> | <a href="../terms-of-service.html">Terms and Conditions</a></p>
</div>
</div>
</footer>

25
Services/data-analysis.html
View File

@@ -344,7 +344,7 @@
<header class="site-header">
<nav class="navbar">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
<img src="../assets/Company Icons/GN logo with banner.svg" alt="Gyannetra Logo" class="logo-img">
</a>
<!-- Hamburger menu button for mobile -->
@@ -506,18 +506,11 @@
<!-- FOOTER -->
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-col footer-col-logo">
<div class="footer-content"> <div class="footer-col footer-col-logo">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN logo with banner.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>
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
@@ -538,10 +531,14 @@
<li><p><i class="fas fa-phone"></i>+91 89491-35299</p></li>
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul>
</div>
<div class="footer-col">
</div> <div class="footer-col">
<h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p>
<p>Stay updated with our latest insights and news.</p> <div class="social-links">
<a href="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="https://wa.me/918949135299" aria-label="WhatsApp" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@Gyannetra-o3y" aria-label="YouTube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
<form action="#" method="post" class="newsletter-form" style="display: none;">
<input type="email" name="email" placeholder="Enter your email" required>
<button type="submit" class="btn btn-secondary">Subscribe</button>
@@ -549,7 +546,7 @@
</div>
</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 of Service</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>
</footer>

25
Services/generative-ai.html
View File

@@ -346,7 +346,7 @@
</div> <header class="site-header">
<nav class="navbar">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
<img src="../assets/Company Icons/GN logo with banner.svg" alt="Gyannetra Logo" class="logo-img">
</a>
<!-- Hamburger menu button for mobile -->
@@ -534,18 +534,11 @@
<!-- FOOTER -->
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-col footer-col-logo">
<div class="footer-content"> <div class="footer-col footer-col-logo">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN logo with banner.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>
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
@@ -566,10 +559,14 @@
<li><p><i class="fas fa-phone"></i>+91 89491-35299</p></li>
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul>
</div>
<div class="footer-col">
</div> <div class="footer-col">
<h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p>
<p>Stay updated with our latest insights and news.</p> <div class="social-links">
<a href="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="https://wa.me/918949135299" aria-label="WhatsApp" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@Gyannetra-o3y" aria-label="YouTube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
<!-- Optional: Newsletter signup form -->
<form action="#" method="post" class="newsletter-form" style="display: none;"> <!-- Hidden for now -->
<input type="email" name="email" placeholder="Enter your email" required>
@@ -578,7 +575,7 @@
</div>
</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 of Service</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>
</footer>

22
Services/machine-learning.html
View File

@@ -367,7 +367,7 @@
<header class="site-header">
<nav class="navbar">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
<img src="../assets/Company Icons/GN logo with banner.svg" alt="Gyannetra Logo" class="logo-img">
</a>
<!-- Hamburger menu button for mobile -->
@@ -555,15 +555,9 @@
<div class="container">
<div class="footer-content"> <div class="footer-col footer-col-logo">
<a href="../index.html" class="logo">
<img src="../assets/Company Icons/GN logo with banner.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>
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
@@ -584,10 +578,14 @@
<li><p><i class="fas fa-phone"></i>+91 89491-35299</p></li>
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul>
</div>
<div class="footer-col">
</div> <div class="footer-col">
<h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p>
<p>Stay updated with our latest insights and news.</p> <div class="social-links">
<a href="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="https://wa.me/918949135299" aria-label="WhatsApp" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@Gyannetra-o3y" aria-label="YouTube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
<form action="#" method="post" class="newsletter-form" style="display: none;">
<input type="email" name="email" placeholder="Enter your email" required>
<button type="submit" class="btn btn-secondary">Subscribe</button>
@@ -595,7 +593,7 @@
</div>
</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 of Service</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>
</footer>

22
about.html
View File

@@ -71,7 +71,7 @@
<header class="site-header">
<nav class="navbar">
<a href="index.html" class="logo">
<img src="assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
<img src="assets/Company Icons/GN logo with banner.svg" alt="Gyannetra Logo" class="logo-img">
</a>
<!-- Hamburger menu button for mobile -->
@@ -168,15 +168,9 @@
<div class="container">
<div class="footer-content"> <div class="footer-col footer-col-logo">
<a href="index.html" class="logo">
<img src="assets/Company Icons/GN logo with banner.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>
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
@@ -197,10 +191,14 @@
<li><p><i class="fas fa-phone"></i>+91 89491-35299</p></li>
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul>
</div>
<div class="footer-col">
</div> <div class="footer-col">
<h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p>
<p>Stay updated with our latest insights and news.</p> <div class="social-links">
<a href="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="https://wa.me/918949135299" aria-label="WhatsApp" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@Gyannetra-o3y" aria-label="YouTube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
<form action="#" method="post" class="newsletter-form" style="display: none;">
<input type="email" name="email" placeholder="Enter your email" required>
<button type="submit" class="btn btn-secondary">Subscribe</button>
@@ -208,7 +206,7 @@
</div>
</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 of Service</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>
</footer>

1
assets/Company Icons/company logo square.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

25
contact.html
View File

@@ -72,7 +72,7 @@
<nav class="navbar">
<script src="js/dropdown.js"></script>
<a href="index.html" class="logo">
<img src="assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
<img src="assets/Company Icons/GN logo with banner.svg" alt="Gyannetra Logo" class="logo-img">
</a>
<!-- Hamburger menu button for mobile -->
@@ -175,18 +175,11 @@
<footer class="site-footer">
<div class="container">
<div class="footer-content">
<div class="footer-col footer-col-logo">
<div class="footer-content"> <div class="footer-col footer-col-logo">
<a href="index.html" class="logo">
<img src="assets/Company Icons/GN logo with banner.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>
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
@@ -208,10 +201,14 @@
<li><p><i class="fas fa-phone"></i>+91 89491-35299</p></li>
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul>
</div>
<div class="footer-col">
</div> <div class="footer-col">
<h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p>
<p>Stay updated with our latest insights and news.</p> <div class="social-links">
<a href="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="https://wa.me/918949135299" aria-label="WhatsApp" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@Gyannetra-o3y" aria-label="YouTube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
<form action="#" method="post" class="newsletter-form" style="display: none;">
<input type="email" name="email" placeholder="Enter your email" required>
<button type="submit" class="btn btn-secondary">Subscribe</button>
@@ -219,7 +216,7 @@
</div>
</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 of Service</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>
</footer>

613
css/style.css
View File

@@ -1,11 +1,11 @@
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@400,500,600,700&display=swap');
:root {
/* Base colors */
--fg: #ececec;
--btn-bg: rgba(20, 20, 40, 0.8);
--btn-hover: rgba(20, 20, 40, 1);
--gap: 3rem;
--gap: 2rem;
--max-w: 1200px;
/* Standardized card and text styles */
@@ -79,10 +79,9 @@
--agentic-ai-primary-rgb: 236, 72, 153;
--agentic-ai-primary-hover: #db2777;--primary-color-glow: rgba(109, 40, 217, 0.5);
--accent: #a2abff;
--accent-rgb: 162, 171, 255;
/* Spacing variables */
--accent-rgb: 162, 171, 255; /* Spacing variables */
--section-margin: 2rem;
--section-padding: 1rem;
--section-padding: 1.5rem;
--card-padding: 25px;
--grid-gap: 30px;
}
@@ -353,14 +352,27 @@ section h2 {
animation: fadeInUp 0.8s ease forwards;
}
.hero-content h1 {
animation-delay: 0.2s;
/* Disable animations for hero content to prevent layout shifts */
#hero .hero-content p {
animation: none !important;
}
/* Allow hero heading to have the glow animation only */
#hero .hero-content h1 {
animation: pulseGlow 3s ease-in-out infinite alternate !important;
animation-delay: 0s !important;
}
.hero-content p {
animation-delay: 0.4s;
}
/* Override hero animation delays */
#hero .hero-content h1,
#hero .hero-content p {
animation-delay: 0s !important;
}
.section-heading {
animation-delay: 0.6s;
}
@@ -374,20 +386,20 @@ section h2 {
}
#technologies {
padding-top: 7rem;
padding-bottom: 0;
padding-top: 2rem;
padding-bottom: 2rem;
position: relative;
overflow: hidden;
}
#expertise {
padding-top: 7rem;
padding-bottom: 4rem;
padding-top: 3rem;
padding-bottom: 3rem;
position: relative;
}
#technologies .section-heading {
margin-bottom: 50px;
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
@@ -839,13 +851,14 @@ section h2 {
display: flex;
align-items: center;
justify-content: flex-start;
padding-top: 4rem !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
width: 100%;
margin: 0;
overflow: hidden;
height: 100vh;
height: 80vh;
min-height: 600px;
background: none;
}
@@ -855,8 +868,10 @@ section h2 {
max-width: var(--max-w);
margin: 0 auto;
height: 100%;
align-items: flex-start;
padding: 10rem 4% 0 4%;
align-items: center;
justify-content: center;
padding: 1
0rem 4% 2rem 4%;
}
.hero-content {
@@ -864,23 +879,324 @@ section h2 {
z-index: 20;
flex: 1;
max-width: 600px;
padding-right: 3rem;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
/* Prevent layout shifts */
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
}
.hero-content h1 {
font-size: 4rem;
line-height: 1.1;
margin-bottom: 1.5rem;
letter-spacing: 2px;
font-weight: 800;
position: relative;
/* Stunning Multi-Gradient Text Effect */
background: linear-gradient(
135deg,
#ffffff 0%,
#e0e7ff 15%,
#c7d2fe 30%,
#a5b4fc 45%,
#8b5cf6 60%,
#7c3aed 75%,
#6d28d9 90%,
#5b21b6 100%
);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
/* Multi-layered Glow Effect */
filter: drop-shadow(0 0 8px rgba(139, 92, 246, 0.8))
drop-shadow(0 0 20px rgba(109, 40, 217, 0.6))
drop-shadow(0 0 35px rgba(91, 33, 182, 0.4));
/* Subtle Text Stroke for Definition */
-webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.2);
}
/* Removed animated gradient background */
/* Removed rotating gradient keyframes */
/* Fallback styling for browsers that don't support background-clip: text */
.hero-content h1.fallback {
background: none !important;
color: #ffffff !important;
text-shadow: 0 0 15px rgba(139, 92, 246, 0.8),
0 0 30px rgba(109, 40, 217, 0.6),
0 0 45px rgba(91, 33, 182, 0.4) !important;
}
/* Enhanced floating reflection effect */
.hero-content h1 {
-webkit-box-reflect: below -30px
linear-gradient(transparent 60%, rgba(255, 255, 255, 0.02) 70%, rgba(139, 92, 246, 0.05) 100%);
}
/* Subtle pulsing glow animation - optimized for all devices */
@keyframes pulseGlow {
0% {
text-shadow: 0 0 5px rgba(255, 255, 255, 0.25), 0 0 15px rgba(255, 255, 255, 0.1);
filter: brightness(1.05);
}
100% {
text-shadow: 0 0 7px rgba(255, 255, 255, 0.35), 0 0 20px rgba(255, 255, 255, 0.15);
filter: brightness(1.08);
}
}
/* Mobile-specific animation adjustments */
@media (max-width: 768px) {
.hero-content h1 {
animation-duration: 2.5s; /* Slightly faster animation on mobile */
}
}
.hero-content p {
margin: 1.5rem 0;
margin: 1.5rem auto;
font-size: 1.3rem;
opacity: 1;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
max-width: 600px;
color: var(--fg);
font-weight: 500;
}
/* HERO SECTION LAYOUT STABILIZATION */
#hero .hero-content h1,
#hero .hero-content p,
#hero .hero-content .btn-primary {
/* Prevent layout shifts from animations */
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
transition: none !important;
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Pure white heading with minimal glow */
#hero .hero-content h1 {
color: #ffffff !important;
text-shadow: 0 0 5px rgba(255, 255, 255, 0.3), 0 0 10px rgba(255, 255, 255, 0.1) !important;
background: none !important;
-webkit-text-fill-color: #ffffff !important;
-webkit-text-stroke: 0.3px rgba(255, 255, 255, 0.1);
}
/* Custom hero button styles - Enhanced visibility and appeal */
#hero .btn-primary {
background: linear-gradient(135deg, #6d28d9 0%, #9333ea 50%, #a855f7 100%) !important;
border: 2px solid rgba(255, 255, 255, 0.3) !important;
box-shadow:
0 8px 32px rgba(109, 40, 217, 0.4),
0 4px 16px rgba(147, 51, 234, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
padding: 18px 36px !important;
margin-top: 24px !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
font-size: 1.1rem !important;
border-radius: 12px !important;
color: #ffffff !important;
text-decoration: none !important;
display: inline-block !important;
position: relative !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
cursor: pointer !important;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
backdrop-filter: blur(8px) !important;
}
/* Hover effects for enhanced interactivity */
#hero .btn-primary:hover {
transform: translateY(-3px) scale(1.05) !important;
background: linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #c084fc 100%) !important;
border-color: rgba(255, 255, 255, 0.5) !important;
box-shadow:
0 12px 40px rgba(109, 40, 217, 0.6),
0 6px 20px rgba(147, 51, 234, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.3),
0 0 20px rgba(168, 85, 247, 0.5) !important;
text-shadow: 0 0 8px rgba(255, 255, 255, 0.4) !important;
}
/* Active/pressed state */
#hero .btn-primary:active {
transform: translateY(-1px) scale(1.02) !important;
transition: all 0.1s ease !important;
}
/* Subtle animation for attention */
@keyframes heroButtonPulse {
0%, 100% {
box-shadow:
0 8px 32px rgba(109, 40, 217, 0.4),
0 4px 16px rgba(147, 51, 234, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
50% {
box-shadow:
0 8px 32px rgba(109, 40, 217, 0.6),
0 4px 16px rgba(147, 51, 234, 0.5),
inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
}
#hero .btn-primary {
animation: heroButtonPulse 3s ease-in-out infinite !important;
}
/* Ensure hero content is not affected by scroll animations */
#hero .hero-content.animate-on-scroll {
animation: none !important;
text-align: center !important;
}
#hero .hero-content.animate-on-scroll.animated {
transform: none !important;
opacity: 1 !important;
text-align: center !important;
}
/* Override any fadeInUp animations for hero content */
#hero .hero-content p {
animation: none !important;
animation-delay: 0s !important;
}
/* Ensure hero heading maintains its glow animation */
#hero .hero-content h1 {
animation: pulseGlow 3s ease-in-out infinite alternate !important;
animation-delay: 0s !important;
}
/* Force center alignment for hero content at all times */
#hero .hero-content {
text-align: center !important;
align-items: center !important;
justify-content: center !important;
}
/* Prevent any FOUC in hero section */
#hero * {
visibility: visible !important;
}
/* Ensure consistent hero layout across different screen loads */
@media (min-width: 1024px) {
.hero-container {
padding: 12rem 4% 2rem 4%;
}
}
@media (min-height: 600px) {
#hero {
height: 80vh;
min-height: 600px;
}
}
@media (max-height: 599px) {
#hero {
height: auto;
min-height: 500px;
padding: 2rem 0;
}
.hero-container {
height: auto;
min-height: 500px;
}
}
/* Mobile responsive adjustments */
@media (min-width: 769px) and (max-width: 1023px) {
.hero-container {
padding: 10rem 4% 2rem 4%;
}
}
@media (max-width: 768px) {
#hero {
height: 70vh;
min-height: 500px;
padding-top: 1rem; /* Additional top padding for mobile */
}
.hero-container {
padding: 2rem 4% 1rem 4%; /* Increased top padding to prevent navbar overlap */
justify-content: center; /* Ensure content is properly centered */
}
.hero-content {
margin-top: 1rem; /* Extra margin to push content below navbar */
}
.hero-content h1 {
font-size: 2.5rem;
line-height: 1.2; /* Tighter line height for mobile */
margin-bottom: 1rem;
text-shadow: 0 0 4px rgba(255, 255, 255, 0.3), 0 0 12px rgba(255, 255, 255, 0.1) !important; /* Adjusted glow for mobile */
letter-spacing: 0.5px; /* Slightly reduced letter spacing for mobile */
}
.hero-content p {
font-size: 1.1rem;
margin-bottom: 1.5rem;
}
#technologies {
padding-top: 1.5rem; }
}
/* Extra small mobile devices */
@media (max-width: 480px) {
#hero {
height: 65vh;
min-height: 450px;
padding-top: 1.5rem;
}
.hero-container {
padding: 2.5rem 3% 1rem 3%; /* Even more top padding for smallest screens */
}
.hero-content {
margin-top: 1.5rem; /* Extra margin for smallest screens */
}
.hero-content h1 {
font-size: 2rem; /* Smaller font for very small screens */
line-height: 1.1;
margin-bottom: 0.8rem;
text-shadow: 0 0 3px rgba(255, 255, 255, 0.35), 0 0 10px rgba(255, 255, 255, 0.12) !important; /* Optimized glow for smallest screens */
letter-spacing: 0.3px;
filter: brightness(1.08); /* Slightly increased brightness for better visibility */
}
.hero-content p {
font-size: 1rem;
margin-bottom: 1.2rem;
}
.hero-content .btn-primary {
padding: 0.8rem 1.5rem;
font-size: 0.9rem;
}
}
.dropdown {
@@ -1051,10 +1367,10 @@ h6 {
position: relative;
width: 100%;
overflow: hidden;
padding: 60px 0;
padding: 30px 0;
background: linear-gradient(135deg, rgba(0, 0, 0, 0.1), rgba(20, 20, 40, 0.2));
border-radius: 20px;
margin: 40px 0;
margin: 10px 0;
box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.3);
}
@@ -1086,24 +1402,23 @@ h6 {
cursor: pointer;
transition: all 0.3s ease;
transform-style: preserve-3d;
margin: 15px 0; /* Increased top/bottom margin */
margin: 5px 0; /* Reduced top/bottom margin */
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}
.tech-card-inner {
position: relative;
.tech-card-inner { position: relative;
width: 100%;
height: 100%;
background: rgba(20, 25, 45, 0.7); /* Darker, more distinct background */
border: 2px solid rgba(var(--primary-color-rgb), 0.3);
background: rgba(20, 25, 45, 0.5); /* More transparent background like navbar */
border: 1px solid rgba(255, 255, 255, 0.1); /* Similar to navbar border when scrolled */
border-radius: 16px;
padding: 25px 15px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
backdrop-filter: blur(20px);
text-align: center; backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
overflow: hidden;
transition: all 0.3s ease;
box-shadow:
@@ -1141,9 +1456,11 @@ h6 {
rgba(var(--primary-color-rgb), 0.2) 0%,
rgba(255, 255, 255, 0.1) 50%,
rgba(var(--primary-color-rgb), 0.1) 100%);
border-color: rgba(var(--primary-color-rgb), 0.5);
backdrop-filter: blur(35px);
-webkit-backdrop-filter: blur(35px);
border: 1px solid rgba(255, 255, 255, 0.1); /* Similar to navbar border when scrolled */
box-shadow:
0 20px 60px rgba(var(--primary-color-rgb), 0.3),
0 4px 20px rgba(0, 0, 0, 0.1), /* Same as navbar shadow when scrolled */
0 0 30px rgba(var(--primary-color-rgb), 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
@@ -1193,8 +1510,8 @@ h6 {
}
.tech-card:hover h3 {
color: rgba(var(--primary-color-rgb), 1);
text-shadow: 0 0 10px rgba(var(--primary-color-rgb), 0.5);
color: #FFFFFF; /* Keep text white on hover */
text-shadow: 0 0 10px rgba(var(--primary-color-rgb), 0.7); /* Still add glow effect with primary color */
transform: translateY(-2px);
}
@@ -1642,9 +1959,11 @@ h6 {
.exp-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: var(--gap);
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 2rem;
justify-items: center;
max-width: 1000px;
margin: 0 auto;
}
.exp-item {
@@ -1763,11 +2082,20 @@ h6 {
padding: 0;
}
/* Footer logo description paragraph */
.footer-col-logo p {
margin-top: 15px;
margin-bottom: 15px;
line-height: 1.6;
color: var(--text-muted);
max-width: 300px;
}
/* Footer logo image styles */
.footer-logo-img {
height: 80px;
height: 160px;
width: auto;
max-width: 250px;
max-width: 450px;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
transition: all 0.3s ease;
}
@@ -1812,6 +2140,22 @@ h6 {
margin-bottom: 10px;
line-height: 1.7;
}
/* Footer contact info with icons styling */
.footer-col ul li p {
display: flex;
align-items: center;
margin-bottom: 8px;
padding: 8px 0;
}
.footer-col ul li p i {
margin-right: 12px;
font-size: 1.1rem;
color: var(--primary-color);
min-width: 20px;
text-align: center;
}
.footer-col p a { /* Styling for links within paragraphs, e.g., email */
color: var(--text-muted);
text-decoration: none;
@@ -1822,15 +2166,30 @@ h6 {
text-decoration: underline;
}
.footer-col .social-links {
display: flex;
align-items: center;
gap: 15px;
margin-top: 15px;
}
.footer-col .social-links a {
color: var(--text-muted);
margin-right: 15px;
font-size: 1.3rem;
transition: color 0.3s ease;
transition: color 0.3s ease, transform 0.3s ease;
padding: 8px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
min-width: 40px;
min-height: 40px;
}
.footer-col .social-links a:hover {
color: var(--primary-color); /* Use primary color for hover */
transform: translateY(-2px);
background-color: rgba(var(--primary-color-rgb), 0.1);
}
.footer-bottom {
@@ -1838,28 +2197,38 @@ h6 {
padding-top: 20px;
border-top: 1px solid rgba(255, 255, 255, 0.1); /* Light border */
}
/* End of Footer Styles */
.btn,
.btn-primary {
background: linear-gradient(90deg, #5a6bff, #a2b0ff);
color: white;
padding: 15px 30px;
border: none;
border-radius: 50px;
font-size: 1rem;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
display: inline-block;
text-align: center;
width: auto;
.footer-bottom a {
color: #ffffff; /* White color for footer bottom links */
text-decoration: none; /* Remove underline */
}
.footer-bottom a:hover {
color: #8b5cf6;
text-decoration: underline;
}
.btn-primary:before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
transition: all 0.8s ease;
z-index: -1;
}
.btn:hover,
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(74, 0, 224, 0.4);
transform: translateY(-3px) scale(1.02);
box-shadow: 0 15px 25px -10px rgba(var(--primary-color-rgb), 0.6);
background: linear-gradient(135deg, var(--primary-color-hover), var(--primary-color));
}
.btn-primary:hover:before {
left: 100%;
}
.contact-page-container {
@@ -1965,34 +2334,6 @@ h6 {
text-decoration: none;
font-size: 1rem;
transition: all 0.3s ease;
cursor: pointer;
}
.btn-book-consultation:hover,
.btn-send-message:hover {
opacity: 0.9;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(90, 107, 255, 0.3);
}
.form-group {
margin-bottom: 1.5rem;
}
.form-group label {
display: block;
margin-bottom: 0.5rem;
font-weight: bold;
color: #a2b0ff;
}
.form-group input[type="text"],
.form-group input[type="email"],
.form-group select,
.form-group textarea {
width: 100%;
padding: 0.8rem;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 8px;
background: rgba(255, 255, 255, 0.1);
color: var(--fg);
@@ -2174,53 +2515,6 @@ h6 {
margin-bottom: 0.75rem;
line-height: 1.3;
background: none;
-webkit-background-clip: unset;
background-clip: unset;
text-shadow: none;
font-family: 'Space Grotesk', sans-serif;
}
.case-study-card p {
font-size: 0.95rem;
color: rgba(236, 236, 236, 0.8);
margin-bottom: 1.5rem;
flex-grow: 1;
line-height: 1.6;
font-family: 'Inter', sans-serif;
}
.btn-read-case-study {
display: inline-block;
background-color: #1E1E2F;
color: var(--fg);
padding: 0.6rem 1.2rem;
border: 1px solid #3A3A5A;
border-radius: 8px;
text-decoration: none;
text-align: center;
font-weight: 500;
transition: background-color 0.3s ease, border-color 0.3s ease;
margin-top: auto;
align-self: flex-start;
font-size: 0.9rem;
}
.btn-read-case-study:hover {
background-color: #2C2C44;
border-color: #4F4F6A;
}
.discuss-project-cta {
background-color: #0A0A14;
padding: 3rem 0;
margin-top: 4rem;
}
.discuss-project-cta .container {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
}
@@ -2420,7 +2714,6 @@ h6 {
.industry-hero {
padding: 80px 0;
text-align: left;
background: linear-gradient(135deg, rgba(13, 26, 46, 0.8), rgba(18, 36, 64, 0.95));
position: relative;
overflow: hidden;
min-height: 60vh;
@@ -2726,31 +3019,69 @@ h6 {
.logo-img {
height: 55px;
max-width: 240px;
}
.footer-logo-img {
height: 65px;
max-width: 200px;
} .footer-logo-img {
height: 120px;
max-width: 350px;
}
.logo {
min-height: 60px;
padding: 0.4rem 0.8rem;
}
/* Footer responsive adjustments */
.footer-content {
gap: 20px;
text-align: center;
}
.footer-col {
min-width: 200px;
}
.footer-col-logo p {
max-width: 100%;
text-align: center;
}
.footer-col .social-links {
justify-content: center;
}
}
@media (max-width: 480px) {
.logo-img {
height: 45px;
max-width: 180px;
}
.footer-logo-img {
height: 55px;
max-width: 170px;
} .footer-logo-img {
height: 100px;
max-width: 300px;
}
.logo {
min-height: 50px;
padding: 0.3rem 0.6rem;
}
/* Footer mobile adjustments */
.footer-content {
flex-direction: column;
gap: 25px;
}
.footer-col ul li p {
padding: 6px 0;
font-size: 0.9rem;
}
.footer-col ul li p i {
margin-right: 10px;
font-size: 1rem;
min-width: 18px;
}
.footer-col .social-links a {
min-width: 35px;
min-height: 35px;
font-size: 1.1rem;
}
}

158
index.html
View File

@@ -53,17 +53,87 @@
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
}
/* Ensure body has top padding to account for fixed navbar */
} /* Ensure body has top padding to account for fixed navbar */
body {
padding-top: 80px;
}
</style>
<!-- Enable data nodes after all CSS is loaded -->
/* Mobile adjustments for navbar spacing */
@media (max-width: 768px) {
body {
padding-top: 70px; /* Reduced for mobile */
}
#hero {
min-height: calc(100vh - 70px);
height: calc(100vh - 70px);
padding-top: 1rem; /* Add some top padding for mobile */
}
.hero-container {
padding-top: 2rem; /* Ensure content doesn't touch navbar */
}
}
@media (max-width: 480px) {
body {
padding-top: 65px; /* Further reduced for small screens */
}
#hero {
min-height: calc(100vh - 65px);
height: calc(100vh - 65px);
padding-top: 1.5rem;
}
.hero-container {
padding-top: 2.5rem; /* Extra spacing for very small screens */
}
}
/* HERO SECTION LAYOUT STABILIZATION */
#hero {
/* Prevent layout shift during load */
min-height: calc(100vh - 80px);
height: calc(100vh - 80px);
margin-top: 0 !important;
padding-top: 0 !important;
}
.hero-container {
/* Stabilize hero content positioning */
height: 100%;
min-height: inherit;
align-items: center;
justify-content: flex-start;
padding-top: 2rem;
padding-bottom: 2rem;
}
.hero-content {
/* Prevent content shifting */
position: relative;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
}
/* Prevent FOUC and layout shifts */
.hero-content h1,
.hero-content p,
.hero-content .btn-primary {
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
}
</style>
<!-- Hero section layout stabilization script -->
<script>
// Wait for all stylesheets to load before enabling nodes
// Immediate layout stabilization
document.documentElement.style.setProperty('--hero-visibility', 'visible');
document.documentElement.style.setProperty('--hero-opacity', '1');
// Wait for all stylesheets to load before enabling data nodes
function enableDataNodes() {
// Check if all CSS files are loaded
const cssLoaded = Array.from(document.styleSheets).every(sheet => {
@@ -80,21 +150,44 @@
window.foucPreventionStyle.remove();
}
// Enable nodes with proper CSS variables
// Enable nodes with proper CSS variables (but keep hero stable)
document.documentElement.style.setProperty('--data-node-visibility', 'visible');
document.documentElement.style.setProperty('--data-node-opacity', '1');
document.documentElement.style.setProperty('--data-node-position', 'unset');
// Force enable all data nodes and constellations
// Force enable all data nodes and constellations (excluding hero content)
const dataNodes = document.querySelectorAll('.data-node, .data-constellation');
dataNodes.forEach(node => {
// Skip if it's inside hero section
if (!node.closest('#hero')) {
node.style.removeProperty('opacity');
node.style.removeProperty('visibility');
node.style.removeProperty('transform');
} });
// Ensure hero content remains stable
const heroContent = document.querySelector('.hero-content');
if (heroContent) {
heroContent.style.opacity = '1';
heroContent.style.visibility = 'visible';
heroContent.style.transform = 'none';
heroContent.style.textAlign = 'center';
heroContent.style.marginLeft = 'auto';
heroContent.style.marginRight = 'auto';
// Force center alignment for all hero content children
const heroChildren = heroContent.querySelectorAll('h1, p, .btn-primary');
heroChildren.forEach(child => {
child.style.textAlign = 'center';
child.style.marginLeft = 'auto';
child.style.marginRight = 'auto';
child.style.transform = 'none';
child.style.animation = 'none';
});
}
} else {
// Retry after a short delay
setTimeout(enableDataNodes, 50);
setTimeout(enableDataNodes, 30);
}
}
@@ -116,15 +209,25 @@
document.documentElement.style.setProperty('--data-node-visibility', 'visible');
document.documentElement.style.setProperty('--data-node-opacity', '1');
document.documentElement.style.setProperty('--data-node-position', 'unset');
// Force enable all data nodes and constellations
// Force enable all data nodes and constellations (excluding hero content)
const dataNodes = document.querySelectorAll('.data-node, .data-constellation');
dataNodes.forEach(node => {
// Skip if it's inside hero section
if (!node.closest('#hero')) {
node.style.removeProperty('opacity');
node.style.removeProperty('visibility');
node.style.removeProperty('transform');
}
});
}, 150);
// Ensure hero content remains stable
const heroContent = document.querySelector('.hero-content');
if (heroContent) {
heroContent.style.opacity = '1';
heroContent.style.visibility = 'visible';
heroContent.style.transform = 'none';
}
}, 100);
});
</script>
</head>
@@ -137,9 +240,8 @@
<div class="overlay"></div>
<div class="noise"></div>
</div> <!-- NAVBAR --> <header class="site-header">
<nav class="navbar">
<a href="index.html" class="logo">
<img src="assets/Company Icons/GN Name logo.svg" alt="Gyannetra Logo" class="logo-img">
<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">
</a>
<!-- Hamburger menu button for mobile -->
@@ -484,18 +586,11 @@
</section>
<!-- FOOTER -->
<footer class="site-footer">
<div class="container"> <div class="footer-content">
<div class="footer-col footer-col-logo">
<div class="container"> <div class="footer-content"> <div class="footer-col footer-col-logo">
<a href="index.html" class="logo">
<img src="assets/Company Icons/GN logo with banner.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>
<p>Empowering businesses with intelligent AI solutions to drive innovation, efficiency, and growth in a data-centric world.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
</div>
</div>
<div class="footer-col">
<h3>Quick Links</h3>
@@ -517,18 +612,21 @@
<li><p><i class="fas fa-phone"></i>+91 89491-35299</p></li>
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
</ul>
</div>
<div class="footer-col">
</div> <div class="footer-col">
<h3>Follow Us</h3>
<p>Stay updated with our latest insights and news.</p>
<p>Stay updated with our latest insights and news.</p> <div class="social-links">
<a href="mailto:info@gyannetra.com" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="https://wa.me/918949135299" aria-label="WhatsApp" target="_blank"><i class="fab fa-whatsapp"></i></a>
<a href="https://www.linkedin.com/company/gyannetra-pvt-ltd/" aria-label="LinkedIn" target="_blank"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@Gyannetra-o3y" aria-label="YouTube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
<form action="#" method="post" class="newsletter-form" style="display: none;">
<input type="email" name="email" placeholder="Enter your email" required>
<button type="submit" class="btn btn-secondary">Subscribe</button>
</form>
</div>
</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 of Service</a></p>
</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>
</div>
</div> </footer>
<script src="js/menu-dropdown.js" defer></script>

47
js/main.js
View File

@@ -18,7 +18,30 @@ document.addEventListener('DOMContentLoaded', function() {
// Animate elements when they enter viewport
function initScrollAnimations() {
const animatedElements = document.querySelectorAll('.exp-item, .section-heading, .hero-content, .btn-primary');
// Exclude hero content from scroll animations to prevent layout shifts
const animatedElements = document.querySelectorAll('.exp-item, .section-heading, .btn-primary:not(#hero .btn-primary)');
// Ensure hero content is always visible and stable
const heroContent = document.querySelector('#hero .hero-content');
if (heroContent) {
heroContent.style.opacity = '1';
heroContent.style.visibility = 'visible';
heroContent.style.transform = 'none';
heroContent.style.textAlign = 'center';
heroContent.style.marginLeft = 'auto';
heroContent.style.marginRight = 'auto';
heroContent.classList.add('animated'); // Mark as already animated
// Force center alignment for all hero content children
const heroChildren = heroContent.querySelectorAll('h1, p, .btn-primary');
heroChildren.forEach(child => {
child.style.textAlign = 'center';
child.style.marginLeft = 'auto';
child.style.marginRight = 'auto';
child.style.transform = 'none';
child.style.animation = 'none';
});
}
// Create intersection observer
const observer = new IntersectionObserver((entries) => {
@@ -34,7 +57,7 @@ function initScrollAnimations() {
rootMargin: '0px 0px -10% 0px'
});
// Observe all animated elements
// Observe all animated elements (excluding hero content)
animatedElements.forEach(element => {
observer.observe(element);
// Add base animation class
@@ -45,14 +68,30 @@ function initScrollAnimations() {
// Parallax background effects
function initParallaxEffects() {
const parallaxElements = document.querySelectorAll('.atmospheric-bg, .light-effect-top, .light-effect-bottom');
const heroSection = document.querySelector('#hero');
window.addEventListener('scroll', () => {
const scrollY = window.scrollY;
// Get hero section boundaries
const heroRect = heroSection ? heroSection.getBoundingClientRect() : null;
const heroTop = heroSection ? heroSection.offsetTop : 0;
const heroBottom = heroSection ? heroTop + heroSection.offsetHeight : 0;
parallaxElements.forEach((element, index) => {
// Different parallax speeds based on element
// Check if we're in the hero section area
const isInHeroArea = scrollY >= heroTop - window.innerHeight && scrollY <= heroBottom;
if (isInHeroArea) {
// Make background static in hero area - no parallax movement
element.style.transform = 'translateY(0px)';
} else {
// Apply parallax effects outside hero area
const speed = index * 0.1 + 0.1;
element.style.transform = `translateY(${scrollY * speed}px)`;
// Adjust the parallax calculation to account for hero section offset
const adjustedScrollY = scrollY > heroBottom ? scrollY - heroBottom + heroTop : scrollY;
element.style.transform = `translateY(${adjustedScrollY * speed}px)`;
}
});
});
}