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

Major website redesign: Complete CSS architecture overhaul

Browse Source 
- Reorganized CSS into modular architecture (core.css, pages.css, responsive.css, components.css)
- Implemented comprehensive design system with CSS custom properties for theming
- Added responsive navigation with hamburger menu and dropdown systems
- Created modern card-based component system for courses, expertise, and services
- Enhanced all HTML pages with updated styling and improved user experience
- Added extensive animation system with smooth transitions and hover effects
- Implemented mobile-first responsive design with comprehensive breakpoints
- Established industry-specific color theming system
- Moved old CSS files to backup folder for reference
- Updated all service, education, and industry pages with consistent styling
This commit is contained in:
ectasy663
2025-06-04 14:23:55 +05:30
parent ba42a21ed4
commit 67c46fedb4
43 changed files with 8652 additions and 10627 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
Education/corporate-trainings.html
View File

@@ -2,20 +2,11 @@
<html lang="en">
<head>
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Corporate Trainings - Gyannetra</title>
<!-- Core Styles - Load First -->
<link rel="stylesheet" href="../css/01-base-variables.css">
<link rel="stylesheet" href="../css/02-layout-components.css">
<link rel="stylesheet" href="../css/03-navigation-header.css"> <!-- Content Styles -->
<link rel="stylesheet" href="../css/04-hero-sections.css">
<link rel="stylesheet" href="../css/05-technology-cards.css">
<link rel="stylesheet" href="../css/06-forms-buttons.css">
<link rel="stylesheet" href="../css/card-heading-divider.css">
<link rel="stylesheet" href="../css/training-courses.css">
<!-- Responsive & Effects - Load Last -->
<link rel="stylesheet" href="../css/07-media-responsive.css">
<link rel="stylesheet" href="../css/08-animations-effects.css">
<title>Corporate Trainings - Gyannetra</title> <!-- Consolidated CSS files for optimal performance -->
<link rel="stylesheet" href="../css/core.css">
<link rel="stylesheet" href="../css/components.css">
<link rel="stylesheet" href="../css/pages.css">
<link rel="stylesheet" href="../css/responsive.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/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">
</head>
@@ -104,9 +95,8 @@
<h4>Higher Engagement</h4>
<p>Employees connect better with familiar contexts and real-world examples</p>
</div>
</div>
<div class="benefit-item">
<i class="fas fa-chart-growth"></i>
</div> <div class="benefit-item">
<i class="fas fa-chart-line"></i>
<div>
<h4>Improved ROI</h4>
<p>Immediate implementation leads to faster results and measurable business impact</p>

20
Education/individual-trainings.html
View File

@@ -5,21 +5,11 @@
<meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=cover" />
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<title>Individual Training - Gyannetra</title>
<!-- Core Styles - Load First -->
<link rel="stylesheet" href="../css/01-base-variables.css">
<link rel="stylesheet" href="../css/02-layout-components.css">
<link rel="stylesheet" href="../css/03-navigation-header.css">
<!-- Content Styles -->
<link rel="stylesheet" href="../css/04-hero-sections.css">
<link rel="stylesheet" href="../css/05-technology-cards.css">
<link rel="stylesheet" href="../css/06-forms-buttons.css"> <link rel="stylesheet" href="../css/card-heading-divider.css">
<link rel="stylesheet" href="../css/training-courses.css">
<link rel="stylesheet" href="../css/testimonials.css">
<!-- Responsive & Effects - Load Last -->
<link rel="stylesheet" href="../css/07-media-responsive.css">
<link rel="stylesheet" href="../css/08-animations-effects.css">
<title>Individual Training - Gyannetra</title> <!-- Consolidated CSS files for optimal performance -->
<link rel="stylesheet" href="../css/core.css">
<link rel="stylesheet" href="../css/components.css">
<link rel="stylesheet" href="../css/pages.css">
<link rel="stylesheet" href="../css/responsive.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">
</head>

19
Education/workshops.html
View File

@@ -1,20 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Webinars - Gyannetra</title>
<!-- Core Styles - Load First -->
<link rel="stylesheet" href="../css/01-base-variables.css">
<link rel="stylesheet" href="../css/02-layout-components.css">
<link rel="stylesheet" href="../css/03-navigation-header.css"> <!-- Content Styles -->
<link rel="stylesheet" href="../css/04-hero-sections.css">
<link rel="stylesheet" href="../css/05-technology-cards.css">
<link rel="stylesheet" href="../css/06-forms-buttons.css">
<link rel="stylesheet" href="../css/webinar-video.css">
<link rel="stylesheet" href="../css/card-heading-divider.css">
<!-- Responsive & Effects - Load Last -->
<link rel="stylesheet" href="../css/07-media-responsive.css">
<link rel="stylesheet" href="../css/08-animations-effects.css">
<title>Webinars - Gyannetra</title> <!-- Consolidated CSS files for optimal performance -->
<link rel="stylesheet" href="../css/core.css">
<link rel="stylesheet" href="../css/components.css">
<link rel="stylesheet" href="../css/pages.css">
<link rel="stylesheet" href="../css/responsive.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">
</head>