Enhance hero button styling for improved visibility and user engagement
- 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:
@@ -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>© 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>© 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>
|
||||
|
||||
Reference in New Issue
Block a user