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

Adjust hero section positioning and standardize contact information

Browse Source 
- 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:
ectasy663
2025-05-28 11:04:38 +05:30
parent 29ebb82cf8
commit 5361e2f800
36 changed files with 2884 additions and 5434 deletions
Download Patch File Download Diff File Expand all files Collapse all files

133
Services/machine-learning.html
View File

@@ -3,10 +3,62 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>Machine Learning - Gyannetra</title> <link rel="stylesheet" href="../css/style.css" />
<title>Machine Learning - 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>
<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">
<!-- Navbar scroll effect styles -->
<style>
.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;
}
/* General styles */
body {
/* Using standardized colors from main CSS */
--card-bg: rgba(25, 35, 55, 0.7); /* Darker card background for contrast */
@@ -21,13 +73,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 {
@@ -148,11 +197,10 @@
.overview-section h2,
.key-offerings-section h2,
.benefits-section h2,
.blogs-case-studies-section h2,
.related-content-section h2 {
.blogs-case-studies-section h2, .related-content-section h2 {
font-size: 2.2rem;
margin-bottom: 30px; /* Standardized margin */
color: var(--primary-color);
/* Inherit the beautiful gradient and glow from main h2 styling */
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
@@ -317,10 +365,18 @@
<div class="noise"></div>
</div>
<header class="site-header">
<nav class="navbar container">
<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>
<!-- 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>
@@ -392,12 +448,21 @@
<img src="../assets/personalized-recommendations.svg" alt="Recommendation Systems Icon" class="solution-icon">
<h3>Recommendation Systems</h3>
<p>Design personalized recommendation engines to enhance user engagement and drive conversions.</p>
</div>
<div class="solution-item">
</div> <div class="solution-item">
<img src="../assets/fraud_detection_icon.svg" alt="Anomaly Detection Icon" class="solution-icon">
<h3>Anomaly Detection</h3>
<p>Identify unusual patterns and outliers in your data that may indicate fraud, errors, or opportunities.</p>
</div>
<div class="solution-item">
<img src="../assets/automation.png" alt="AutoML Icon" class="solution-icon">
<h3>Automated Machine Learning (AutoML)</h3>
<p>Streamline model development with automated feature engineering, model selection, and hyperparameter tuning for optimal results.</p>
</div>
<div class="solution-item">
<img src="../assets/mlng.png" alt="MLOps Icon" class="solution-icon">
<h3>MLOps & Model Deployment</h3>
<p>Implement robust machine learning operations pipelines for seamless model deployment, monitoring, and lifecycle management.</p>
</div>
</div>
</section>
<section class="benefits-section section-padding container">
@@ -512,12 +577,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>
@@ -542,6 +606,41 @@
<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>