Adjust hero section positioning and standardize contact information
- Updated hero section CSS to position content lower on the page - Changed #hero padding-top from 8rem to 4rem with !important flag - Modified .hero-container to use align-items: flex-start with 10rem top padding - Added cache-busting parameter to style.css link for browser refresh - Standardized contact information across all pages: - Location: Pune, Maharashtra, India - Phone: +91 89491-35299 - Email: info@gyannetra.com - Updated footer contact sections in about.html and all service/industry pages - Fixed CSS syntax error by removing extra closing brace - Cleaned up unused CSS and JS files for better project organization
This commit is contained in:
@@ -3,11 +3,15 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||
<title>Generative AI - Gyannetra</title> <link rel="stylesheet" href="../css/style.css" />
|
||||
<title>Generative AI - Gyannetra</title>
|
||||
<link rel="stylesheet" href="../css/style.css" />
|
||||
<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> /* Card Structure Styles */
|
||||
|
||||
<!-- Navbar scroll effect styles -->
|
||||
<style>
|
||||
/* Card Structure Styles */
|
||||
body {
|
||||
/* Using standardized colors from main CSS */
|
||||
--card-bg: rgba(25, 35, 55, 0.7);
|
||||
@@ -84,13 +88,10 @@
|
||||
margin: 0 auto;
|
||||
position: relative; /* Ensure hero content is above atmospheric bg */
|
||||
z-index: 2; /* Ensure hero content is above atmospheric bg */
|
||||
}
|
||||
|
||||
.hero-section h1 {
|
||||
} .hero-section h1 {
|
||||
font-size: 3.2rem;
|
||||
margin-bottom: 25px;
|
||||
color: var(--primary-color);
|
||||
text-shadow: 0 2px 10px rgba(0,0,0,0.7);
|
||||
/* Inherit the beautiful gradient and glow from main h1 styling */
|
||||
}
|
||||
|
||||
.hero-section p {
|
||||
@@ -217,15 +218,14 @@
|
||||
margin: 4rem 0;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
*/
|
||||
.overview-section h2,
|
||||
*/ .overview-section h2,
|
||||
.key-offerings-section h2,
|
||||
.benefits-section h2,
|
||||
.blogs-case-studies-section h2,
|
||||
.related-content-section h2 {
|
||||
font-size: 2.2rem;
|
||||
margin-bottom: 30px;
|
||||
color: var(--primary-color);
|
||||
/* Inherit the beautiful gradient and glow from main h2 styling */
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
@@ -271,17 +271,71 @@
|
||||
margin-bottom: 10px;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.related-content-item p {
|
||||
.related-content-item p {
|
||||
color: var(--text-muted);
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.related-content-image {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
object-fit: contain;
|
||||
margin-bottom: 15px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.read-more {
|
||||
color: var(--primary-color);
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.site-header {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 1000;
|
||||
background: transparent !important;
|
||||
backdrop-filter: blur(0px);
|
||||
-webkit-backdrop-filter: blur(0px);
|
||||
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
border-bottom: 1px solid transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.site-header.scrolled {
|
||||
background: transparent !important;
|
||||
backdrop-filter: blur(30px);
|
||||
-webkit-backdrop-filter: blur(30px);
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 1rem 2rem;
|
||||
max-width: none !important;
|
||||
margin: 0 !important;
|
||||
background: transparent !important;
|
||||
border-radius: 0 !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* Override any existing navbar container styles */
|
||||
.site-header .navbar,
|
||||
.site-header .container,
|
||||
.navbar .container {
|
||||
background: transparent !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
/* Ensure body has top padding to account for fixed navbar */
|
||||
body {
|
||||
padding-top: 80px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@@ -289,13 +343,20 @@
|
||||
<div class="light-effect-top"></div> <div class="light-effect-bottom"></div>
|
||||
<div class="small-light-top"></div> <div class="small-light-bottom"></div>
|
||||
<div class="overlay"></div> <div class="noise"></div>
|
||||
</div>
|
||||
<header class="site-header">
|
||||
<nav class="navbar container">
|
||||
<a href="../index.html" class="logo">
|
||||
</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">
|
||||
</a>
|
||||
<ul class="nav-links">
|
||||
|
||||
<!-- Hamburger menu button for mobile -->
|
||||
<button class="hamburger-menu" aria-label="Toggle menu">
|
||||
<span class="hamburger-line"></span>
|
||||
<span class="hamburger-line"></span>
|
||||
<span class="hamburger-line"></span>
|
||||
</button>
|
||||
|
||||
<ul class="nav-links">
|
||||
<li class="dropdown"><a href="#" class="nav-link">Services ▾</a>
|
||||
<ul class="dropdown-menu services-dropdown">
|
||||
<li><a href="machine-learning.html"><div class="dropdown-item-content"><img src="../assets/mlng.png" alt="Machine Learning Icon" class="dropdown-icon"><div class="text-content"><span class="item-title">Machine Learning</span><span class="item-description">We build intelligent systems that learn from data to predict outcomes and automate decisions.</span></div></div></a></li>
|
||||
@@ -360,12 +421,31 @@
|
||||
<img src="../assets/solution_icon_personalization.svg" alt="AI-Driven Design Icon" class="solution-icon">
|
||||
<h3>AI-Driven Design</h3>
|
||||
<p>Innovative design tools powered by AI to enhance creativity and streamline workflows</p>
|
||||
</div>
|
||||
<div class="solution-item">
|
||||
</div> <div class="solution-item">
|
||||
<img src="../assets/solution_icon_content_analysis.svg" alt="Content Analysis Icon" class="solution-icon">
|
||||
<h3>Content Analysis</h3>
|
||||
<p>Intelligent content evaluation and improvement suggestions for optimal results</p>
|
||||
</div>
|
||||
<div class="solution-item">
|
||||
<img src="../assets/solution_icon_chatbots.svg" alt="Conversational AI Icon" class="solution-icon">
|
||||
<h3>Conversational AI</h3>
|
||||
<p>Advanced chatbots and virtual assistants powered by generative language models for natural interactions</p>
|
||||
</div>
|
||||
<div class="solution-item">
|
||||
<img src="../assets/solution_icon_code_generation.svg" alt="Code Generation Icon" class="solution-icon">
|
||||
<h3>AI Code Generation</h3>
|
||||
<p>Automated code writing and documentation generation to accelerate software development processes</p>
|
||||
</div>
|
||||
<div class="solution-item">
|
||||
<img src="../assets/solution_icon_image_synthesis.svg" alt="Image Synthesis Icon" class="solution-icon">
|
||||
<h3>Image & Video Synthesis</h3>
|
||||
<p>Generate high-quality images, videos, and visual content for marketing and creative applications</p>
|
||||
</div>
|
||||
<div class="solution-item">
|
||||
<img src="../assets/solution_icon_personalization.svg" alt="Personalized Content Icon" class="solution-icon">
|
||||
<h3>Personalized Content Generation</h3>
|
||||
<p>Create tailored content that resonates with specific audiences based on their preferences and behaviors</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="benefits-section section-padding container">
|
||||
@@ -423,25 +503,31 @@
|
||||
<a href="../Industries/case-studies.html" class="read-more-link">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="related-content-section section-padding container"> <!-- ADDED section-padding -->
|
||||
<h2>RELATED BLOGS & CASE STUDIES</h2>
|
||||
</section> <section class="related-content-section section-padding container"> <!-- ADDED section-padding -->
|
||||
<h2>EXPLORE OUR AI CAPABILITIES</h2>
|
||||
<div class="related-content-grid">
|
||||
<div class="related-content-item">
|
||||
<img src="../assets/analytics (1).png" alt="Generative AI Transforms Industries Thumbnail" class="related-content-image">
|
||||
<h3>How Generative AI Transforms Industries</h3>
|
||||
<p>Explore the impact of generative models across business sectors</p>
|
||||
<a href="../Industries/case-studies.html" class="read-more">Read More</a>
|
||||
<img src="../assets/mlng.png" alt="Machine Learning Services" class="related-content-image">
|
||||
<h3>Machine Learning Solutions</h3>
|
||||
<p>Build predictive models and intelligent algorithms that learn from data to forecast outcomes and automate decisions.</p>
|
||||
<a href="machine-learning.html" class="read-more">Discover ML</a>
|
||||
</div>
|
||||
<div class="related-content-item">
|
||||
<img src="../assets/case study ind.png" alt="Content Generation Success Case Study Thumbnail" class="related-content-image">
|
||||
<h3>Case Study: Content Generation Success</h3>
|
||||
<p>How a media company increased engagement by 70% using our generative AI models</p>
|
||||
<a href="../Industries/case-studies.html" class="read-more">Read More</a>
|
||||
<img src="../assets/data analytics.png" alt="Data Analysis Services" class="related-content-image">
|
||||
<h3>Data Analysis & Visualization</h3>
|
||||
<p>Transform raw data into clear, actionable insights with our expert data analysis and visualization services.</p>
|
||||
<a href="data-analysis.html" class="read-more">Analyze Data</a>
|
||||
</div>
|
||||
<div class="related-content-item">
|
||||
<img src="../assets/ai agent.png" alt="Agentic AI Solutions" class="related-content-image">
|
||||
<h3>Intelligent Agentic AI</h3>
|
||||
<p>Deploy autonomous AI agents that perceive environments and take goal-driven actions to solve complex problems.</p>
|
||||
<a href="agentic-ai.html" class="read-more">Explore Agents</a>
|
||||
</div>
|
||||
</div>
|
||||
<a href="../Industries/case-studies.html" class="btn-primary">Explore Our Generative AI Capabilities</a>
|
||||
<div style="text-align: center; margin-top: 40px;">
|
||||
<a href="../contact.html" class="btn btn-primary">Discuss Your AI Project</a>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
@@ -473,12 +559,11 @@
|
||||
<li><a href="../about.html">About Us</a></li>
|
||||
<li><a href="../contact.html">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
</div> <div class="footer-col">
|
||||
<h3>Contact Us</h3>
|
||||
<ul>
|
||||
<li><p><i class="fas fa-map-marker-alt"></i> 123 AI Street, Innovation City, Techland</p></li>
|
||||
<li><p><i class="fas fa-phone"></i> +1 (555) 123-4567</p></li>
|
||||
<li><p><i class="fas fa-map-marker-alt"></i> Pune, Maharashtra, India</p></li>
|
||||
<li><p><i class="fas fa-phone"></i>+91 89491-35299</p></li>
|
||||
<li><p><i class="fas fa-envelope"></i> <a href="mailto:info@gyannetra.com">info@gyannetra.com</a></p></li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -504,6 +589,40 @@
|
||||
<script src="../js/tech-marquee.js" defer></script>
|
||||
<script src="../js/data-node-interactions.js" defer></script>
|
||||
|
||||
<!-- Navbar scroll effect script -->
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const header = document.querySelector('.site-header');
|
||||
|
||||
function handleScroll() {
|
||||
const currentScrollY = window.scrollY;
|
||||
|
||||
if (currentScrollY > 30) {
|
||||
header.classList.add('scrolled');
|
||||
} else {
|
||||
header.classList.remove('scrolled');
|
||||
}
|
||||
}
|
||||
|
||||
// Throttle scroll events for better performance
|
||||
let ticking = false;
|
||||
function onScroll() {
|
||||
if (!ticking) {
|
||||
requestAnimationFrame(function() {
|
||||
handleScroll();
|
||||
ticking = false;
|
||||
});
|
||||
ticking = true;
|
||||
}
|
||||
}
|
||||
|
||||
window.addEventListener('scroll', onScroll, { passive: true });
|
||||
|
||||
// Initial check
|
||||
handleScroll();
|
||||
});
|
||||
</script>
|
||||
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user