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

@@ -0,0 +1,69 @@
/* Universal card heading divider for all major card types */
.exp-item h3,
.specialization-card h3,
.benefit-card h3,
.course-card h3,
.feature-card h3,
.offering-card h3,
.blog-card h3,
.solution-item h3,
.article-card h3,
.webinar-video-card h3,
.tech-card h3,
.video-info h3,
.case-study-card h3,
.webinar-main-card h3,
.service-card h3,
.industry-card h3 {
position: relative;
padding-bottom: 12px;
margin-bottom: 15px;
}
.exp-item h3::after,
.specialization-card h3::after,
.benefit-card h3::after,
.course-card h3::after,
.feature-card h3::after,
.offering-card h3::after,
.blog-card h3::after,
.solution-item h3::after,
.article-card h3::after,
.webinar-video-card h3::after,
.tech-card h3::after,
.video-info h3::after,
.case-study-card h3::after,
.webinar-main-card h3::after,
.service-card h3::after,
.industry-card h3::after {
content: '';
position: absolute;
bottom: -10px;
left: 0;
width: 100%;
height: 3px;
background: linear-gradient(90deg, #52eef5, transparent);
border-radius: 2px;
}
/* Responsive adjustments for smaller screens */
@media (max-width: 600px) {
.exp-item h3::after,
.specialization-card h3::after,
.benefit-card h3::after,
.course-card h3::after,
.feature-card h3::after,
.offering-card h3::after,
.blog-card h3::after,
.solution-item h3::after,
.article-card h3::after,
.webinar-video-card h3::after,
.tech-card h3::after,
.video-info h3::after,
.case-study-card h3::after,
.webinar-main-card h3::after,
.service-card h3::after,
.industry-card h3::after {
height: 2px;
}
}