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

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>