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:
21
contact.html
21
contact.html
@@ -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'">
|
||||
|
||||
Reference in New Issue
Block a user