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:
2025-06-04 14:23:55 +05:30
parent ba42a21ed4
commit 67c46fedb4
43 changed files with 8652 additions and 10627 deletions

View File

@@ -164,22 +164,11 @@
.nav-links.active,
.nav-links.show { left: 0 !important;
} }
</style>
<!-- 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 and effects - load last -->
<link rel="stylesheet" href="css/07-media-responsive.css">
<link rel="stylesheet" href="css/08-animations-effects.css">
<!-- Enhanced widened contact styles -->
<link rel="stylesheet" href="css/style.css">
</style> <!-- 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">
<!-- Preload secondary resources -->
<link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">