Major website redesign: Complete CSS architecture overhaul
- 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:
@@ -2,19 +2,11 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Marketing - 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">
|
||||
|
||||
<!-- Responsive & Effects - Load Last -->
|
||||
<link rel="stylesheet" href="../css/07-media-responsive.css">
|
||||
<link rel="stylesheet" href="../css/08-animations-effects.css">
|
||||
<!-- 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">
|
||||
|
||||
Reference in New Issue
Block a user